Khi store vượt mốc 50 sản phẩm, mọi thứ bắt đầu khác. Cách điều hướng từng đủ dùng ở giai đoạn đầu giờ chật chội. Bài toán navigation store tăng trưởng hiện ra rõ: không còn là “có menu là được”, mà là “menu có dẫn khách tới đúng chỗ đủ nhanh không”.
Tôi từng vận hành một store đi qua đúng giai đoạn này. Catalog phình ra nhanh hơn tôi tưởng, và cấu trúc menu cũ âm thầm thành điểm nghẽn — cho tới khi nhìn vào số liệu mới thấy.
Giai đoạn 2 trông như thế nào
Đặc điểm dễ nhận nhất là catalog mở rộng nhanh. Bạn thêm collection mới gần như mỗi tháng: theo mùa, theo dòng sản phẩm, theo khuyến mãi. Cái menu phẳng ngày xưa với bốn năm mục giờ quá tải.
Traffic cũng tăng. Quan trọng hơn, bạn bắt đầu có data hành vi thật: khách vào từ đâu, click gì, rời ở đâu. Trước đoán, giờ đo được.
Và có một nhóm khách mới: người quay lại. Họ đã mua một lần, biết bạn bán gì, lần này muốn tìm nhanh hơn. Họ không kiên nhẫn lướt như khách lần đầu. Nếu menu bắt họ mò mẫm, họ sẽ khó chịu dù trước đó đã có thiện cảm.
Khi nào nên nâng cấp navigation
Có vài dấu hiệu khá rõ. Bạn không cần đoán, chỉ cần nhìn số.
- Khách phải click ba lần trở lên mới tới được sản phẩm. Mỗi cú click thừa là một cơ hội để khách bỏ cuộc. Danh mục lồng càng sâu, đường tới sản phẩm càng dài, tỷ lệ rớt ở mỗi bước cộng dồn lại.
- Search rate tăng. Khi nhiều người dùng ô tìm kiếm hơn, thường đó không phải tín hiệu tốt — menu không dẫn họ tới nơi cần đến, nên họ phải tự gõ. Search là cứu cánh, không nên là lối đi chính.
- Bounce rate nhích lên theo catalog. Catalog càng to mà tỷ lệ thoát càng cao là một cặp đáng ngờ. Gốc rễ thường là khách vào, không thấy đường đi rõ ràng, rồi rời đi.
Bối cảnh chung cũng đáng lưu tâm. Theo Baymard Institute, tỷ lệ bỏ giỏ trung bình trong thương mại điện tử vào khoảng 70% và gần như không đổi suốt nhiều năm. Menu không sửa được toàn bộ phần đó, nhưng một đường đi rối ren chắc chắn không giúp giữ khách lại.
Cấu trúc rõ hơn cho store tăng trưởng
Ở giai đoạn này, store cần structure thật sự, không chỉ là một danh sách link. Đây là lúc mega menu bắt đầu có lý.
Trên desktop, mega menu cho phép bày nhiều danh mục cùng lúc trong một khung mở rộng, thay vì giấu sau nhiều lớp. Khách nhìn một lần là thấy bức tranh tổng thể: bạn có những dòng hàng nào, nhóm ra sao. Điều này hợp với cách mắt người quét trang. Nielsen Norman Group lưu ý rằng navigation bị giấu (kiểu ẩn hết sau một icon) làm giảm khả năng khám phá nội dung so với navigation hiển thị rõ, và tác động này trên desktop nặng hơn trên mobile.
Nói cách khác: trên màn hình rộng, đừng giấu. Hãy bày ra. Mega menu sinh ra cho đúng việc đó.
Với khoảng 50–500 sản phẩm, bạn chưa cần mega menu nhiều cột chi chít. Một bố cục hai cột thường là đủ và dễ đọc. Bạn có thể thêm hình cho vài danh mục nổi bật — ví dụ một shop thời trang để ảnh “Bộ sưu tập mới” hay “Hàng bán chạy” ngay trong menu, vừa điều hướng vừa gợi ý mua.
Mobile: Tab Bar giữ điểm đến chính, Slide Menu lo phần còn lại
Phần lớn khách Việt mua hàng bằng điện thoại, nên mobile mới là sân chính. Mà mobile có ràng buộc riêng: màn hình hẹp, người ta cầm bằng một tay.
Phần dễ chạm nhất bằng ngón cái nằm ở khoảng một phần ba dưới màn hình — vùng thumb zone. Đây là lý do thanh điều hướng đặt ở đáy (Tab Bar) lại tiện đến vậy: những điểm đến quan trọng nhất luôn nằm trong tầm ngón cái, không phải với lên góc trên.
Cách phân vai hợp lý ở giai đoạn này:
- Tab Bar giữ bốn năm điểm đến chính, luôn hiện ở đáy: Trang chủ, Danh mục, Tìm kiếm, Giỏ hàng, Tài khoản. Đây là những nơi khách quay lại nhiều nhất, nên để chúng luôn trong tầm với.
- Slide Menu xử lý phần catalog đã phình to. Khi bạn có vài chục danh mục và danh mục con, một slide menu mở từ cạnh cho phép sắp xếp theo tầng gọn gàng, mà không chiếm chỗ thường trực trên màn hình.
Hai loại này bổ trợ nhau chứ không thay nhau. Tab Bar lo tốc độ tới những chỗ hay dùng. Slide Menu lo chiều sâu của catalog. Nguyên tắc từ Nielsen Norman Group cũng đúng ở đây: đừng giấu hết mọi thứ sau icon hamburger — hãy để những lối đi quan trọng nhất hiển thị, phần còn lại mới đưa vào slide menu.
Bắt đầu nhìn vào analytics menu
Điểm khác biệt lớn của giai đoạn 2 so với giai đoạn đầu là bạn đã có đủ data để ra quyết định. Đây là lúc nên theo dõi analytics menu một cách nghiêm túc.
Hãy xem mục nào trong menu được click nhiều, mục nào gần như không ai đụng tới. Một danh mục bạn đặt nổi bật nhưng không ai bấm có thể đang sai tên, sai vị trí, hoặc đơn giản là khách không quan tâm. Ngược lại, một mục bị nhét sâu nhưng vẫn nhiều click là tín hiệu nên kéo lên trên.
Đừng sắp menu theo cảm tính của người trong shop. Sắp theo cách khách thật sự đi. Analytics menu giúp bạn thấy con đường đó và điều chỉnh dần, thay vì đại tu một lần.
Một điểm cần giữ trong đầu khi thêm công cụ: tốc độ trang. Theo Google, ngưỡng “tốt” của Core Web Vitals là LCP dưới 2,5 giây, INP dưới 200 mili-giây và CLS dưới 0,1. Mega menu và slide menu nếu làm nặng có thể kéo các chỉ số này xuống. Store càng lớn thường càng cài thêm app, và mỗi app đều có thể cộng dồn vào thời gian tải — nên menu của bạn nên gọn, không làm chậm trang.
Gợi ý cấu hình với Navi+
Nếu bạn không muốn động vào code, đây là cấu hình tôi thấy hợp với store ở giai đoạn này, dựng bằng Navi+:
- Desktop: Mega Menu bố cục hai cột, thêm hình cho một hai danh mục nổi bật. Đủ rõ ràng mà không rối.
- Mobile: Tab Bar cho bốn năm điểm đến chính ở đáy, kết hợp Slide Menu cho toàn bộ cây danh mục.
- Theo dõi: bật analytics menu để xem mục nào được dùng, rồi tinh chỉnh dần.
Navi+ cấu hình mobile và desktop riêng biệt, nên bạn không phải gò một bố cục cho cả hai. Menu kéo-thả, không cần code, và giữ nguyên khi bạn đổi theme — một điểm tiện vì giai đoạn này nhiều store cũng hay thay giao diện. Công cụ được tối ưu để không làm chậm trang và có badge “Built for Shopify”.
Điều quan trọng nhất ở giai đoạn 2 không phải là làm menu thật hoành tráng, mà là làm nó rõ ràng và đo được — để khi store lớn thêm nữa, bạn đã có sẵn nền tảng và thói quen nhìn số để đi tiếp.
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.