Khi store vượt mốc 500 sản phẩm và 15 danh mục, mọi thứ thay đổi về chất. Bài toán navigation store scale không còn là “làm sao cho gọn”, mà là “làm sao để hàng nghìn khách với hàng chục ý định khác nhau đều tìm được thứ họ cần trong vài giây”. Đây là giai đoạn mình từng chật vật nhất khi vận hành, nên xin chia sẻ lại những gì đã đúc rút.
Giai đoạn 3 trông như thế nào
Đặc điểm dễ nhận ra nhất là catalog lớn và nhiều tầng. Bạn không còn vài danh mục phẳng, mà là cây phân loại 2-3 cấp: nhóm lớn, nhóm con, rồi lọc theo thuộc tính. Một shop thời trang có thể có Nam / Nữ / Trẻ em, mỗi nhánh lại tách Áo / Quần / Phụ kiện, rồi tiếp tục theo dịp, theo mùa.
Traffic cũng đa dạng hơn. Khách từ Google tìm kiếm thường đã biết mình muốn gì. Khách từ quảng cáo Facebook hay TikTok hay vào theo cảm hứng, click một sản phẩm rồi mới tính tiếp. Khách từ email là người cũ, quen đường. Mỗi nguồn một hành vi, và menu phải phục vụ được cả ba trên cùng một giao diện.
Nhiều store giai đoạn này còn bán ra nhiều thị trường, nhiều ngôn ngữ. Và tốc độ giờ là chuyện sống còn. Theo Google, ngưỡng tốt của Core Web Vitals là LCP dưới 2,5 giây, INP dưới 200ms và CLS dưới 0,1. Mỗi app cài thêm đều có thể ăn vào ngân sách đó, nên giữ trang nhẹ là việc đòi hỏi kỷ luật thật sự.
Nhu cầu điều hướng ở quy mô này
Một thanh menu đơn giản không đủ cho navigation store scale. Nhu cầu thường gồm:
- Mega Menu phức tạp hơn: nhiều cột để trải hết cây danh mục, có chỗ cho featured product, có banner khuyến mãi theo mùa.
- Mobile navigation tối ưu: phần lớn đơn hàng đến từ điện thoại, nên trải nghiệm chạm phải mượt và đúng tầm tay.
- A/B testing menu: khi traffic đủ lớn, nên đo thay vì đoán.
- FAB cho CTA mùa vụ: một nút nổi để đẩy chiến dịch đang chạy mà không phải đụng vào toàn bộ menu.
Mega menu nhiều cột — và giới hạn của nó
Mega menu nhiều cột giúp khách thấy toàn bộ cấu trúc cửa hàng chỉ trong một lần rê chuột. Đây là lợi thế lớn trên desktop, nơi có không gian rộng và con trỏ chính xác.
Nhưng nhiều cột không có nghĩa là nhồi tất cả. Khách quét màn hình từ trái sang phải, từ trên xuống, nên cột đầu tiên bên trái nên là nhóm quan trọng nhất. Đặt featured product hay banner ở cột ngoài cùng bên phải — vùng mắt đến sau — thường hợp lý hơn là chen vào giữa luồng đọc.
Mobile: nơi quyết định đơn hàng
Trên điện thoại, ngón cái mới là con trỏ. Theo Steven Hoober (UXmatters), phần lớn người dùng cầm máy một tay và thao tác bằng ngón cái, nên vùng dễ chạm nhất nằm ở nửa dưới màn hình. Đây là lý do một Tab Bar cố định dưới đáy thường hiệu quả hơn là dồn mọi thứ vào menu hamburger trên cùng.
Nielsen Norman Group cũng chỉ ra rằng giấu toàn bộ điều hướng sau hamburger làm giảm rõ rệt mức độ khách dùng tới menu. Họ khuyến nghị kết hợp: vài lối tắt quan trọng hiển thị sẵn, phần còn lại mới cất vào menu trượt. Với store 500+ sản phẩm, cách phối này gần như bắt buộc — bạn không thể trông chờ khách tự mở hamburger để khám phá catalog.
Vài quyết định khó
Đến quy mô này, các lựa chọn không còn câu trả lời chung. Vài điều mình từng phải cân nhắc:
Có nên chia menu theo persona không? Ví dụ tách “Mua cho mình” và “Mua làm quà”. Cách này hợp khi hai nhóm khách thật sự nghĩ khác nhau — người mua quà quan tâm theo dịp, theo ngân sách, theo người nhận. Nhưng nếu áp đặt persona mà khách không nghĩ theo cách đó, bạn chỉ thêm một tầng phân vân. Hãy nhìn dữ liệu tìm kiếm nội bộ trước khi quyết.
Có nên gắn search vào mega menu? Với catalog lớn, search thường là cách nhanh nhất để khách chủ đích tìm tới đích. Đặt ô tìm kiếm ngay trong hoặc cạnh mega menu giúp cả hai nhóm — người thích duyệt và người thích gõ — đều được phục vụ. Đây thường là quyết định “nên làm”.
Khi nào dùng featured product trong mega menu? Khi bạn có một sản phẩm đáng đẩy thật sự: hàng mới, hàng đang sale mạnh, hoặc bestseller của nhóm đó. Đừng đặt featured product chỉ để lấp chỗ trống — một ô ảnh không có lý do sẽ làm menu rối và chậm hơn.
Quy tắc mình tự đặt: mỗi thành phần trong menu phải trả lời được câu “nó giúp khách đi tiếp hay chỉ làm đẹp?”.
Một điểm nền cần nhớ: theo Baymard Institute, tỷ lệ bỏ giỏ trung bình khoảng 70% và con số này gần như không đổi suốt nhiều năm. Navigation tốt không sửa được khâu thanh toán, nhưng một menu rối, chậm, khó tìm sẽ khiến khách rời đi từ rất sớm — trước cả khi kịp thêm vào giỏ.
Gợi ý cấu hình với Navi+
Ở giai đoạn này, mình thường tách bạch desktop và mobile thay vì dùng chung một cấu hình. Navi+ cho phép cấu hình hai môi trường riêng, nên đây là lúc tận dụng điều đó.
Trên desktop: dùng Mega Menu đầy đủ. Trải cây danh mục theo nhiều cột, dành một cột cho featured product hoặc banner mùa vụ, và cân nhắc gắn ô search ngay trong menu. Vì Navi+ làm việc theo hướng kéo-thả không cần code, bạn đổi bố cục cột khá nhanh khi muốn thử cấu trúc mới.
Trên mobile: kết hợp ba lớp. Một Tab Bar tối ưu dưới đáy cho 4-5 lối đi quan trọng nhất, nằm gọn trong vùng ngón cái. Một Slide Menu chứa toàn bộ catalog cho khách muốn duyệt sâu. Và một FAB cho CTA mùa vụ — ví dụ “Sale 11.11” hay “Quà Tết” — bật lên đúng dịp rồi tắt đi, không phải dựng lại menu.
Vì menu Navi+ giữ nguyên khi bạn đổi theme và được tối ưu để không kéo Core Web Vitals đi xuống, bạn có thể thử nghiệm bố cục thoải mái hơn mà không lo phải làm lại từ đầu mỗi lần thay giao diện.
Đo và xem lại theo chu kỳ
Quy mô lớn cho phép bạn đo đạc một cách có ý nghĩa. Dùng analytics để xem mục nào trong menu được click nhiều, mục nào gần như chết. Với traffic đủ lớn, A/B testing menu giúp bạn so hai phương án — ví dụ mega menu có featured product so với không có — và để số liệu quyết định thay vì cảm tính.
Với store đa ngôn ngữ, hãy nhớ rằng menu dịch máy đôi khi vỡ bố cục: tiếng Đức dài hơn tiếng Việt, có ngôn ngữ đọc phải sang trái. Kiểm tra từng phiên bản ngôn ngữ như một trải nghiệm riêng, đừng giả định bản gốc đẹp thì bản dịch cũng đẹp.
Cuối cùng, đặt một lịch xem lại đều đặn — hàng quý chẳng hạn. Catalog ở giai đoạn này thay đổi liên tục, và một menu hợp lý sáu tháng trước có thể đã lệch với cấu trúc hàng hiện tại. Navigation không phải việc làm một lần rồi quên.
Bài viết này nằm trong cẩm nang lớn hơn về Navigation theo từng giai đoạn phát triển của store — từ 10 đến 10.000 sản phẩm.