5 Thực tiễn Tốt nhất về Điều hướng Thương mại Điện tử + Ví dụ (2022)

Các nguyên tắc cơ bản của thiết kế điều hướng thương mại điện tử

Mặc dù điều hướng tiêu đề được 99,99% khách truy cập của bạn nhìn thấy, nhưng bạn có khoảng thời gian để mắt họ lướt từ trái sang phải để cố định lòng tin của họ và thuyết phục họ ở lại và mua hàng của bạn. Với ý nghĩ đơn giản này, màu sắc và tiêu đề rõ ràng là rất quan trọng. Thông thường, phần tiêu đề bao gồm điều hướng chính, thanh tìm kiếm, nút giỏ hàng và thông tin bổ sung như dịch vụ khách hàng, công cụ định vị cửa hàng, các mặt hàng bán chạy nhất, v.v. Những mục bổ sung đó được xác định bởi hành vi của khách truy cập tại chỗ. vị trí cửa hàng của bạn, hãy thêm nó vào tiêu đề.

Khách hàng phàn nàn về cách khó tiếp cận doanh nghiệp của bạn? Thêm một liên kết để trò chuyện trực tiếp. Đang chạy một chương trình khuyến mãi / đặc biệt mà bạn đang cố gắng thúc đẩy doanh số bán hàng nhiều hơn? Thêm điều đó. Bất cứ điều gì quan trọng nhất đối với bạn (lý tưởng nhất là được dữ liệu sao lưu) nên nằm trong tiêu đề. Đối với một người bán, điều đó có thể có nghĩa là chạy một chương trình khuyến mại trong tiêu đề. Đối với người khác, nó có thể có nghĩa là trò chuyện trực tiếp + vị trí cửa hàng. Chỉ cần nhớ rằng dung lượng vẫn ở mức cao, vì vậy hãy đưa ra các quyết định dựa trên dữ liệu dựa trên Google Analytics và các dữ liệu khác hiển thị rõ ràng những gì mọi người đang tìm kiếm.

Một quảng cáo lớn hơn (Giao hàng miễn phí, Video chính, giảm giá 10% trên toàn trang) + hai, ba liên kết đến thông tin / nội dung có liên quan khác (trò chuyện trực tiếp, vị trí cửa hàng và những thứ tương tự) là tất cả những gì bạn có. GameStop hiển thị dịch vụ khách hàng, vị trí cửa hàng và ngưỡng giao hàng miễn phí nổi bật. Trong khi Amazon quảng cáo rầm rộ dịch vụ Prime của mình: Và DODOCase đã tích hợp các mặt hàng bán chạy nhất của họ vào chính thanh điều hướng chính: Các công ty khác thử nghiệm thêm các danh mục theo chủ đề như “Halloween”, “Quà tặng Giáng sinh”, “Hướng dẫn quà tặng” và nhiều danh mục khác để thúc đẩy lưu lượng truy cập và doanh số bán hàng cho các danh mục có liên quan vào các thời điểm khác nhau trong năm.

Bạn cũng có thể kiểm tra phần “Có gì mới” dành riêng cho người mua / khách truy cập quay lại thường xuyên. Họ sẽ muốn xem bạn có những sản phẩm mới nào mà không cần xem qua menu hoặc sử dụng thanh tìm kiếm.

Thanh tìm kiếm điều hướng thương mại điện tử

Chìa khóa cho một thanh tìm kiếm tuyệt vời rất đơn giản: Khi bạn bán các sản phẩm mà mọi người biết để tìm kiếm, hãy làm cho thanh tìm kiếm nổi bật hơn. Hãy nghĩ đến tìm kiếm theo phong cách Amazon – lớn, in đậm và là trung tâm của khu vực tiêu đề. Ngoài ra, hình ảnh sản phẩm trong tìm kiếm trang web đã cho thấy khả năng tăng chuyển đổi:

Trên thực tế, một công ty có tên là BrickHouse đã tăng 100% chuyển đổi khi họ triển khai tìm kiếm sản phẩm bằng hình ảnh. Nó sẽ có tác dụng tương tự trên trang web của bạn? Có lẽ. Ít nhất thì đó cũng là một ý tưởng cho một thử nghiệm sắp tới, theo đó bạn chỉ chạy tìm kiếm bằng văn bản trong một tháng, sau đó chạy tìm kiếm bằng hình ảnh và sau đó so sánh kết quả.

