Lưu lượng truy cập di động hiện chiếm hơn 70% lượt ghé thăm cửa hàng Shopify. Cách điều hướng hoạt động trên màn hình nhỏ là một trong những quyết định UX có tác động lớn nhất mà bạn sẽ thực hiện. Trang này đề cập chi tiết về cách Smart Menu và Navi+ xử lý điều hướng di động — và tại sao sự khác biệt đó lại quan trọng.
Smart Menu Xử Lý Di Động Như Thế Nào
Trải nghiệm di động của Smart Menu tuân theo mô hình hamburger menu tiêu chuẩn:
- Khách truy cập vào trang — điều hướng bị ẩn
- Khách nhấn vào biểu tượng ☰ ở góc màn hình
- Menu dạng dropdown hoặc slide-out xuất hiện
- Khách nhấn vào một danh mục để điều hướng
Mô hình này quen thuộc và hoạt động được. Nhưng nó có một vấn đề cơ bản: toàn bộ danh mục sản phẩm của bạn bị ẩn cho đến khi khách truy cập chủ động mở menu. Hầu hết khách truy cập trên điện thoại không làm vậy.
Hạn chế di động của Smart Menu:
- Không có Tab Bar / Thanh điều hướng dưới
- Không có FAB (Floating Action Button)
- Không có điều hướng cố định — luôn yêu cầu nhấn có chủ đích
- Không có quy tắc xuất bản theo thiết bị (không thể hiển thị menu khác nhau trên di động và máy tính)
Navi+ Xử Lý Di Động Như Thế Nào
Navi+ được thiết kế ưu tiên di động và hỗ trợ ba mô hình điều hướng di động khác biệt:
Tab Bar (Thanh Điều Hướng Dưới)
Tab Bar đặt 4–5 liên kết điều hướng trong một thanh cố định ở cuối màn hình. Nó luôn hiển thị — khách có thể nhấn vào bất kỳ danh mục nào từ bất kỳ trang nào mà không cần mở menu. Cách này phản chiếu cách các ứng dụng gốc như Instagram, Amazon và TikTok hoạt động.
Tại sao Tab Bar giúp chuyển đổi tốt hơn:
- Không cần nhấn để xem danh mục chính — chúng luôn hiển thị
- Vị trí thân thiện với ngón cái (cuối màn hình = tầm với tự nhiên của ngón cái)
- Giảm số bước để duyệt một danh mục khoảng ~1–2 lần nhấn mỗi phiên
- Người mua trên điện thoại sử dụng Tab Bar ghé thăm trung bình nhiều hơn 20–35% trang mỗi phiên
FAB (Floating Action Button)
FAB là một nút nổi cố định trên màn hình, thường dùng cho các hành động ưu tiên cao: “Sale,” “Hàng Mới,” “Liên Hệ,” hoặc “Giỏ Hàng.” Nó thêm một phím tắt cố định mà không chiếm diện tích màn hình cho một thanh đầy đủ.
Slide Menu (với quy tắc ưu tiên di động)
Slide Menu (kiểu hamburger/drawer) của Navi+ có thể tùy chỉnh hơn so với Smart Menu — với icon, hình ảnh, badge, và khả năng hiển thị nội dung khác nhau trên di động và máy tính thông qua quy tắc Smart Publish.
Tác Động Đến Chuyển Đổi
| Yếu Tố UX Di Động | Smart Menu | Navi+ |
|---|---|---|
| Tab Bar (luôn hiển thị) | ✗ | ✓ |
| Nút FAB | ✗ | ✓ |
| Quy tắc xuất bản theo di động | ✗ | ✓ |
| Icon trong điều hướng di động | ~ (hạn chế) | ✓ |
| Menu di động chế độ tối | ✗ | ✓ |
| Điều hướng cố định | ✗ | ✓ (Tab Bar) |
Bạn Nên Dùng Cái Nào?
Dùng cách tiếp cận di động của Smart Menu nếu:
- Cửa hàng của bạn rất đơn giản (5 danh mục cấp cao nhất trở xuống)
- Đối tượng của bạn chủ yếu là người mua trên máy tính
- Bạn chỉ cần một hamburger menu và không cần gì hơn
Dùng Navi+ nếu:
- Hơn 50% lưu lượng của bạn đến từ di động (có thể đúng với hầu hết các cửa hàng)
- Bạn muốn tái tạo trải nghiệm điều hướng của các ứng dụng di động hàng đầu
- Bạn muốn Tab Bar + FAB để điều hướng cố định, thân thiện với ngón cái
- Bạn muốn hiển thị các menu khác nhau trên di động và máy tính
Đối với các cửa hàng Shopify hiện đại nơi di động là kênh chính, khoảng cách giữa hai cách tiếp cận này là đáng kể. Hamburger menu có thể dùng được; Tab Bar thì có tính chiến lược.
→ Xem toàn bộ so sánh: Navi+ vs Smart Menu