Khi nói về hành vi người dùng store, có một sự thật dễ làm chủ shop hụt hẫng: phần lớn công sức bạn bỏ vào mô tả sản phẩm, banner, câu chữ chăm chút… khách gần như không đọc. Họ quét. Họ lướt mắt thật nhanh để tìm thứ mình cần, và nếu vài giây đầu không thấy, họ thoát.
Bài này gom lại những gì quan sát được khi vận hành store, đối chiếu với vài nghiên cứu để không nói cảm tính. Mục tiêu đơn giản: hiểu khách thật sự làm gì trên trang, để sắp xếp điều hướng cho đúng.
Khách không đọc, khách quét trang
Nielsen Norman Group, nhóm chuyên nghiên cứu trải nghiệm người dùng, có một câu gần như kinh điển: “people don’t read online — they scan” (người ta không đọc online, họ quét). Họ theo dõi chuyển động mắt qua nhiều năm và thấy điều này lặp lại.
Nghĩa là khách vào store không đọc tuần tự từ trên xuống. Họ phóng mắt qua trang, bắt vài từ khóa, vài hình ảnh, rồi tự đoán “chỗ này có thứ mình cần không”.
Thời gian để quyết định cũng ngắn. Theo Nielsen Norman, khoảng 10 giây đầu của một lượt truy cập là lúc khách dễ rời đi nhất. Qua được mốc đó, họ thường ở lại lâu hơn — nhưng 10 giây đầu rất khắc nghiệt.
Hệ quả cho người bán: thứ quan trọng nhất phải hiện ra ngay, không bắt khách cuộn hay suy nghĩ. Với một store, thứ quan trọng nhất thường là điều hướng — danh mục, thanh menu, ô tìm kiếm. Đó là cái khách cần để biết “ở đây bán gì và mình đi đâu tiếp”.
F-pattern, Z-pattern: mắt khách nhìn vào đâu trước
Khi quét trang, mắt khách không đi ngẫu nhiên. Nó đi theo vài đường khá ổn định.
Phổ biến nhất là F-pattern. Nghiên cứu eye-tracking của Nielsen Norman Group mô tả nó như chữ F: khách đọc lướt một hàng ngang ở trên, rồi xuống một chút đọc hàng ngang thứ hai (ngắn hơn), rồi quét dọc theo mép trái. Phần trên cùng và mép trái là nơi mắt dừng nhiều nhất.
Với trang nhiều chữ — bài blog, mô tả sản phẩm dài — F-pattern hay xuất hiện. Bài học: đặt thông tin quan trọng ở đầu dòng, đầu đoạn, đừng giấu nó ở cuối câu dài.
Z-pattern thường gặp ở những trang gọn, ít chữ, như landing page hay trang chủ đơn giản: mắt đi từ góc trên trái sang phải, rồi chéo xuống dưới trái, rồi lại sang phải. Hình chữ Z.
Điểm chung của cả hai: góc trên và cạnh trái được ưu tiên. Đây là lý do menu chính, logo, danh mục lớn theo truyền thống nằm ở trên cùng. Không phải vì quy ước cho đẹp, mà vì đó đúng là nơi mắt khách tìm tới đầu tiên. Nếu bạn nhét danh mục quan trọng vào góc khuất bên phải hay tận cuối trang, khả năng cao khách không nhìn thấy.
Mobile và desktop: hai kiểu dùng khác hẳn nhau
Nhiều store thiết kế trên màn hình máy tính rồi mặc định “mobile chắc cũng vậy”. Thực tế hai bối cảnh rất khác.
Trên desktop, khách có chuột, màn rộng, nhìn được tổng thể. Họ rê chuột thoải mái, mở mega menu nhiều cột, so sánh nhiều mục cùng lúc, và thường kiên nhẫn hơn một chút.
Trên mobile thì ngược lại: màn nhỏ, thường cầm một tay, thao tác chủ yếu bằng ngón cái. Trong một quan sát của Steven Hoober với hơn 1.300 người dùng điện thoại, khoảng một nửa cầm máy bằng một tay. Từ đó có khái niệm “thumb zone” — vùng ngón cái: khu vực giữa và đáy màn hình dễ chạm nhất, còn hai góc trên rất khó với tới.
Đây là lý do thanh điều hướng đặt ở đáy màn (kiểu Tab Bar) thường dễ bấm hơn menu nhét trên đỉnh — ngón cái nghỉ ngay ở đó. Khách cũng ít kiên nhẫn hơn trên mobile: vừa vì màn nhỏ khó thao tác, vừa vì hay đang đi đường, đang chờ ai đó, dễ bỏ ngang.
Khác biệt giữa mobile và desktop dẫn tới một kết luận thực dụng: điều hướng nên được cấu hình riêng cho từng loại màn, không dùng chung một thiết kế. Trên desktop có thể là Mega Menu trải nhiều cột; trên mobile nên là Tab Bar dưới đáy cộng menu trượt gọn gàng. Đây cũng là điều Navi+ (naviplus.io) hướng tới — cho phép cấu hình menu mobile và desktop tách biệt, kéo-thả không cần code, để mỗi màn hình có cách điều hướng hợp với cách tay khách thật sự dùng.
| Desktop | Mobile | |
|---|---|---|
| Thao tác | Chuột, nhìn tổng thể | Ngón cái, vùng thumb zone |
| Màn hình | Rộng, nhiều cột | Hẹp, cuộn dọc |
| Kiên nhẫn | Khá hơn | Thấp, dễ bỏ ngang |
| Menu hợp lý | Mega Menu | Tab Bar + Slide Menu |
Những chỗ khách hay rớt nhất
Khi quan sát store, có vài điểm khách thường vấp và rời đi. Đa số không phải lỗi sản phẩm, mà lỗi điều hướng.
-
Không tìm thấy danh mục. Khách biết mình muốn gì nhưng không thấy lối vào. Danh mục bị giấu, đặt tên khó hiểu, hoặc nằm ngoài vùng mắt quét. Họ đoán vài lần không ra rồi thoát.
-
Menu quá nhiều cấp. Bấm vào một mục, ra menu con, lại ra menu con nữa. Mỗi lớp là một lần khách phải quyết định, và mỗi lần là một cơ hội để họ bỏ cuộc. Trên mobile càng tệ vì màn nhỏ.
-
Không biết mình đang ở đâu. Khách lạc trong store, không rõ đang ở mục nào, làm sao quay lại trang trước. Cảm giác mất phương hướng khiến họ đóng tab cho nhanh.
Riêng menu ẩn hoàn toàn — kiểu hamburger giấu hết điều hướng sau một icon — cũng đáng cân nhắc. Nielsen Norman Group thử nghiệm và thấy điều hướng bị ẩn ít được phát hiện hơn hẳn so với điều hướng hiện rõ, khiến khách dùng tới nó ít hơn và mất nhiều thời gian hơn để xong việc. Hamburger tiết kiệm chỗ thật, nhưng cái gì giấu đi thì khách ít dùng. Một vài mục quan trọng nên để lộ ra, ví dụ qua một Tab Bar luôn hiển thị ở đáy.
Những chỗ rớt này âm thầm góp vào một con số mà ai bán hàng cũng biết: theo Baymard Institute, tỷ lệ bỏ giỏ trung bình quanh mức 70% suốt hơn một thập kỷ. Không phải mọi ca bỏ giỏ đều do điều hướng, nhưng phần khách rời ngay ở trang danh mục vì lạc đường, chưa kịp tới giỏ, thì điều hướng rõ ràng có phần.
Còn tốc độ trang nữa
Một điểm dễ quên: khách quét nhanh đến mấy cũng phải đợi trang hiện ra trước. Nếu menu giật, nhảy, hay làm trang nặng thêm, trải nghiệm hỏng ngay từ giây đầu.
Google có bộ chỉ số Core Web Vitals để đo phần này, với ngưỡng “tốt”: LCP dưới 2,5 giây (nội dung chính hiện ra), INP dưới 200 mili-giây (trang phản hồi khi chạm), CLS dưới 0,1 (bố cục không xê dịch lung tung). Một thanh menu làm trang nhảy hay chậm đi thì lợi bất cập hại. Vì vậy khi chọn công cụ dựng menu, nên ưu tiên loại nhẹ, không kéo các chỉ số này xuống.
Tóm lại: khách trên store quét chứ không đọc, mắt đi theo vài đường khá đoán được, và họ dùng mobile rất khác desktop. Hiểu mấy điều đó rồi, việc sắp xếp menu, danh mục, điều hướng trở nên rõ ràng hơn nhiều — bớt cảm tính, bám theo cách tay và mắt khách thật sự hoạt động.
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.