Nếu bạn đã tham gia với chúng tôi cho bài viết về UX của chúng tôi vào đầu tháng này, bạn sẽ biết rằng chúng tôi đã thảo luận về 25 yếu tố thiết kế UX cần thiết cho trang web của bạn.

Ý tưởng cơ bản là thế này: Thiết kế UX là tất cả về việc đi vào trong đầu của khách truy cập của bạn. Nó nói về việc tạo ra một trải nghiệm đơn giản, liền mạch và thú vị cho người dùng của bạn. Ý tưởng là cung cấp thông tin nhanh chóng và thậm chí làm cho họ mỉm cười.

Thiết kế UX tốt tia lửa dopamine và hạnh phúc trong khách truy cập của bạn. Và điều đó khiến họ có nhiều khả năng tin tưởng bạn. Điều quan trọng, nó làm cho họ có nhiều khả năng mua từ bạn.

Sau khi xem qua 25 điều cơ bản trong bài viết thiết kế UX cuối cùng của chúng tôi, hãy để Lôi xem cách nó hoạt động. Cụ thể, chúng tôi đã xem xét thiết kế UX của các trang web thương mại điện tử.

Làm thế nào để các trang web này sử dụng các thủ thuật thiết kế UX thông minh để khuyến khích khách truy cập của họ mua?

1. Asos

Tôi sử dụng ví dụ về Asos rất nhiều, nhưng có một lý do chính đáng cho điều đó. Thiết kế UX của họ thật tuyệt vời.

Tất cả bắt đầu với một đề xuất giá trị loại trực tiếp. Hình ảnh tuyệt vời, người giải thích đơn giản, đảm bảo ’giao hàng miễn phí, và những lời kêu gọi hành động rõ ràng hướng bạn đến phần đàn ông hay phụ nữ.

asos2

Một trong những tính năng UX nổi bật của họ là sàn catwalk video, vì vậy du khách thực sự có thể thấy một bộ trang phục trông như thế nào. Nó mang đến cho khách hàng cái nhìn tốt nhất có thể về các mặt hàng và giúp họ tự tin mua hàng.

Họ cũng có một tính năng mới tuyệt vời gọi là view xem nhanh. Trên trang sản phẩm của họ, bạn nhấn view xem nhanh và một cửa sổ bật lên nhỏ xuất hiện với hình ảnh bổ sung và tất cả thông tin bạn cần. Nó tiết kiệm cho khách hàng nhấp qua lại vào các trang khác nhau. Thiết kế đơn giản, trực quan.

asos

2. Zara

Trang web Zara xông là một lớp học đơn giản. Sạch sẽ, trực quan và hạn chế. Nó không phải là một cú hích theo luật Hick, một nguyên tắc thiết kế giới hạn sự lựa chọn điều hướng và cung cấp cho người dùng các tùy chọn rõ ràng nhưng bị hạn chế.

Ý tưởng là quá nhiều lựa chọn sẽ áp đảo khách truy cập của bạn. Bằng cách cung cấp ít lựa chọn hơn, họ cảm thấy tự tin hơn. Chúng tôi sẽ xem xét điều hướng tuyệt vời hơn trong suốt bài đăng này, nhưng Zara, là một trong những điều tốt nhất.

zara

3. Abof

Abof (All About Fashion) sử dụng thủ thuật UX cực kỳ thông minh trên trang web của họ. Truy cập trang chủ, và nó không giống như một trang web thương mại điện tử truyền thống. Thay vào đó, nó trông giống như một blog. Nó đầy đủ nội dung ngon ngọt truyền cảm hứng cho khán giả của nó.

abof

Trong các câu chuyện và bài báo của mình, sau đó họ làm nổi bật quần áo trong một phần nổi bật có tên ‘Mua truyện Chuyện. Trong bài viết UX trước đây của chúng tôi, chúng tôi đã nói về tầm quan trọng của việc tạo mối quan hệ với khán giả của bạn. Abof thực hiện điều này một cách hoàn hảo với những câu chuyện và nội dung có liên quan.