Xem thêm: 4 bước để trở thành một doanh nghiệp theo hướng dữ liệu

Thanh lợi ích trên toàn trang web thương mại điện tử: Tại sao họ sẽ mua

Vì vậy, bây giờ, bạn đã có một tiêu đề được thiết kế tốt (chỉ với thông tin quan trọng nhất). Điều đó thật tuyệt, nhưng nó mới chỉ là khởi đầu! ConversionXL, cơ quan tối ưu hóa chuyển đổi hàng đầu thế giới, ủng hộ việc bao gồm một thanh lợi ích ngay bên dưới tiêu đề. Thanh lợi ích trên toàn trang hoạt động như một mỏ neo tin cậy cho những khách truy cập, những người sẽ cảm thấy chán nản khi mua hàng từ một thương hiệu không quen thuộc. thông tin địa lý (thuộc sở hữu của người Mỹ, Sản xuất tại Hoa Kỳ, v.v.) hoặc bất kỳ thông tin nào khác có khả năng quan trọng đối với khách hàng của bạn. Mặt khác, GameStop sử dụng cùng một khu vực ngay dưới tiêu đề để thêm điều hướng phụ bao gồm các liên kết đến, có lẽ là các danh mục phụ được truy cập nhiều nhất của họ. Ngay bên dưới là họ đã thêm cấp độ thứ ba với biểu trưng của một số thương hiệu mà họ kinh doanh hàng hóa. Điều này phục vụ hai mục đích:

1. Nó cho phép những người hâm mộ cuồng nhiệt của một nhượng quyền thương mại nhất định có thể điều hướng trực tiếp đến hàng hóa mà họ đang tìm kiếm.
2. Những tên tuổi nổi tiếng thế giới đó xây dựng thêm một lớp niềm tin. Họ nói, “Nhìn này! Chúng tôi làm việc với những thương hiệu lớn như vậy, thật an toàn khi mua hàng của chúng tôi ”. Điều này hoạt động nhờ một nguyên tắc thuyết phục và ảnh hưởng được gọi là “bằng chứng xã hội”.

Bây giờ chúng ta đã đề cập đến nội dung nhỏ trong tiêu đề, đã đến lúc xem xét kỹ hơn nội dung lớn – menu điều hướng.

Cấu trúc điều hướng – Một điều bạn cần làm đúng

Trong điều hướng, phân loại sản phẩm thích hợp – hoặc kiến ​​trúc thông tin – là tên của trò chơi. Bằng cách nhóm các sản phẩm có liên quan lại với nhau, bạn đang giúp khách hàng tiềm năng tìm thấy những gì họ đang tìm kiếm dễ dàng hơn. Bạn cũng có thể xem và so sánh một nhóm sản phẩm có cùng một tập hợp chất lượng. Tất cả điều này giúp người dùng cuối mua hàng dễ dàng hơn. Đối với hệ thống phân cấp, có hai loại danh mục:

• Danh mục chính
• Danh mục con

Danh mục mẹ là tên được đặt cho một nhóm danh mục phụ mô tả tốt nhất những phẩm chất được chia sẻ của nhóm đó, trong khi danh mục con được sử dụng để nhóm các sản phẩm cụ thể lại với nhau. Các sản phẩm như giày, mũ, quần, v.v. Đôi khi có thể khó chọn danh mục con chính xác mà một sản phẩm nhất định phải thuộc về và / hoặc nó có thể xuất hiện một cách hợp lý trong nhiều danh mục chính. Ví dụ: người dùng có thể đang tìm kiếm một bàn cà phê trong phần “Phòng khách”, “Văn phòng” hoặc “Bàn”.

Làm thế nào để bạn chọn một trong những danh mục phù hợp nhất cho bàn cà phê? Bạn  không. Có, giải pháp lý tưởng là có các danh mục cấp cao nhất rõ ràng, nhưng điều này không phải lúc nào cũng khả thi. , hãy cân nhắc việc có các sản phẩm và danh mục con dưới nhiều danh mục mẹ.

Ví dụ: Best Buy có danh mục phụ “Máy in, Mực in” trong “Nhà & Văn phòng” cũng như trong “Máy tính & Máy tính bảng” và làm như vậy rất hợp lý. ?Tôi biết bạn đang nghĩ gì.

