Bạn đổ tiền vào ads, traffic về đều, nhưng đơn hàng vẫn lèo tèo. Phản xạ đầu tiên thường là chỉnh landing page, đổi ảnh sản phẩm, hay hạ giá. Những thứ đó đáng xem, nhưng có một câu hỏi ít người dừng lại để hỏi: khách có thực sự đi được tới đúng sản phẩm họ muốn không?
Đây là chỗ mà navigation store thương mại điện tử đóng vai trò lớn hơn nhiều so với vẻ ngoài của nó. Điều hướng không phải lớp trang trí dán lên đầu trang. Nó là con đường dẫn khách từ chỗ tò mò sang chỗ bấm “Thêm vào giỏ”. Khi con đường đó gập ghềnh, khách không phàn nàn — họ chỉ lặng lẽ thoát. Và bạn không thấy lý do trong báo cáo, vì người rời đi không để lại ghi chú.
Bài này nhìn vào bốn góc của cùng một vấn đề: khách thực sự hành xử ra sao trên store, điều hướng kéo doanh thu theo hướng nào, những lỗi hay gặp nhất trên Shopify, và kiểu menu nào tháo được điểm nghẽn. Mỗi phần là một mảnh độc lập, bạn đọc phần nào trước cũng được.
- Điều hướng là bước đầu tiên để khách tìm thấy sản phẩm.
- Vùng chạm trên mobile quyết định khách có tiếp tục hay không.
- Menu đúng loại giúp giảm số lần chạm trước giỏ hàng.
Hành vi thực tế của khách trên một store thương mại điện tử
Khách vào store của bạn không đi giống cách bạn — chủ store — đi trong store của chính mình. Bạn biết mọi danh mục nằm ở đâu. Khách thì không. Họ vào, liếc qua vài giây, rồi quyết định ở lại hay đi dựa trên một câu hỏi đơn giản: “Thứ mình cần có gần đây không?”
Phần lớn lưu lượng giờ đến từ điện thoại — nhiều nguồn ghi nhận quá nửa traffic thương mại điện tử là mobile. Điều đó đổi cách khách thao tác. Trên điện thoại, người ta thường cầm máy một tay và điều khiển bằng ngón cái. Nghiên cứu của Steven Hoober (qua UXmatters) quan sát hơn 1.300 lượt và thấy phần lớn tương tác do ngón cái thực hiện. Từ đó hình thành khái niệm “vùng ngón cái” (thumb zone): đáy màn hình ở giữa là vùng dễ chạm nhất, còn hai góc trên là vùng khó với, thường phải đổi tư thế cầm.
Vấn đề là menu trên rất nhiều store lại nằm đúng ở góc trên — vùng khó với nhất. Khách muốn chuyển danh mục phải rướn ngón tay hoặc dùng hai tay. Mỗi lần như vậy là một chút ma sát, và ma sát cộng dồn thành thoát trang.
Một điểm hay bị hiểu nhầm: nhiều người tin khách sẽ tự tìm ô search nếu lạc. Thực tế không hẳn. Baymard Institute thấy trên các store thời trang, gần như toàn bộ người dùng thử nghiệm bắt đầu bằng menu chính chứ không phải search; search chỉ là phương án dự phòng. Trên các site tổng hợp hàng nghìn SKU, tỷ lệ này cân bằng hơn. Nghĩa là với đa số store vừa và nhỏ, menu vẫn là cửa chính — không phải ô tìm kiếm.
Khi bạn hiểu khách đi bằng ngón cái, quyết định trong vài giây, và dựa vào menu để định hướng, nhiều lựa chọn thiết kế bỗng rõ ràng hơn.
Đọc sâuXem bài đầy đủ → Hành vi thực tế của khách trên một store thương mại điện tử
Navigation ảnh hưởng tới doanh thu như thế nào
Dễ nghĩ điều hướng là chuyện thẩm mỹ. Nhưng nó nối thẳng vào tiền, qua một chuỗi đơn giản: khách phải tìm thấy sản phẩm thì mới xem được, xem được thì mới thêm vào giỏ, thêm giỏ rồi mới có cơ hội thanh toán. Mỗi bước rơi rụng một ít người. Menu là bước đầu tiên, và rò rỉ ở bước đầu thì mọi bước sau đều mất theo.
Một con số nền giúp thấy độ lớn của vấn đề. Theo Baymard Institute, tỷ lệ bỏ giỏ trung bình quanh mức 70%. Đó mới chỉ là những người đã bỏ được hàng vào giỏ. Phía trước còn một nhóm đông hơn: những người vào store nhưng không bao giờ tìm thấy thứ khiến họ muốn thêm vào giỏ. Nhóm này gần như vô hình trong báo cáo, nhưng họ là phần lớn nhất của tổn thất.
Có vài cách điều hướng âm thầm bào mòn doanh thu:
- Đường đi quá dài. Mỗi cú chạm thừa để tới sản phẩm là một điểm khách có thể rớt. Catalog sâu mà menu nông thì khách phải đoán đường.
- Khách lạc giữa chừng. Vào được một danh mục nhưng không thấy lối sang danh mục liền kề, họ quay lại trang chủ hoặc thoát.
- Bỏ phí sản phẩm biên. Mặt hàng không nằm trong menu gần như không ai thấy. Bạn có hàng tốt nhưng nó bị chôn.
- Trang chậm vì menu nặng. Điều hướng cồng kềnh kéo tốc độ tải xuống, mà tốc độ lại liên quan trực tiếp tới chuyển đổi.
Điểm cuối đáng nói riêng. Google đặt ngưỡng Core Web Vitals khá rõ: LCP dưới 2,5 giây, INP dưới 200ms, CLS dưới 0,1. Một menu dựng cẩu thả có thể làm layout giật khi tải (đẩy CLS lên) hoặc làm chậm điểm vẽ chính. Khách chưa kịp thấy menu đã mất kiên nhẫn.
Tin tốt là tỷ lệ chuyển đổi ở khâu này thường co giãn mạnh hơn ta tưởng. Rút ngắn đường đi tới sản phẩm, hay đưa menu vào tầm ngón cái, không cần đổi giá hay đổi sản phẩm mà vẫn có thể nhích số đơn lên.
Đọc sâuXem bài đầy đủ → Navigation ảnh hưởng tới doanh thu như thế nào
Những lỗi navigation phổ biến nhất trên Shopify store
Phần lớn store Shopify dùng menu mặc định theo theme. Theme lo phần đẹp, nhưng không lo phần dẫn đường cho đúng catalog của bạn. Vì thế một số lỗi lặp đi lặp lại từ store này sang store khác.
Giấu hết điều hướng vào nút hamburger trên mọi thiết bị. Hamburger gọn, nhưng nó giấu lựa chọn đi. Nielsen Norman Group thấy điều hướng ẩn làm giảm rõ khả năng khách phát hiện ra các mục, và menu ẩn được dùng ít hơn hẳn so với menu hiện rõ, nhất là trên desktop. Khách không bấm vào thứ họ không thấy. Lời khuyên của họ ngắn gọn: nếu không buộc phải giấu, đừng giấu.
Menu sao chép y hệt giữa mobile và desktop. Một cấu trúc tối ưu cho màn hình rộng thường quá tải khi nhét vào màn hình hẹp. Mobile cần ít lựa chọn hơn, đặt thấp hơn, gần ngón cái hơn.
Cây danh mục quá phẳng hoặc quá sâu. Phẳng quá thì một danh mục nhồi cả trăm sản phẩm, khách cuộn mỏi tay. Sâu quá thì khách phải bấm bốn năm tầng mới tới nơi. Cả hai đều mệt.
Menu vỡ mỗi khi đổi theme. Đây là lỗi đặc thù Shopify. Đổi theme là làm lại điều hướng từ đầu, nên nhiều store ngại tối ưu vì sợ công sức tan biến.
Cài quá nhiều app làm chậm trang. Mỗi app thêm một ít script. Menu cũng là một app — nếu nó nặng, nó góp phần kéo lùi Core Web Vitals.
Điểm chung của các lỗi trên: không cái nào hiện ra như “lỗi”. Store vẫn chạy, vẫn có đơn. Chúng chỉ âm thầm chặn bớt một phần khách.
Đọc sâuXem bài đầy đủ → Những lỗi navigation phổ biến nhất trên Shopify store
Các loại menu giải quyết điểm nghẽn điều hướng ra sao
Không có một kiểu menu “đúng” cho mọi store. Mỗi kiểu giải một điểm nghẽn khác nhau, và phần lớn store cần phối hợp vài kiểu — một bộ cho mobile, một bộ cho desktop.
Bảng dưới tóm tắt từng kiểu hợp với việc gì:
| Kiểu menu | Hợp nhất với | Điểm nghẽn nó tháo |
|---|---|---|
| Tab Bar (thanh đáy mobile) | Mobile | Đưa lối đi chính vào vùng ngón cái |
| Mega Menu (desktop) | Desktop | Catalog rộng, nhiều danh mục cùng lúc |
| Slide / Hamburger Menu | Cả hai | Gom danh mục phụ gọn gàng |
| FAB (nút nổi) | Mobile | Một hành động chính luôn trong tầm tay |
| Grid Menu | Cả hai | Khoe danh mục bằng hình, trực quan |
Tab Bar đáng chú ý riêng với mobile. Nó đặt các lối đi quan trọng — Trang chủ, Danh mục, Giỏ, Tài khoản — ngay đáy màn hình, đúng vùng ngón cái dễ chạm, thay vì bắt khách rướn lên góc. Mega Menu thì ngược lại, hợp với desktop khi bạn muốn bày nhiều nhánh danh mục mà không bắt khách bấm qua nhiều tầng.
Điểm mấu chốt không phải chọn một kiểu, mà là điều hướng store mobile và desktop nên được cấu hình riêng. Đây cũng là chỗ một công cụ chuyên dựng menu giúp được. Navi+ cho dựng cả năm kiểu trên — Tab Bar, Mega Menu, Slide Menu, FAB, Grid Menu — bằng kéo thả, không cần code, và cho cấu hình mobile tách khỏi desktop. Menu giữ nguyên khi bạn đổi theme, nên không phải làm lại từ đầu, và nó được tối ưu để không kéo lùi tốc độ tải. Đây là loại menu Shopify mà bạn chỉnh được theo đúng cấu trúc catalog của mình thay vì chịu khuôn của theme.
Đọc sâuXem bài đầy đủ → Các loại menu giải quyết điểm nghẽn điều hướng ra sao
Bắt đầu từ đâu
Bạn không cần làm lại toàn bộ store ngay. Vài việc nhỏ đã đủ để thấy vấn đề:
- Mở store trên điện thoại của chính bạn, không phải máy tính.
- Chọn một sản phẩm cụ thể và thử tìm nó như một khách lần đầu.
- Đếm số lần chạm để tới được trang sản phẩm đó.
- Để ý menu chính nằm trong hay ngoài tầm ngón cái.
- Chạy store qua công cụ đo Core Web Vitals của Google xem có điểm nào đỏ.
Kiểm tra nhanhMở store trên điện thoại, chọn một sản phẩm cụ thể, rồi đếm số lần chạm để tới được sản phẩm đó.
Nếu việc tìm một sản phẩm mất quá nhiều bước, hoặc menu nằm chỗ khó chạm, bạn đã có thứ cụ thể để sửa — và nó thường rẻ hơn nhiều so với việc đổ thêm tiền vào ads.
Điều hướng không phải thứ làm một lần rồi quên. Catalog mở rộng, nguồn traffic đổi, thói quen khách đổi — và menu cần được xem lại theo. Bước nhẹ nhàng nhất để bắt đầu vẫn là bài kiểm tra ở trên: cầm điện thoại lên, đóng vai một khách lạ, và thử đi tìm một món hàng. Bao nhiêu bước cho tới khi bạn tới nơi? Câu trả lời đó thường nói nhiều hơn cả một báo cáo phân tích.
Khám phá các chủ đề
Bài này dẫn tới các bài chuyên sâu hơn — đào sâu từng phần.