abof 2

Chỉ khi khách hàng được truyền cảm hứng, họ mới cố gắng bán thứ gì đó.

Trên trang sản phẩm của họ, họ có những mẹo hữu ích theo kiểu ghi chú, đó là những ví dụ hoàn hảo về tương tác vi mô – các cốm nhỏ tiếp cận và thu hút khán giả của bạn.

abof 3

Lưu ý rằng họ cũng có một hướng dẫn size size để giúp khách hàng có được số đo chính xác của họ (nỗi sợ quần áo không vừa vặn là một trong những lý do lớn nhất khiến chúng tôi từ bỏ giỏ hàng). Họ cũng sử dụng một phần ’giao hàng ước tính để cung cấp cho khách hàng nhiều thông tin hơn.

4. Berghaus

Berghaus là một thương hiệu quần áo ngoài trời, nhưng bạn sẽ biết rằng trong giây đầu tiên hạ cánh trên trang web của họ.

berghaus

Đây là một thương hiệu hiểu rõ đối tượng mục tiêu của mình và đảm bảo kết nối với họ càng nhanh càng tốt. Anh hùng đầu tiên bắn là một lời mời đầy cảm hứng. Nó kết nối với cộng đồng và lôi kéo bạn vào.

Nhược điểm duy nhất? Kêu gọi hành động mạnh mẽ hơn sẽ thực sự đóng dấu thỏa thuận ở đây.

5. Táo

Bạn đã mong đợi một công ty đặt thiết kế và đổi mới vào trung tâm của nó để vượt trội trong thiết kế UX, và họ đã làm được. Kiểm tra trang sản phẩm của họ để bắt đầu.

Họ sử dụng cuộn parallax để làm cho hình ảnh động, thu hút người dùng và loại bỏ bất kỳ điểm thoát nào. Bạn đang đắm chìm trong thế giới của Apple.

Ảnh chụp màn hình 2016-07-28 lúc 8.43.00 AM

Hoạt hình thông minh cho bạn thấy chính xác cách thức các sản phẩm hoạt động, như cảm ứng 3D mới. Các phòng trưng bày cuộn mời bạn tương tác và khám phá, và bản sao thông minh cho bạn biết chính xác iPhone mới sẽ cải thiện cuộc sống của bạn như thế nào (chứ không phải là một danh sách dài các tính năng).

Điều hướng của họ rất đơn giản và rõ ràng và tôi thích việc họ sử dụng hình ảnh để phân biệt các tùy chọn (chúng tôi quét web, vì vậy các từ có thói quen trộn lẫn vào nhau)

táo 2

Trong quá trình thanh toán, họ cung cấp cho bạn tùy chọn để trò chuyện với chuyên gia trong khi mua. Nó có một mẹo đơn giản nhưng hữu ích. Nó mang đến cho người mới một số trợ giúp qua đường dây, nhưng không cản trở người mua tự tin lấy thẻ tín dụng của họ ra.

6. Bellroy

Là một người bán thương mại điện tử tương đối mới, nhiệm vụ đầu tiên của bạn là cho khách hàng thấy bạn khác biệt như thế nào với mọi người khác. Bellroy thực hiện điều này một cách hoàn hảo với hàng loạt ví mỏng, nhỏ gọn của họ.

chuông 3

Tốt hơn nữa, trên các trang sản phẩm của mình, mỗi ví tiền đều có video riêng, hiển thị cho khách hàng tất cả các tính năng độc đáo.

chuông 4

7. Thuê đường băng

Rent The Runway có một khái niệm khá độc đáo: bạn mượn một chiếc váy hoặc trang phục trong vài ngày, thay vì mua nó. Điều này rất phù hợp cho đám cưới hoặc sự kiện mà bạn không muốn mặc cho một bộ trang phục mà bạn không bao giờ có thể mặc lại.

