105 Mẹo UX Thương mại điện tử: Cách thu hút khách hàng mua hàng

Theo Nielson Norman Group, một công ty nghiên cứu trải nghiệm người dùng, có hơn 800 phương pháp hay nhất về khả năng sử dụng thương mại điện tử. Trừ khi bạn có hàng tỷ đô la để chi cho phát triển, nếu không bạn sẽ không đáp ứng được mọi nguyên tắc. Bài đăng này chứa đầy các mẹo và ví dụ để bạn có thể cải thiện thiết kế UX thương mại điện tử của mình và có thêm nhiều lượt chuyển đổi.

Hãy cùng phân tích các phương pháp hay nhất cơ bản theo từng loại trang. Hãy xem bài viết này để biết mẹo về ux trên thiết bị di động .

1. Trang chủ Mẹo UX Xây dựng Niềm tin Chỉ trong nháy mắt

Trang chủ của bạn có lượng truy cập nhiều nhất. Hãy làm cho mọi người thấy rõ rằng bạn đang bán sản phẩm. Hãy nghĩ về trang chủ của bạn như cửa sổ dẫn đến cửa hàng của bạn. Hãy nghĩ đến Macy's trên Magnificent Mile. Trang trí trang chủ của bạn bằng những sản phẩm và hình ảnh đẹp nhất của bạn. Một điều bạn không bao giờ thấy ở Macy's là những chiếc váy khác nhau lướt qua từng chiếc một trong cửa sổ. Tôi đang nói về thanh trượt ở đây. Nếu bạn phải sử dụng chúng, hãy đảm bảo rằng chúng  thân thiện với người dùng .

1.1 Thực hành tốt nhất của Hero Area

Khu vực anh hùng của bạn (còn gọi là khu vực nổi bật) là bất động sản nổi bật nhất trên trang chủ của bạn.   Bạn chỉ có 50 mili giây để lại ấn tượng tốt , đây là cách để khiến nó có giá trị.

- Những điều không nên làm ở Hero Area

+ Trang trí. Các vòng xoáy, lấp lánh và các biểu tượng vô nghĩa khác sẽ làm tăng thêm gánh nặng nhận thức và khiến khách hàng mất tập trung.

+ Có nội dung lỗi thời như khuyến mại từ tuần trước hoặc thậm chí là tháng trước. Bạn sẽ mất uy tín ngay lập tức.

+ Làm cho khu vực này trở nên lộn xộn với quá nhiều tin nhắn hoặc chương trình khuyến mãi.

+ Có thanh trượt hoặc vòng quay tự động tiến lên.

+ Nhấn mạnh vào sản phẩm không đại diện cho tổng thể sản phẩm của bạn.

1.2 Trang chủ Điều hướng

Khi mọi người truy cập trang web của bạn, bạn muốn giúp họ tìm thấy những gì họ cần. Theo chuyên gia chuyển đổi,  Tim Ash, trọng tâm chính của trang chủ là cung cấp điều hướng cấp danh mục.  Hãy làm theo các mẹo sau để giúp khách truy cập tìm thấy những gì họ đang tìm kiếm.

- Trang chủ Điều hướng Nên làm

+ Cung cấp cho khách truy cập "cái nhìn tổng quan" về những gì trang web của bạn bán để họ có thể tìm hiểu sâu hơn về các danh mục cụ thể.

+ Thêm các công cụ bạn sử dụng nhiều nhất hoặc hướng dẫn mua hàng.

+ Cung cấp liên kết đến các trang chính sách đổi trả, dịch vụ khách hàng, vận chuyển và quyền riêng tư.

- Trang chủ Điều hướng Không nên

+ Giả sử bạn biết mọi người đang tìm kiếm điều gì.

+ Đưa mọi danh mục và danh mục phụ vào trang chủ của bạn.

+ Đẩy mạnh khuyến mại cấp sản phẩm. Nếu bạn chỉ có một vài sản phẩm, bạn có thể bỏ qua điều này.

