Nếu chỉ được chọn một thay đổi để khách trên điện thoại mua hàng dễ hơn, tôi sẽ thêm một tab bar mobile. Đây là thanh điều hướng cố định dưới đáy màn hình, hiện sẵn vài icon kèm chữ. Khách không phải tìm, không phải mở menu — nhìn xuống là thấy ngay nơi cần đến. Đó là lý do gần như mọi ứng dụng thương mại điện tử lớn đều dùng nó.
Vì sao đặt ở đáy lại quan trọng
Phần lớn người dùng cầm điện thoại bằng một tay. Nghiên cứu của Steven Hoober, quan sát hơn 1.300 người, cho thấy khoảng 49% cầm máy một tay và dùng ngón cái để chạm. Khi cầm như vậy, ngón cái chỉ với thoải mái tới phần dưới màn hình — vùng thường gọi là thumb zone (vùng ngón cái).
Phần trên màn hình thì ngược lại: muốn chạm tới, người dùng phải rướn ngón hoặc đổi tay. Hamburger menu truyền thống lại nằm đúng góc trên cùng, xa nhất. Tab bar đặt ở đáy nên rơi trọn vào vùng dễ chạm. Khách thao tác nhanh hơn, ít bấm nhầm hơn, đơn giản vì nó nằm đúng chỗ ngón tay đã sẵn ở đó.
Với điện thoại màn hình lớn ngày càng phổ biến, khoảng cách này càng đáng kể. Một nút ở đáy luôn trong tầm với; một nút ở đỉnh thì không phải lúc nào cũng vậy.
Thấy ngay, không cần thao tác
Khác biệt lớn nhất của tab bar so với menu ẩn là tính hiển thị. Nó luôn ở đó, 4-5 icon kèm label, khách không cần mở gì cả.
Điều này quan trọng hơn nhiều người tưởng. Nielsen Norman Group từng nghiên cứu với 179 người trên 6 website và kết luận: giấu phần điều hướng chính đi làm khả năng khách tìm thấy nó giảm rõ rệt, thời gian hoàn thành tác vụ dài hơn và khách thấy khó hơn. Khi menu hiện sẵn, người ta dùng nó nhiều hơn hẳn so với khi phải bấm vào biểu tượng ba gạch.
Với một store, “khách dùng điều hướng nhiều hơn” thường đồng nghĩa với “khách xem nhiều sản phẩm hơn”. Một người bán mỹ phẩm có thể để sẵn icon Search trên tab bar; khách đang tìm đúng một loại son chỉ cần chạm một lần thay vì mò qua menu. Mỗi bước thừa bị cắt là một cơ hội giữ khách ở lại.
Khách dễ tìm đường cũng gián tiếp hỗ trợ khâu thanh toán. Theo tổng hợp của Baymard Institute từ nhiều nghiên cứu, tỷ lệ bỏ giỏ trung bình quanh mức 70% và nhiều năm gần như không đổi. Phần lớn nguyên nhân nằm ở khâu checkout, nhưng điều hướng rối khiến khách phân tâm hay lạc đường cũng góp phần. Một icon Cart luôn hiện ở đáy, có badge số lượng, nhắc khách rằng giỏ vẫn đang chờ.
Quy tắc 4-5 mục: chỉ giữ điểm đến chính
Phần khó nhất của tab bar không phải kỹ thuật, mà là kỷ luật chọn mục. Không gian rất hẹp, nên chỉ nên dành cho những điểm đến chính — nơi khách cần đến thường xuyên nhất.
Một cấu hình kinh điển, dùng được cho hầu hết store:
- Home — quay về trang chủ
- Collections / Shop — vào danh mục sản phẩm
- Search — tìm nhanh
- Cart — giỏ hàng, kèm số lượng
- Account — tài khoản, đơn hàng, hoặc một mục ưu tiên riêng
Mục thứ năm là chỗ cân nhắc theo mô hình kinh doanh. Đang chạy khuyến mãi mạnh thì có thể thay bằng Flash Sale. Nếu nội dung là thứ kéo khách quay lại, có thể là Blog. Một shop thời trang theo mùa có thể tạm để New Arrivals. Điểm mấu chốt: chỉ một mục ưu tiên, không nhồi thêm.
Tại sao không quá 5 mục
Giới hạn này không phải để cho đẹp. Trên màn hình điện thoại, nhồi 6-7 icon khiến mỗi mục bị thu nhỏ, label khó đọc, vùng chạm sát nhau dễ bấm nhầm. Khi mọi thứ đều “quan trọng” thì không gì còn nổi bật.
Tôi từng phạm đúng lỗi này: muốn đưa hết Sản phẩm, Khuyến mãi, Liên hệ, Blog, Tài khoản, Giỏ hàng lên cùng một thanh. Kết quả là một dải icon chật chội mà khách vẫn không biết bấm đâu. Bớt xuống còn 5 mục rõ ràng thì mọi thứ dễ thở hẳn. Tab bar làm tốt một việc: đưa khách tới vài nơi quan trọng nhất, thật nhanh. Những thứ còn lại — chính sách, hướng dẫn, danh mục phụ — cứ để trong slide menu hoặc footer.
Một mô hình khách đã quen
Có một lợi thế ít người để ý: khách đã biết cách dùng tab bar từ trước khi vào store của bạn. Họ gặp nó mỗi ngày trên app mua sắm, app mạng xã hội, app ngân hàng. Thanh icon ở đáy với Home, Search, Cart, Account là quy ước gần như ai cũng hiểu.
Khi store dùng đúng mô hình đó, khách không phải học gì mới. Họ nhìn xuống đáy và biết ngay phải làm gì. Sự quen thuộc này tự nó là một dạng tối ưu chuyển đổi — bạn giảm lực cản mà không cần giải thích.
Với người bán trên Shopify, điểm vướng thường là kỹ thuật: phần lớn theme không có sẵn tab bar dạng app, mà tự code thì tốn kém và dễ vỡ khi đổi theme. Đây là lúc một công cụ chuyên dụng giúp ích. Navi+ cho phép dựng tab bar bằng kéo-thả, không cần code, cấu hình riêng cho mobile và desktop, và menu giữ nguyên khi bạn đổi theme.
Đừng đánh đổi bằng tốc độ trang
Một lưu ý cuối. Tab bar hiện trên mọi trang, nên nếu nó nặng, nó sẽ làm chậm toàn store. Mà tốc độ thì Google chấm điểm trực tiếp qua Core Web Vitals: LCP nên dưới 2,5 giây, INP dưới 200 mili-giây, CLS dưới 0,1. Riêng CLS — độ xê dịch bố cục — rất dễ hỏng nếu thanh đáy nhảy vào trễ và đẩy nội dung khác.
Khi chọn công cụ làm tab bar, hãy ưu tiên loại nhẹ và ổn định, không kéo lùi điểm tốc độ. Navi+ đạt đánh giá cao trên Shopify App Store và có badge “Built for Shopify”. Một tab bar tốt phải vừa dễ chạm, vừa không khiến khách chờ.
Tóm lại, tab bar là giải pháp thay thế chính cho hamburger menu trên điện thoại: đúng vùng ngón cái, hiện sẵn không cần mở, giới hạn ở vài điểm đến quan trọng nhất, và dựa trên mô hình khách đã quen. Làm đúng vài điều cơ bản này thường đủ để khách trên mobile mua hàng dễ hơn hẳn.
Bài viết này nằm trong cẩm nang lớn hơn về Mobile navigation — vì sao hamburger menu đang lỗi thời và nên dùng gì thay thế.