Một store có thể có catalog tốt, giá hợp lý, hình ảnh chỉn chu — nhưng khách vẫn rời đi vì không tìm được thứ họ cần. Những lúc đó, vấn đề thường không nằm ở sản phẩm mà ở điều hướng. Bài này đi qua từng loại menu Shopify phổ biến, và quan trọng hơn, mỗi loại sinh ra để gỡ điểm nghẽn nào. Phần kỹ thuật giữ ở mức tối thiểu, tập trung vào chỗ nó giúp khách dễ mua hơn.
Trước khi vào chi tiết, một con số đáng nhớ: theo Baymard Institute, tỷ lệ bỏ giỏ hàng trung bình quanh mức 70% và đã ổn định nhiều năm. Không phải tất cả đến từ điều hướng, nhưng một phần là khách không tới được trang họ muốn, hoặc tới quá muộn rồi nản.
Mega Menu: cho khách thấy toàn cảnh catalog
Mega Menu xổ ra một bảng lớn, hiển thị nhiều danh mục cùng lúc, thường kèm hình minh họa. Nó gỡ một điểm nghẽn cụ thể trên desktop: khách không biết store bán gì, hoặc bán sâu tới đâu.
Hãy hình dung một shop thời trang vài trăm SKU. Nếu menu chỉ liệt kê “Nam / Nữ / Phụ kiện”, khách phải click, chờ trang tải, rồi mới thấy bên trong có gì. Mỗi lần click là một lần họ có thể đổi ý. Mega Menu cho họ liếc qua “Áo sơ mi, Quần jeans, Áo khoác, Giày…” ngay trong một lần rê chuột, kèm vài tấm hình để gợi nhu cầu.
Cách này hợp với việc khách thường quét nhanh một menu rộng có nhóm rõ ràng để định vị, thay vì mò mẫm qua từng lớp. Với store nhiều dòng hàng, đây thường là loại menu Shopify đáng cân nhắc đầu tiên cho bản desktop.
Một lưu ý: Mega Menu mạnh khi catalog đủ rộng để cần phơi bày. Nếu bạn chỉ có 15 sản phẩm, một menu thường là đủ; nhồi thành Mega Menu sẽ trông trống và rối.
Tab Bar: bỏ hamburger, đưa thao tác chính xuống đầu ngón tay
Trên mobile, nhiều store mặc định giấu toàn bộ điều hướng sau biểu tượng ba gạch (hamburger menu). Đây là chỗ Tab Bar — thanh điều hướng cố định ở đáy màn hình — giúp ích nhiều nhất.
Có hai lý do. Thứ nhất, các nghiên cứu khả dụng của Nielsen Norman Group cho thấy điều hướng giấu sau hamburger được khách nhận ra và dùng ít hơn hẳn so với khi để lộ ra; tác vụ cũng mất nhiều thời gian hơn. Nói gọn: cái gì bị giấu thì ít người bấm.
Thứ hai là chuyện cầm máy. Nghiên cứu của Steven Hoober, quan sát hơn 1.300 người, cho thấy phần lớn cầm điện thoại bằng một tay và thao tác chủ yếu bằng ngón cái. Vùng ngón cái với tới dễ nhất nằm ở nửa dưới màn hình. Hamburger lại nằm góc trên — đúng vùng khó với. Tab Bar đặt Trang chủ, Danh mục, Tìm kiếm, Giỏ hàng ngay đáy màn hình, đúng nơi ngón cái nghỉ.
Với người bán Việt Nam, nơi gần như toàn bộ đơn đến từ điện thoại, một chạm để vào giỏ hay mở tìm kiếm có thể là khác biệt giữa đặt hàng và thoát app. Đây là thứ tôi thường khuyên thử trước trên mobile.
Slide Menu: trình bày danh mục nhiều tầng mà không gây ngợp
Tab Bar tốt cho vài lối đi chính, nhưng không chứa hết một cây danh mục sâu. Đó là việc của Slide Menu — bảng trượt ra từ cạnh màn hình.
Điểm nghẽn ở đây là store có cấu trúc nhiều tầng: ngành hàng lớn, danh mục con, rồi danh mục con của con. Đổ hết ra một lúc thì khách ngợp; giấu quá kín thì khách không thấy. Slide Menu xử lý bằng cách mở từng tầng — bấm “Đồ gia dụng” mới trượt sang lớp con bên trong.
Một ví dụ quen thuộc là shop tạp hóa online hay cửa hàng phụ tùng, nơi có hàng chục nhóm hàng. Khách lần theo cây danh mục mà không phải cuộn một danh sách dài vô tận. Slide Menu giữ màn hình gọn ở mỗi bước, để khách đi sâu theo nhịp của họ.
Slide Menu và Tab Bar không loại trừ nhau. Cách dùng phổ biến là Tab Bar lo các lối đi nóng nhất, còn một tab “Danh mục” mở ra Slide Menu cho phần cấu trúc đầy đủ.
FAB: giữ một hành động quan trọng luôn trong tầm tay
FAB (nút hành động nổi) là nút tròn cố định, thường ở góc dưới, nổi đè lên nội dung khi khách cuộn trang. Nó gỡ một điểm nghẽn nhỏ mà phổ biến: khách đọc tới giữa trang sản phẩm thì nút quan trọng đã trôi khỏi tầm mắt.
Khi khách cuộn xuống xem mô tả, ảnh, đánh giá, thì nút “Thêm vào giỏ”, “Chat Zalo” hay “Gọi đặt hàng” ban đầu đã biến mất. Họ phải cuộn ngược lên, và mỗi thao tác thừa là một cơ hội để rời đi. FAB neo đúng một hành động bạn muốn khách làm, luôn ở đó, lại nằm trong vùng ngón cái dễ bấm.
Chìa khóa là tiết chế: FAB nên giữ một CTA thôi. Nhồi ba bốn nút nổi sẽ che nội dung và phản tác dụng. Một nút, đúng việc.
Tốc độ tải: menu đẹp mà chậm còn tệ hơn menu xấu
Phần này quan trọng không kém bốn loại trên. Một menu trông sang nhưng làm trang giật, tải lâu thì khách rời đi trước cả khi kịp dùng nó.
Google đánh giá trải nghiệm qua bộ chỉ số Core Web Vitals, với ngưỡng “tốt”: LCP dưới 2,5 giây (tốc độ hiển thị nội dung chính), INP dưới 200 mili-giây (độ phản hồi khi bấm) và CLS dưới 0,1 (độ ổn định, tránh layout nhảy lung tung). Một menu nặng có thể kéo cả ba xuống — đặc biệt CLS, khi menu tải trễ làm nội dung dưới nó nhảy chỗ, khiến khách bấm nhầm.
Điều này càng đáng lưu ý vì store thường cài nhiều app, và mỗi app thêm đều có thể thêm tải. Một app menu viết cẩu thả sẽ âm thầm làm chậm mọi trang.
Đây là chỗ Navi+ cố làm khác. Navi+ là công cụ dựng điều hướng không cần code, tạo được cả Tab Bar, Mega Menu, Slide Menu, FAB và Grid Menu, cấu hình mobile và desktop riêng, và được tối ưu để không kéo Core Web Vitals xuống. Menu cũng giữ nguyên khi bạn đổi theme, nên không phải dựng lại từ đầu mỗi lần làm mới giao diện. Bạn có thể xem thêm tại naviplus.io. Tôi nhắc ở đây vì tốc độ là tiêu chí người bán hay quên khi chọn app menu — mà nó ảnh hưởng tới chuyển đổi nhiều hơn ta tưởng.
Tóm lại
Mỗi loại menu hợp với một điểm nghẽn riêng. Không có loại “tốt nhất” tuyệt đối — chỉ có loại hợp với cách khách của bạn đang lạc lối:
- Mega Menu — khách không thấy hết catalog trên desktop.
- Tab Bar — thao tác quan trọng bị giấu sau hamburger trên mobile.
- Slide Menu — cây danh mục nhiều tầng dễ gây ngợp.
- FAB — CTA chính trôi mất khi khách cuộn.
- Tốc độ — nền tảng cho cả bốn loại trên có ý nghĩa.
Cách thực tế là nhìn lại hành trình khách trên chính store của mình, xác định họ hay kẹt ở đâu, rồi chọn loại menu gỡ đúng chỗ đó — thay vì cài cho đủ.
Bài viết này nằm trong cẩm nang lớn hơn về Tại sao khách vào store nhưng không mua — và navigation liên quan thế nào.