+ Sử dụng ảnh stock chung chung. Điều này cho thấy sự không chân thực.

2. Điều hướng: Nền tảng của UX

Điều hướng là rất quan trọng khi bạn có nhiều danh mục, sản phẩm đa dạng hoặc sản phẩm có nhiều tùy chọn. Không gì gây khó chịu hơn một menu rườm rà. Mọi người có thể tìm thấy những gì họ muốn càng nhanh thì bạn có thể đưa họ đến quy trình thanh toán càng nhanh.

Mục đích của menu điều hướng là đưa mọi người đến nơi họ muốn đến. Sau đây là phân tích những gì bạn nên giải quyết:

- Menu điều hướng chính Những việc nên làm

+ Giới hạn menu trên cùng ở mức 7 lựa chọn.

+ Sử dụng điều hướng phụ ở trên cùng bên phải cho các mục như “Liên hệ với chúng tôi”

+ Sử dụng menu nhiều cột để sắp xếp các danh mục và danh mục con.

+ Hiển thị hình ảnh chất lượng cao về sản phẩm của bạn.

+ Làm nổi bật menu điều hướng của bạn bằng màu sắc tương phản.

+ Tham chiếu chéo các sản phẩm vào nhiều danh mục. Người tìm kiếm ổ USB có thể tìm trong mục Máy tính xách tay, Phụ kiện hoặc Máy tính.

- Menu điều hướng chính Không nên

+ Có một menu thả xuống duy nhất chiếm một cột dài.

+ Hiển thị các trang danh mục trống có liên kết đến thanh điều hướng chính.

+ Phân loại sản phẩm quá mức. Nếu chỉ có một sản phẩm trong một (phân) danh mục, hãy xóa danh mục đó và phân loại lại sản phẩm.

+ Đừng sử dụng những lựa chọn mơ hồ như “thêm”.

2.1 Menu Giỏ hàng

Menu giỏ hàng có thể là nút cuối cùng mà người dùng sẽ nhấp vào trước khi rút thẻ tín dụng. Đừng bỏ qua biểu tượng nhỏ này.

- Giỏ hàng Menu Nên làm

+ Hiển thị tổng giá và số lượng sản phẩm trong giỏ hàng.

+ Liên kết đến trang giỏ hàng nơi họ có thể xem chi tiết nội dung của họ

- Giỏ hàng Menu Không nên

+ Thay thế một “giỏ hàng nhỏ” cho một giỏ hàng đầy đủ. Trang web thương mại điện tử của bạn cần một trang giỏ hàng , không chỉ là một tiện ích giỏ hàng.

+ Liên kết trực tiếp đến trang thanh toán không hiển thị mọi chi tiết về sản phẩm trong giỏ hàng.

2.2 Tìm kiếm

Nhiều người dùng bỏ qua hoàn toàn menu điều hướng và dựa vào tìm kiếm/tìm kiếm theo khía cạnh để phân tích sâu hơn. Tìm kiếm theo khía cạnh có thể trở nên phức tạp nhanh chóng. Theo quan điểm phát triển và chi phí, nhưng cũng theo quan điểm của người dùng. Thực hiện theo các hướng dẫn này để mọi thứ đơn giản và hữu ích.

- Tìm kiếm những việc cần làm

+ Sử dụng hộp trường văn bản mở ở đầu mỗi trang.

+ Sử dụng tìm kiếm theo khía cạnh khi có hơn 20 sản phẩm trong một danh mục.

+ Lọc theo giá, màu sắc, kích thước là các tùy chọn tìm kiếm cơ bản.

- Tìm kiếm Không nên

+ Sử dụng văn bản điền vào mục nhập tìm kiếm. Để trống hoặc nói “Tìm kiếm”.

+ Sử dụng các tùy chọn lọc chủ quan như “chịu tải nặng” hoặc “chịu tải nhẹ”.

3. Trang danh mục: Đưa người mua sắm đến gần hơn một bước