Trang web giới thiệu khái niệm đơn giản và sau đó mời tương tác người dùng, nhắc họ chọn dịp này.

thuê đường băng

Thêm điểm cho lịch giao hàng của họ, cho khách hàng biết chính xác khi nào trang phục sẽ đến và khi nào cần trả lại.

thuê đường băng 2

Thật đơn giản, nhưng thật yên tâm..

8. Amazon

Amazon là trang web thương mại điện tử lớn nhất thế giới và thực sự là một trong những trang web tốt nhất. Bạn có thể chọn bất kỳ một trong các tính năng của chúng làm ví dụ về thiết kế UX.

Từ các gói thông minh của họ đến các đề xuất khách hàng của họ, họ dự đoán nhu cầu và cung cấp của người dùng của họ. Tuy nhiên, hệ thống đặt hàng một lần nhấp của họ mà chúng tôi nhấn mạnh hôm nay.

amazon

Nó vẫn là ví dụ tốt nhất về hiệu quả thanh toán trên web. Cốt lõi của thiết kế UX thương mại điện tử là quy trình giỏ hàng và thanh toán. Càng mịn càng tốt. Và nó không dễ dàng hơn so với đặt hàng bằng một cú nhấp chuột!

9. chăn thả

Một hình ảnh cho bạn biết tất cả mọi thứ bạn cần biết. Từ ngữ và thiết kế với một cá tính. Giảm giá ngay lập tức cho người dùng mới và lời kêu gọi hành động lớn, táo bạo.

chăn thả

Đây là một lớp học đơn giản trong thiết kế UX.

10. TopShop

Các cửa hàng bán nhiều sản phẩm có công việc khó khăn hơn nhiều khi nói đến thiết kế UX. Làm thế nào để bạn tổ chức mỗi chiếc quần jeans khác nhau và trình bày chúng?

May mắn thay, TopShop có một kế hoạch tuyệt vời. Với mặt số bộ lọc lớn, chunky nổi cùng với trang, bạn có thể liên tục điều chỉnh và thay đổi kiểu dáng, màu sắc, phù hợp và giá cả sản phẩm của bạn.

Topshop 2

Thậm chí mát hơn, mọi sản phẩm đều chuyển sang hình ảnh của người mẫu đang mặc chúng khi bạn di chuột qua chuột. Nó khuyến khích sự tương tác và cung cấp cho khách hàng cái nhìn tốt hơn về các mặt hàng.

11. Phản kháng

Cuộc biểu tình có thể có điều hướng lớn nhất, béo nhất trên web.

P

Nó rõ ràng, cô đọng, và không lộn xộn. Nó cũng làm giảm cơ hội của khách hàng đi lang thang. Màu xanh khiến khách hàng chú ý ngay tại nơi họ muốn.

Protest cũng sử dụng rất nhiều hình ảnh động nhỏ trên trang web của họ. Mỗi cái kích hoạt khi bạn cuộn qua nó. Nó duy trì sự chú ý của khách hàng, khuyến khích sự tương tác và làm cho toàn bộ trang web cảm thấy năng động.

12. Giao diện mới

Cái nhìn mới có một vị trí trong danh sách cho giỏ sáng tạo của họ. Nó nằm trên thanh điều hướng của họ mọi lúc với một chỉ báo đậm để nhắc bạn rằng nó ở đó.

Giao diện mới 2

Khi bạn nhấp vào nó, nó không kéo bạn đi đến một trang khác. Thay vào đó, bạn nhận được một bảng trượt di chuyển từ bên cạnh để cho bạn thấy những gì LỚN trong túi của bạn. Điều đó có nghĩa là khách hàng không bao giờ bị lạc và họ có thể dễ dàng thanh toán bất cứ khi nào họ muốn.

Giao diện mới

13. Bút chì, bởi 53