“Làm sao tôi  biết  được mọi người sẽ tìm kiếm bàn cà phê theo danh mục nào?” Có được những thông tin chi tiết này là thử nghiệm khả năng sử dụng 101 mà Tommy Walker đã đưa ra tổng quan vào tuần trước. Herbert Lui sẽ đi sâu hơn vào cách thực hiện một nghiên cứu vào cuối tuần này, nhưng về cơ bản, bạn sẽ yêu cầu người dùng suy nghĩ lớn trong khi cố gắng tìm một cái bàn. Khi họ hoàn thành nhiệm vụ, hãy ghi lại những danh mục mà họ đang tìm kiếm. Nếu nhiều người dùng đang tìm kiếm ở cùng một nơi, nhưng không có bảng nào hiện diện, bạn đã tìm thấy một cải tiến nhỏ có thể dẫn đến tăng doanh thu lớn.

Nhóm các tùy chọn danh mục con trong menu thả xuống là rất quan trọng trong việc làm cho điều hướng dễ quản lý, có thể quét và trực quan. Vấn đề là nhiều trang web sử dụng nhãn văn bản và không làm cho điều hướng tiêu đề phụ có thể nhấp được. Người dùng mong đợi nhấp chuột và được đưa đến một danh mục rộng lớn, và khi không thể, đó là một vấn đề. Chỉ cần xem điều hướng của Pottery Barn bên dưới. Mọi thứ được chú thích đều là tiêu đề phụ, nhưng không có tiêu đề nào có thể nhấp được:

Mọi thứ thậm chí còn kỳ lạ hơn khi bạn xem xét kỹ hơn và phát hiện ra rằng một số – nhưng không phải tất cả – danh mục phụ có liên kết để xem “Tất cả” – hành động tương tự như nhấp vào chính danh mục phụ sẽ thực hiện. Điều này chỉ lãng phí pixel và làm cho điều hướng thả xuống lớn hơn mức cần thiết. Người chọn phải được trao quyền để quét các nhãn điều hướng và hiểu ngay những nhãn đó đại diện cho điều gì. Để nâng cao khả năng quét, hãy bắt đầu bằng từ mô tả nhất và tránh dùng biệt ngữ. Nhãn rõ ràng và dễ hiểu sẽ hiệu quả hơn. Dịch vụ Kinh doanh Harvard đã viết lại nhãn cho một số yếu tố điều hướng của họ để có nhiều thông tin và định hướng hành động hơn và kết quả là  doanh số bán hàng đã tăng 15,68% .

Nghiên cứu đã chỉ ra rằng 10 giây đầu tiên của lượt truy cập trang rất quan trọng đối với quyết định ở lại hay rời đi của người dùng. 10 giây. Đó là tất cả những gì bạn có. Nếu tôi không thể tìm thấy máy in trong “Máy tính & máy tính bảng”, thì tôi đã biến mất. Nếu tôi không hiểu nhãn điều hướng của bạn, tôi sẽ biến mất. Tiêu đề phụ không thể nhấp được? Tạm biệt, ngay cả khi bạn nhận được sự chú ý về mặt kiến ​​trúc thông tin của mình, vẫn còn một câu hỏi là làm thế nào để trình bày thông tin đó một cách rõ ràng, sạch sẽ và dễ hiểu. Đây là nơi mà các menu lớn phát huy tác dụng.

Thiết kế menu thương mại điện tử mang lại kết quả

Kể từ thời điểm người dùng nhìn thấy menu điều hướng của bạn lần đầu tiên, bạn có ít hơn 10 giây (sau cùng, phải mất thời gian để tìm menu và nhấp vào nó) để hiển thị một lượng lớn thông tin một cách dễ hiểu .Kết thúc điều này và tất cả các công việc khó khăn được thực hiện trên thiết kế tiêu đề chẳng có ích lợi gì. Thách thức là hiển thị một số danh mục sản phẩm cùng một lúc. Trong những trường hợp như thế này, Jakob Nielsen của Nielsen Norman Group khuyên bạn nên sử dụng thực đơn lớn. Hầu hết các trang web thương mại điện tử (bao gồm GameStop, Amazon, Best Buy, Walmart, Zappos và những trang khác) với các danh mục và danh mục phụ phức tạp đều sử dụng menu mega.