Các trang danh mục có thể hơi khó. Bạn muốn đảm bảo nội dung không quá mỏng. Các vùng văn bản bổ sung có thể tạo nên điều kỳ diệu với thứ hạng của Google, nhưng quá nhiều văn bản có thể khiến khách hàng của bạn bối rối.

Với truy vấn tìm kiếm “bathing suit”, kết quả từ Macy's có liên quan cao. Người dùng có thể dễ dàng tinh chỉnh thêm những gì họ đang tìm kiếm.

3.1 Giữ cho danh mục điều hướng gọn gàng

Hãy chọn lọc các danh mục phụ mà bạn trình bày trên trang danh mục của mình. Macy's có thể hiển thị hình ảnh đồ bơi màu hồng, đồ bơi màu đen, đồ bơi một mảnh, đồ bơi hai mảnh, v.v. Nếu mọi tùy chọn đều được trình bày, người mua sắm sẽ bị tê liệt bởi số lượng tùy chọn. Bạn cũng không muốn mọi người nhầm lẫn trang danh mục của bạn là trang danh sách sản phẩm kém.

- Điều hướng danh mục Nên làm

+ Sử dụng nhiều khoảng trắng và hạn chế văn bản.

+ Mô tả các tiểu thể loại bằng càng ít từ càng tốt, nhưng phải cụ thể.

+ Sử dụng hình ảnh để thể hiện các tiểu thể loại chính một cách phù hợp.

+ Chỉ sử dụng văn bản để đại diện cho các danh mục ít phổ biến.

+ Có danh mục cha nếu sử dụng menu mega hoặc menu thả xuống.

LL Bean có rất nhiều sản phẩm, nhưng hình ảnh gọn gàng và nội dung súc tích giúp bạn dễ dàng lựa chọn dòng sản phẩm chính của họ.

- Điều hướng danh mục Không nên làm

+ Hiển thị hình ảnh không liên quan.

+ Chỉ dựa vào văn bản.

+ Sử dụng văn bản nhiều màu.

+ Đẩy mạnh chương trình khuyến mãi.

+ Sử dụng tên sản phẩm cho các danh mục phụ.

Trên trang web của Target, bạn phải tìm kiếm thật kỹ mới có thể tìm thấy “đồ bơi trẻ em”.

3.2 Nội dung trang danh mục

Các trang danh mục không cần phải có ít nội dung. Nghiên cứu từ khóa có thể giúp bạn hiểu được những câu hỏi cấp thiết của người mua sắm. Sử dụng các từ khóa đó để giải quyết các câu hỏi phổ biến về dòng sản phẩm của bạn.

- Nội dung trang danh mục nên làm

+ Tập trung vào nhu cầu của người mua.

+ Sử dụng từ khóa ngữ nghĩa để bổ sung cho từ khóa chính của bạn.

+ Trả lời các câu hỏi thường gặp liên quan đến danh mục.

- Nội dung danh mục Không nên

+ Đặt các khối văn bản lớn ở đầu trang.

+ Sử dụng từ khóa chính của bạn nhiều lần.

+ Sử dụng hình ảnh không liên quan. Bạn có tin được bức ảnh chụp bộ đồ bơi của một người đàn ông trên trang đồ bơi của Target không?

+ Chèn văn bản vào hình ảnh.

4. Trang danh sách sản phẩm: Thông báo và xây dựng lòng tin

Tôi bị sốc khi thấy có bao nhiêu trang danh sách sản phẩm có nội dung mỏng. Các trang danh sách sản phẩm thân thiện với người dùng, giàu nội dung của Best Buy luôn được xếp hạng cao. Trang của họ minh họa nhiều phương pháp hay nhất. Trang danh sách sản phẩm của Best Buy giúp bạn có thể chuyển đổi mà không cần truy cập trang sản phẩm. Các trang danh sách sản phẩm thương mại điện tử phải cung cấp thông tin sản phẩm thiết yếu như: hình ảnh, giá cả, tùy chọn và tình trạng còn hàng. Hãy để những trang này bán hàng cho bạn.