Nếu bạn có thể bán một cây bút stylus với giá gần 60 đô la, thì bạn đã thực sự bán nó! May mắn thay, ‘Bút chì, bởi 53 làm một công việc tuyệt vời, sử dụng một số thủ thuật thiết kế UX.

Họ sử dụng một trang cuộn dài, thị sai để giải thích tất cả các tính năng và cho bạn thấy chính xác những gì bạn có thể làm với nó.

bút chì 2

Họ cũng tận dụng các đánh giá tuyệt vời để giải thích lý do tại sao họ lại tốt hơn nhiều so với các lựa chọn khác ngoài kia. Sử dụng một trích dẫn từ ‘Wired, là một mẹo hay để cung cấp độ tin cậy cho sản phẩm và vạch ra lợi ích của nó.

Bút chì

14. Nông trại

Trong bài viết cuối cùng của chúng tôi về thiết kế UX, chúng tôi đã giải thích tầm quan trọng của việc đồng cảm với đối tượng mục tiêu của bạn và kết nối với họ. Farmdrop làm điều này bằng cách đặt tuyên bố sứ mệnh của họ lên phía trước và trung tâm.

nông trại

Họ đang ‘ốm và mệt mỏi khi nhìn thấy thức ăn có nguồn gốc từ dặm’. Đó là một cái gì đó mà hầu hết khách hàng có thể nhận được trên tàu. Trước khi họ cố gắng bán cho bạn bất cứ thứ gì, họ kết nối với bạn và cho bạn một lý do để mua.

15. Sid Mashburn

Chỉ cần một menu thả xuống tuyệt vời, hoàn thành với các biểu tượng nhỏ. Nó có một mẹo đơn giản giúp chúng ta hiểu được thực đơn phong phú. Thêm vào đó, nó mang lại cho trang web cá tính hơn một chút.

biểu tượng

16. Đồng hồ chậm

Đây là một chiếc đồng hồ chỉ với một tay. Nó có một khái niệm khá độc đáo, vì vậy cần một số giải thích! Đồng hồ chậm thực hiện điều này thực sự tốt với một video giải thích toàn màn hình.

đồng hồ chậm

Cùng với việc giải thích khái niệm, họ cũng nói về triết lý của họ đằng sau việc tạo ra nó (tuyệt vời để kết nối với khách hàng) và họ sử dụng những hình ảnh đẹp làm nổi bật và nhắm mục tiêu đối tượng lý tưởng của họ.

17. Hộp cứu hỏa

Khi các mặt hàng của bạn không phù hợp với các thể loại thông thường, hãy sáng tạo! Firebox chuyên về quà tặng bất thường và các mặt hàng không thường xuyên. Bảng xếp hạng top 50 của họ là cách hoàn hảo để khám phá các sản phẩm phổ biến nhất của họ.

hình ảnh

Bố cục hộp rất tốt để duyệt nhanh qua các sản phẩm và nhiều hình ảnh năng động, di chuyển và tương tác với khách hàng.

Vì họ chuyên về quà tặng, họ cũng có một công cụ tìm quà tặng trên thanh điều hướng của họ, một cách tuyệt vời để thu hẹp các tùy chọn.

18. Lười biếng

Mua sắm trực tuyến thường cảm thấy khá giống nhau, và nhiều người sẽ bỏ lỡ quá trình lướt qua tạp chí hoặc danh mục cũ.

Lazy Oaf mang điều này trở lại với phần ‘lookbooks hấp dẫn của họ. Thay vì bày ra từng bộ quần áo một lần, họ thể hiện các bộ trang phục theo nhiều cách kết hợp cùng một lúc. Rốt cuộc, đó là cách mà họ đã từng tìm kiếm trong một danh mục.

lười biếng

Nhấp vào hình ảnh và bạn nhận được một hộp ’mua nhanh chóng để chọn từng trong số ba mặt hàng được trưng bày. Đó là một cách mua sắm cũ và đắm đuối hơn.