• Các bảng lớn,  hai chiều  được chia thành  các nhóm tùy chọn điều hướng
• Các lựa chọn điều hướng được cấu trúc thông qua các biểu tượng bố cục, kiểu chữ và (đôi khi)
• Mọi thứ  hiển thị cùng một lúc – không cuộn

Những gì chúng tôi có ở trên là một menu sản phẩm với nhiều danh mục phụ huynh khác nhau. Nhấp vào bất kỳ danh mục nào trong số chúng và bạn sẽ thấy menu phụ mới: Trong trường hợp này, tôi đã nhấp vào “Điện tử ô tô & GPS” và dưới đó, tôi có thể thấy các danh mục phụ với các liên kết tương ứng. Các tùy chọn điều hướng được nhóm lại với nhau và được phân tách và cấu trúc rõ ràng, với tất cả các tùy chọn được hiển thị cùng một lúc mà không cần cuộn.

Một menu lớn giúp việc tìm đúng danh mục và các danh mục phụ dễ dàng và hợp lý hơn ngay cả khi bạn có nhiều danh mục (phụ) khác nhau. RS Components là nhà cung cấp linh kiện điện và điện tử hàng đầu Châu Âu với danh mục sản phẩm khổng lồ bao gồm hơn 500 000 sản phẩm độc đáo. Với một danh mục sản phẩm khổng lồ như vậy, việc có một điều hướng chính sạch sẽ và đơn giản để sử dụng là rất quan trọng.

Điều hướng chính được chia thành 4 phần với các mục bổ sung kiểu nhấp để mở rộng luôn hiển thị. Rõ ràng, đây không phải là một tùy chọn quá trực quan hoặc thân thiện với người dùng, với thiết kế mới của họ, trọng tâm chính của công ty là đơn giản hóa menu và làm cho nó thân thiện hơn với người dùng.

Xem thêm: 3 cổ phiếu nên mua nếu bạn cho rằng sắp xảy ra suy thoái

Thật không may, công ty không cung cấp các con số cải thiện cụ thể. Chúng tôi biết rằng điều này, kết hợp với các thay đổi khác được thực hiện đối với trang web (tìm kiếm tốt hơn, các trang sản phẩm mới, v.v.), đã giúp công ty đạt mức cao nhất trong 41 tháng đối với doanh số bán hàng trực tuyến. Tuy nhiên, tôi tin rằng điều hướng này là một cải tiến rõ ràng. Khi khách hàng được hỏi “Điều bạn thích nhất ở trang web RS là gì?”, Câu trả lời phổ biến nhất là điều hướng nhanh chóng và đơn giản – với biên độ rất rộng.

Lời kết

Nói chung, để nuôi dưỡng lòng tin của khách hàng – thay vì làm xói mòn nó – thiết kế tiêu đề phải đơn giản, rõ ràng và quan trọng nhất là hấp dẫn đối với nhận thức của khách truy cập. Nghiên cứu theo dõi ánh mắt cho chúng ta thấy, nhất quán, đây là khu vực mà khách truy cập nhìn vào đầu tiên và cho đến nay nó là một trong những yếu tố giao diện chức năng nhất của trang web của bạn – vì vậy hãy làm cho nó có giá trị. Miễn là bạn nhớ bốn điểm sau đây, bạn ‘ Tôi sẽ làm rất tốt:

• Tính ngắn gọn: Tiêu đề – chỉ dựa trên dữ liệu quan trọng nhất và thông tin có liên quan + liên kết.
• Tổ chức: Phân loại phù hợp + danh mục phụ
• Khả năng khám phá: Nếu nó có liên quan, hãy đặt một sản phẩm hoặc danh mục con dưới nhiều danh mục mẹ để rõ ràng và dễ sử dụng
• Mega menu: Sử dụng chúng đặc biệt cho hàng tồn kho lớn.

Kể từ khi tôi hạ cánh, bạn có tối đa 10 giây để thuyết phục tôi ở lại. Có một tiêu đề xuất sắc đẹp mắt chỉ với thông tin phù hợp là Bước 1. Bước 2 là cung cấp cho tôi một menu đơn giản, dễ điều hướng để giúp tôi tìm thấy những gì tôi muốn mua. Hãy ghi nhớ những điều này, và tôi có nhiều khả năng nghĩ rằng bạn có thể được tin cậy với thông tin thẻ tín dụng của tôi.