4.1 Nội dung SEO cho các trang danh sách sản phẩm

Bản sao thân thiện với người dùng sẽ tự nhiên thân thiện với SEO. Bạn muốn mọi người (và Google) hiểu rõ nội dung trang của bạn. Bạn cũng muốn nhẹ nhàng điều hướng mọi người ra khỏi trang này nếu họ không thấy những gì họ muốn.

- Nội dung SEO nên làm

+ Sử dụng các từ khóa có độ khó thấp nhất và phù hợp nhất trong tiêu đề trang và thẻ h1 của bạn. Đọc thêm về nghiên cứu từ khóa.

+ Sử dụng các từ khóa bổ sung trong bản tóm tắt ngắn về danh mục.

+ Nếu cần thêm thông tin, hãy ghi bên dưới danh sách sản phẩm.

+ Sử dụng breadcrumb để giúp người dùng điều hướng và phân phối PageRank đến các trang danh mục của bạn.

+ Hiển thị giá và các tùy chọn.

+ Cung cấp tổng quan về sản phẩm nếu có nút thêm vào giỏ hàng.

- Nội dung SEO không nên làm

+ Nhồi nhét quá nhiều nội dung trước khi liệt kê sản phẩm.

+ Sử dụng tên dễ thương hoặc tượng trưng cho sản phẩm. Nếu bạn đang bán giày trẻ em, đừng gọi dép xăng đan màu nâu là “George”.

4.2 Danh sách sản phẩm Điều hướng

Khi người dùng có ý tưởng về những gì họ muốn mua, họ sẽ mua sắm trên trang danh sách sản phẩm của bạn. Hãy làm rõ rằng họ có nhiều lựa chọn và trang để mua sắm. Bạn muốn họ tiếp tục tìm kiếm nếu họ không thấy những gì họ muốn trên trang đầu tiên.

- Điều hướng trang danh sách sản phẩm

+ Hiển thị số trang trước và sau danh sách sản phẩm.

+ Hiển thị tổng số sản phẩm trong danh mục đó.

+ Cho phép người dùng sắp xếp theo: giá,

+ Cho phép người dùng chuyển đến các trang cụ thể trong kết quả.

- Điều hướng trang danh sách sản phẩm Không nên làm

+ Yêu cầu người dùng nhấp vào mũi tên để chuyển trang.

+ Giả sử mọi người sẽ cuộn lên đầu trang hoặc nhấp vào nút “Xem tất cả”.

+ Sử dụng ảnh sản phẩm nhỏ hoặc mờ.

5. Trang sản phẩm: Nơi SEO, UX và Bán hàng gặp nhau

Chi tiết sản phẩm đầy đủ là rất quan trọng. Đối với SEO và trải nghiệm người dùng. Liên kết nội bộ thúc đẩy SEO và giúp người dùng điều hướng trở lại trang danh sách sản phẩm. Thiết kế trang sản phẩm thân thiện với người dùng sẽ có thông tin sản phẩm cần thiết ở trên cùng.

Trang sản phẩm là phần chính của trang web của bạn, chúng cần phải có sức thuyết phục . Nếu khách hàng của bạn phải chọn một tùy chọn trước khi thêm vào giỏ hàng, hãy hiển thị thông báo lỗi khi nhấp vào nút "Thêm vào giỏ hàng".

5.1 Phân lớp nội dung trang sản phẩm

Trang sản phẩm của bạn có thể nhanh chóng bị quá tải thông tin. Bạn muốn có mức thông tin sản phẩm phù hợp cho những người đã biết họ muốn mua gì, nhưng cũng phục vụ những người mua sắm cần mọi chi tiết sản phẩm cuối cùng. Bằng cách phân lớp thông tin, bạn có thể phục vụ cả hai loại người mua.