Những gì không làm!

Chúng tôi không muốn xé toạc các trang web khác thành từng mảnh, nhưng có một số tên tuổi lớn đã nhận được tất cả sai lầm Đây là một hoặc hai trong số những kẻ phạm tội tồi tệ nhất.

1. Nhà của Fraser

Họ là một trong những cửa hàng bách hóa lớn nhất thế giới, nhưng họ đã phạm phải một sai lầm lớn ngay khi bạn tải lên trang web của họ.

Ngay lập tức bạn nhấn mạnh với một cửa sổ bật lên toàn trang yêu cầu bạn đăng ký nhận bản tin của họ.

Giờ của Fraser

Mặc dù họ là một cửa hàng tên tuổi lớn, nhưng đó là một chiến thuật rất mạnh mẽ sẽ khiến hầu hết người mua sắm thất vọng. Hãy nhớ rằng, đây là ấn tượng đầu tiên. Nó tốt hơn nhiều để tạo một hành trình người dùng giáo dục và truyền cảm hứng cho khách truy cập của bạn trước khi yêu cầu một địa chỉ email.

Không chỉ vậy, nhưng không có động cơ thực sự để đăng ký nhận bản tin của họ. Giảm giá mã phiếu mua hàng sẽ là một lựa chọn tuyệt vời ở đây và có thể giúp khách hàng tha thứ cho cửa sổ bật lên xâm lấn.

2. Wal Mart

Wal Mart có một thử thách khó khăn. Họ bán khá nhiều thứ, vậy làm thế nào để bạn phân loại nó và làm cho nó đơn giản? Chà, tôi không chắc chắn về vấn đề này nhưng không thích điều này

tường mart

Thật không may, đây chỉ là một mớ hỗn độn các thể loại mà gần như không thể tìm thấy thứ mà bạn đang tìm kiếm.

Đơn giản là có quá nhiều thông tin đang diễn ra ở đây. Khi bạn trình bày cho người dùng của mình quá nhiều tùy chọn, họ thường chỉ hoảng loạn và bỏ đi.

3. Ray-Ban

Đây là một lựa chọn hơi có ý nghĩa, bởi vì hầu hết trang web Ray-Ban hè rất thân thiện với người dùng. Trong thực tế, nó có rất nhiều tính năng thú vị.

Tuy nhiên, họ làm một cái gì đó mà rất nhiều trang web thương mại điện tử làm điều đó thực sự gây khó chịu cho khách hàng. Điều này:

cấm ray

Bạn có thể thấy một trang như thế này hàng trăm lần. Nó không có vẻ xấu, nhưng nó thực sự tạo ra một rào cản nữa cho việc bán hàng.

Nếu bạn là khách hàng cũ, bạn hiện đang bận tự hỏi mật khẩu nào bạn đã tạo. Nếu bạn có thể nhớ nó, bạn sẽ phải trải qua toàn bộ quá trình mật khẩu bị quên. Bạn có thể mất khách hàng đó tại bất kỳ điểm nào

Nếu bạn là khách hàng mới, chắc chắn bạn sẽ có một khách hàng thanh toán, nhưng tất cả những gì bạn đã làm là cung cấp cho họ một nút khác để nhấp. Một cơ hội khác để nhấp đi.

Tại thời điểm này, khách hàng của bạn hoàn toàn bị ngắt kết nối với giỏ hàng của họ và quá trình mua hàng. Don Cầu kéo nó ra, chỉ cần khóa bán!

Thiết kế UX tuyệt vời là tất cả về các tinh chỉnh nhỏ giúp mọi thứ dễ dàng hơn cho khách hàng của bạn. 18 trang web này làm điều đó một cách hoàn hảo.

Những tính năng nào bạn sẽ sử dụng trên trang web của riêng bạn?

Kim Martin
Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me