Giới hạn của điều hướng danh mục chỉ có văn bản
Mọi menu điều hướng trong thương mại điện tử đều trả lời cùng một câu hỏi cho khách truy cập: "Cửa hàng này bán gì, và tôi tìm ở đâu?" Điều hướng danh mục chỉ có văn bản trả lời câu hỏi này ở mức độ đủ dùng. Nó liệt kê những gì có sẵn, cung cấp nhãn cho từng mục, và cho phép khách nhấp để khám phá. Với các cửa hàng mà tên danh mục sản phẩm đã tự giải thích và khách đến với một loại sản phẩm cụ thể trong đầu, điều hướng văn bản hoạt động tốt.
Nhưng với một nhóm cửa hàng đáng kể — thời trang, hàng gia dụng, làm đẹp, phong cách sống, thực phẩm và đồ uống, bất kỳ sản phẩm nào mà sức hút thị giác là động lực mua hàng chính — điều hướng chỉ có văn bản bỏ lỡ một cơ hội lớn. Khách truy cập mở menu điều hướng và đọc "Áo trên, Quần, Phụ kiện" chỉ được thông báo rằng những danh mục đó tồn tại. Khách truy cập mở menu và thấy một hình ảnh sản phẩm được chọn lọc bên cạnh "Áo trên" được cho xem áo của cửa hàng này trông như thế nào. Đây là hai trải nghiệm mua sắm hoàn toàn khác nhau, và chúng tạo ra kết quả khác nhau.
Trưng bày hàng hóa trực quan là một trong những ngành lâu đời nhất trong thiết kế bán lẻ — nghệ thuật trình bày sản phẩm theo cách kích thích ham muốn và ý định mua hàng. Các cửa hàng bách hóa đầu tư mạnh vào trưng bày cửa sổ và bố cục sàn chính xác vì trình bày một sản phẩm được trưng bày đẹp mắt tạo ra ham muốn mua hàng theo cách mà biển hiệu "Áo len có sẵn ở đây" không thể làm được. Điều hướng kỹ thuật số với hình ảnh sản phẩm mang nguyên tắc trưng bày hàng hóa trực quan tương tự đến lớp tương tác đầu tiên của cửa hàng trực tuyến.
"Chúng tôi hoài nghi về việc đặt hình ảnh vào Mega Menu — có vẻ như nó có thể làm chậm trải nghiệm hoặc gây lộn xộn. Chúng tôi đã thử nghiệm trong một mùa với hình ảnh phong cách sống được chọn lọc cho các danh mục chính. Tỷ lệ nhấp điều hướng tăng đáng kể, và quan trọng hơn, độ sâu phiên tăng lên — khách truy cập khám phá nhiều danh mục hơn mỗi phiên so với trước đây. Hình ảnh đang thực hiện công việc bán hàng trước tại lớp điều hướng mà các nhãn danh mục chưa bao giờ làm được."
— Một khách hàng Navi+, thương hiệu hàng gia dụng đương đại
Nơi hình ảnh sản phẩm phát huy hiệu quả trong điều hướng
Hình ảnh sản phẩm trong điều hướng không phải lúc nào cũng phù hợp — nó hoạt động tốt nhất trong các bối cảnh điều hướng cụ thể và với các loại sản phẩm cụ thể. Hiểu được nơi nó tạo ra giá trị giúp định hướng quyết định có nên đầu tư vào nó hay không:
Panel danh mục Mega Menu. Mega Menu là ngôi nhà tự nhiên cho hình ảnh điều hướng. Khi khách truy cập mở một danh mục cấp cao nhất (Phụ nữ, Phòng khách, Chăm sóc da), panel Mega Menu có đủ không gian trực quan để hiển thị hình ảnh sản phẩm được chọn lọc hoặc ảnh phong cách sống bên cạnh các liên kết danh mục con. Hình ảnh không thay thế cấu trúc điều hướng — nó đi kèm, cung cấp bối cảnh trực quan trong khi văn bản cung cấp cấu trúc điều hướng. Sự kết hợp đó cung cấp nhiều thông tin hơn so với từng yếu tố riêng lẻ.
Tiêu điểm sản phẩm nổi bật. Ngoài hình ảnh danh mục, các panel Mega Menu có thể giới thiệu các sản phẩm cụ thể — một sản phẩm hero từ danh mục, hàng mới về, hoặc hàng bán chạy — với hình ảnh sản phẩm nhỏ, tên và giá. Điều này biến một phần của panel điều hướng thành một tủ trưng bày sản phẩm thu nhỏ. Những khách truy cập không có kế hoạch duyệt một danh mục cụ thể có thể bị thu hút bởi hình ảnh sản phẩm hấp dẫn thẩm mỹ trước khi họ có ý thức quyết định khám phá phần đó.
Banner theo mùa và khuyến mãi. Các khe hình ảnh chuyên dụng trong Mega Menu có thể phục vụ mục đích khuyến mãi theo mùa — một hình ảnh được chọn lọc với lớp phủ "Bộ sưu tập mới" hoặc "Giảm giá" thay đổi theo hàng tồn kho và chương trình khuyến mãi. Các khe hình ảnh này phục vụ chức năng khác với hình ảnh danh mục: chúng truyền đạt tính thời vụ, kịp thời và sự liên quan của khuyến mãi, mang lại sự tươi mới cho điều hướng mà các menu văn bản tĩnh không bao giờ có.
Chọn hình ảnh có khả năng chuyển đổi cao
Câu hỏi chiến lược cho hình ảnh điều hướng không chỉ là có nên dùng hình ảnh hay không, mà là nên dùng hình ảnh nào. Không phải tất cả hình ảnh sản phẩm đều chuyển đổi như nhau trong bối cảnh điều hướng:
Hình ảnh phong cách sống vượt trội hơn ảnh sản phẩm trên nền trắng. Trong bối cảnh điều hướng, khách truy cập đang ở chế độ duyệt và khám phá hơn là chế độ đánh giá. Hình ảnh phong cách sống — sản phẩm đang được sử dụng, trong bối cảnh, trong một cài đặt đầy khát vọng — tạo ra ham muốn và truyền đạt vai trò của sản phẩm trong cuộc sống của khách truy cập. Hình ảnh sản phẩm trên nền trắng truyền đạt thông số kỹ thuật. Hình ảnh hướng đến ham muốn phù hợp hơn cho điểm vào điều hướng; hình ảnh thông số kỹ thuật thuộc về trang sản phẩm.
Đại diện danh mục vs. sản phẩm cụ thể. Với các danh mục lớn, một hình ảnh sản phẩm duy nhất có thể gây nhầm lẫn — nếu danh mục bao gồm một phạm vi rộng, hiển thị một sản phẩm có thể cho thấy danh mục hẹp hơn thực tế. Hình ảnh phong cách sống đại diện cho thẩm mỹ và phong cách của danh mục mà không phải là một sản phẩm cụ thể có xu hướng hoạt động tốt hơn như một điểm vào điều hướng cho các danh mục rộng.
Hiện tại vs. thường xanh. Hình ảnh điều hướng nên được cập nhật khi các sản phẩm nổi bật trong những hình ảnh đó không còn được cung cấp hoặc nổi bật nữa. Hình ảnh lỗi thời không còn phản ánh bộ sưu tập hiện tại còn tệ hơn là không có hình ảnh — nó tạo ra sự không khớp giữa lời hứa điều hướng và trải nghiệm danh mục, làm tổn hại đến niềm tin.
| Loại hình ảnh điều hướng | Sức hút thị giác | Trường hợp sử dụng tốt nhất |
|---|---|---|
| Không có hình ảnh — chỉ văn bản | Chức năng | Sản phẩm thông thường, bối cảnh mua sắm thực dụng |
| Hình ảnh phong cách sống theo danh mục | Cao — tạo ham muốn đối với danh mục | Thời trang, làm đẹp, nội thất — danh mục sản phẩm trực quan |
| Tiêu điểm sản phẩm nổi bật | Cao — chuyển đổi duyệt thành quan tâm cụ thể | Hàng mới về, hàng bán chạy, sản phẩm hero theo mùa |
| Hình ảnh banner khuyến mãi | Cao — truyền đạt tính kịp thời và giá trị | Giảm giá, bộ sưu tập giới hạn, chiến dịch theo mùa |
Triển khai với Mega Menu của Navi+
Mega Menu của Navi+ hỗ trợ các cột hình ảnh bên cạnh các cột liên kết văn bản — bố cục panel có thể được cấu hình với các khe hình ảnh chuyên dụng lấy từ tài sản đã tải lên hoặc hình ảnh bộ sưu tập sản phẩm. Điều này cho phép chủ cửa hàng triển khai mô hình trưng bày hàng hóa trực quan đầy đủ trong điều hướng mà không cần phát triển tùy chỉnh: chọn hình ảnh, đặt vị trí trong panel, liên kết đến đích và xuất bản. Cập nhật hình ảnh theo mùa là cùng một thao tác — thay thế hình ảnh, không thay đổi code.
Với các cửa hàng trong danh mục sản phẩm trực quan, hình ảnh điều hướng là một trong những khoản đầu tư thiết kế có đòn bẩy cao nhất hiện có. Nó chuyển ấn tượng đầu tiên của mỗi danh mục sản phẩm từ trang danh mục — mà khách truy cập chỉ đến sau khi đã quyết định khám phá — đến lớp điều hướng, mà khách truy cập đến trên mọi trang, trong mọi phiên. Đưa sức hút thị giác của sản phẩm đến điều hướng là đưa trưng bày hàng hóa trực quan đến điểm tiếp cận rộng nhất trong toàn bộ trải nghiệm cửa hàng.
Dùng thử miễn phí — không cần code, không cần lập trình viên
Cài đặt trong vài phút trên Shopify, WordPress hoặc bất kỳ website nào.