- Những việc cần làm khi phân lớp nội dung trang sản phẩm

+ Cung cấp tóm tắt ngắn gọn về sản phẩm ở đầu trang hoặc bên cạnh ảnh.

+ Thêm đường viền hoặc nền bóng mờ vào “khu vực hành động” của bạn – nơi mọi người chọn các tùy chọn và nhấp vào nút của bạn.

+ Hiển thị các tùy chọn đặt hàng gần đầu trong khu vực hành động

+ Có đường dẫn chi tiết trên trang sản phẩm.

+ Đặt thông tin chi tiết về sản phẩm, đánh giá, dữ liệu, v.v. bên dưới hình ảnh sản phẩm và khu vực CTA.

- Nội dung trang sản phẩm không nên phân lớp

+ Đặt một khối văn bản lớn gần hoặc phía trên nút CTA.

+ Ẩn nút thêm vào giỏ hàng cho đến khi có người thực hiện lựa chọn.

+ Có thể tìm thấy thông tin về tình trạng sẵn có chỉ bằng một cú nhấp chuột.

+ Có một thay đổi tinh tế khi ai đó nhấp vào nút thêm vào giỏ hàng của bạn. Mọi người sẽ bỏ lỡ thông báo "Đã thêm thành công" của bạn.

Một lỗi phổ biến mà tôi thấy ở nhiều giao diện thương mại điện tử WordPress là nút “Thêm vào giỏ hàng” bị ẩn.

5.2 Hình ảnh trang sản phẩm

Ảnh lớn và chế độ phóng to là cách gần nhất mà người mua của bạn có thể tiếp cận mà không cần chạm vào sản phẩm. Hình ảnh mờ, chất lượng kém khiến sản phẩm trông kém chất lượng. Hãy xem nghiên cứu điển hình này , trong đó hình ảnh sản phẩm lớn hơn, tốt hơn đã tăng tỷ lệ chuyển đổi lên hơn 300%.

- Hình ảnh trang sản phẩm Nên làm

+ Sử dụng ảnh lớn, độ phân giải cao trên nền trắng.

+ Sử dụng tính năng thu phóng để người dùng có thể tự xem chi tiết.

+ Cho phép người dùng cuộn qua lại giữa các hình ảnh.

+ Cung cấp hướng dẫn rõ ràng về việc bật thêm hình ảnh hoặc tính năng thu phóng.

- Hình ảnh trang sản phẩm không nên

+ Hiển thị hình ảnh “phong cách sống” hoặc sản phẩm của bạn. Chỉ hiển thị sản phẩm.

+ Đừng làm ảnh của bạn trở nên lộn xộn với logo, hình mờ hoặc hình nền.

+ Buộc hình ảnh bật lên để xem thêm chi tiết hoặc ảnh bổ sung.

6. Quy trình thanh toán: Được xây dựng để tin tưởng

Quy trình thanh toán của bạn cần phải đơn giản, hợp lý và không gây mất tập trung. Đừng làm phức tạp nó. Trang giỏ hàng của Macy's đề cập đến nhiều điểm chính. Giỏ hàng hiển thị thông tin chi tiết về sản phẩm với hình ảnh, giá cả, thuế và liên kết trở lại các trang sản phẩm riêng lẻ.

6.1 Trang giỏ hàng

Trang đầu tiên trong quy trình thanh toán của bạn là trang giỏ hàng. Trang này khẳng định lại chi tiết những gì họ có ý định mua. Điều này giúp họ xây dựng sự tự tin và tin tưởng vào cửa hàng của bạn. Một thời đại giỏ hàng được thiết kế tốt sẽ giúp bạn giảm tình trạng bỏ giỏ hàng.

- Những việc cần làm trên trang giỏ hàng

+ Xác nhận mọi thứ. Sản phẩm, kích thước, màu sắc, số lượng, tình trạng còn hàng, ngày giao hàng, thời gian giao hàng dự kiến.

+ Cho phép người dùng điều hướng trực tiếp trở lại sản phẩm trong giỏ hàng của họ.

+ Dễ dàng thay đổi số lượng hoặc xóa sản phẩm. Cho phép người dùng thay đổi số lượng thành 0 để xóa sản phẩm hoặc nhấp vào nút "xóa".

+ Hiển thị hình ảnh sản phẩm theo màu sắc bạn đặt hàng. Nếu khách hàng đặt mua áo khoác màu đen và nhìn thấy áo khoác màu xanh khi thanh toán, họ sẽ mất niềm tin.

+ Hiển thị tổng giá bán ra.

- Những điều không nên làm khi trình bày trang giỏ hàng

+ Yêu cầu thẻ tín dụng hoặc địa chỉ email trước. Hãy để mọi người xác nhận những gì họ đang mua.

+ Không sử dụng nút “Cập nhật” để xóa sản phẩm.

6.2 Trang đăng ký

Đây là thời điểm then chốt mà bạn phải lấy thông tin từ khách truy cập. Cho phép người mua thanh toán mà không cần tạo tài khoản. Khách hàng không bị buộc phải tạo và ghi nhớ thông tin đăng nhập và mật khẩu mới, nhưng lợi ích của việc tạo tài khoản được nhấn mạnh. Lưu ý bố cục đơn giản của trang. Lựa chọn đơn giản giúp giảm tải nhận thức.

- Những việc cần làm trên trang đăng ký

+ Nhấn mạnh những lợi ích của việc tạo tài khoản.

+ Sử dụng bố cục đơn giản.

+ Đừng hỏi quá 2 câu hỏi.

- Những điều không nên làm trên trang đăng ký

+ Buộc mọi người phải tạo tài khoản. Không ai muốn nhớ tên người dùng và mật khẩu mới.

+ Yêu cầu thẻ tín dụng hoặc địa chỉ email trước. Hãy để mọi người xác nhận những gì họ đang mua.

+ Không sử dụng nút “Cập nhật” để xóa sản phẩm.

6.3 Trang thanh toán

Sau khi người mua cảm thấy tự tin rằng họ đang đặt hàng đúng sản phẩm từ đúng công ty (của bạn), thì đã đến lúc bắt đầu.

Khi người dùng bắt đầu quá trình thanh toán, họ muốn hoàn tất giao dịch mua hàng nhanh nhất có thể. Hãy giúp họ giúp bạn. Loại bỏ những thứ gây mất tập trung và làm cho quá trình này dễ dàng nhất có thể. Đừng bắt họ nhập lại địa chỉ hoặc đoán cách hoàn thành biểu mẫu.

- Những việc cần làm ở trang thanh toán

+ Chỉ yêu cầu những thông tin tối thiểu cần thiết.

+ Thay thế phần điều hướng chính bằng phần điều hướng “liên hệ”.

+ Giữ quy trình thanh toán ngắn gọn, các bước rõ ràng và hợp lý.

+ Hiển thị tiến trình trong quá trình thanh toán.

+ Cho phép người dùng sử dụng địa chỉ thanh toán làm địa chỉ giao hàng chỉ bằng một cú nhấp chuột.

- Trang thanh toán không nên làm

+ Trình bày thông tin hoặc lựa chọn mới.

+ Buộc mọi người phải “tham gia” hoặc “trở thành thành viên”.

+ Yêu cầu mọi người nhập lại cùng một thông tin hai lần.

7. Trang web của bạn xếp hạng thế nào?

Bạn không cần phải có một triệu đô la để tạo ra trải nghiệm mua sắm tích cực. Không có thương hiệu lớn nào ở trên đáp ứng được hơn 800 hướng dẫn do Nielson Norman Group đề xuất. Đừng cho rằng khách hàng của bạn biết trang web của bạn như bạn. Nắm vững những điều cơ bản này và bạn sẽ khiến Google và khách hàng yêu thích trang web của bạn và mua hàng từ bạn.