Danh sách kiểm tra thiết kế UX hoàn chỉnh 25-Trick

Ý tưởng đằng sau thiết kế UX rất đơn giản: người dùng hạnh phúc, tự tin có nhiều khả năng mua hàng từ bạn. Họ có thể tin tưởng bạn hơn, đăng ký vào danh sách gửi thư của bạn hoặc tải xuống ứng dụng của bạn.


Tôi thường nghĩ về thiết kế trải nghiệm người dùng (hoặc thiết kế UX) là tâm lý hơn là phát triển.

Thiết kế UX tốt là tất cả về việc đi vào trong đầu của khách truy cập của bạn.

Nó dự đoán mọi di chuyển của họ và tạo ra một trang web đơn giản, trực quan và thú vị để sử dụng.

Thật không may, không có câu trả lời dễ dàng hoặc viên đạn bạc cho thiết kế UX tốt. Nó là đỉnh cao của rất nhiều điều chỉnh nhỏ. Mỗi người cải thiện trải nghiệm trên trang web của bạn.

Với ý nghĩ đó, tôi đã làm tròn một danh sách kiểm tra 25 điều chỉnh nhỏ (và dễ dàng) sẽ làm cho thiết kế UX của bạn tỏa sáng.

Contents

1. Tốc độ

Tốc độ trang web là cơ hội đầu tiên của bạn để tạo ấn tượng tốt. Nó là rào cản UX đầu tiên của bạn.

Tốc độ trang web

(nguồn hình ảnh)

Quá chậm và khách truy cập của bạn đã bị kích động và ít có khả năng tin tưởng bạn. Chúng tôi theo bản năng liên kết tốc độ với tính chuyên nghiệp và hầu hết khách truy cập mong muốn trang web của bạn tải trong vòng hai giây.

Bất cứ điều gì chậm hơn thế, và nó có một trải nghiệm người dùng kém, ngay từ đầu.

Đảm bảo tốc độ máy chủ của bạn đạt đến mức tối thiểu và giảm trọng lượng trang web của bạn để nó bật mở nhanh chóng.

2. Bạn là ai và bạn làm gì?

Thách thức lớn tiếp theo của bạn là nhanh chóng thông báo cho khách truy cập của bạn. Bạn là ai? Bạn làm nghề gì? Và giá trị nào bạn có thể cho họ?

Giá trị Netflix chống đỡ

Đây được gọi là một đề xuất giá trị, và nó rất quan trọng, chúng tôi đã viết toàn bộ một bài đăng trên blog về nó. Bạn chỉ có vài giây để thuyết phục khách truy cập của mình, vì vậy hãy tính nó!

Hãy thử ngay bây giờ: tóm tắt toàn bộ trang web của bạn trong một câu và biển chỉ dẫn nơi bạn muốn khách truy cập tiếp theo.

3. Đảm bảo khách truy cập có thể liên lạc với bạn

Một phần cốt lõi của thiết kế UX là loại bỏ mọi lo lắng hoặc lo lắng mà khách truy cập của bạn có thể có.

Một trong những lo lắng lớn nhất đối với khách truy cập mới là họ có nên tin tưởng bạn hay không – đặc biệt là nếu bạn có một trang web mới.

Một cách để loại bỏ sự lo lắng này là bằng cách cho họ thấy ở đó một người thật đằng sau hậu trường. Thêm địa chỉ doanh nghiệp, số điện thoại và địa chỉ email thực. (KHÔNG phải là một hình thức liên lạc – mọi người có xu hướng không tin tưởng họ so với một địa chỉ email thẳng).

Thậm chí tốt hơn, sử dụng hộp trò chuyện trực tiếp để người dùng có thể đặt câu hỏi ngay lập tức.

Trò chuyện trực tiếp

Nếu có sự cố xảy ra, thật tốt khi biết họ có thể dễ dàng liên lạc.

4. Luôn luôn cho du khách một đường trở về nhà

Chúng tôi đã bị mất tất cả trên các trang web trước đây. Bạn theo liên kết và kết thúc xuống một lỗ thỏ.

Nếu điều này xảy ra, khách truy cập của bạn trở nên kích động và thất vọng. Họ tấn công theo bản năng nhấn nút X X để đóng trình duyệt.

Thay vào đó, hãy chắc chắn rằng có một nút rõ ràng và được xác định rõ ràng, vì vậy chúng luôn có thể bắt đầu lại. Thông thường, người dùng mong đợi logo của bạn cũng liên kết trở lại trang chủ, vì vậy hãy chắc chắn rằng logo đó.

5. Thậm chí tốt hơn, để lại mẩu bánh mì để họ biết họ đang ở đâu

Cũng như cho họ khởi động lại nhanh, sử dụng mẩu bánh mì để giải thích họ đang ở đâu trong quá trình.

Thanh tiến độ lớn là tuyệt vời cho việc này. Ví dụ, nếu nó trong quá trình thanh toán, hãy cho người dùng của bạn biết chính xác vị trí của họ và những gì còn lại để làm.

thanh toán tiến độ

(nguồn hình ảnh)

Một lần nữa, đây là tâm lý đơn giản. Ví dụ, đi dạo sẽ mệt mỏi hơn nhiều khi bạn không biết nơi kết thúc. Chúng tôi cảm thấy thoải mái hơn nhiều khi có bản đồ. Ý tưởng tương tự áp dụng trực tuyến.

6. Hủy bỏ bất kỳ hành động lặp đi lặp lại

Nó siêu bực bội khi nhập cùng một dữ liệu hai lần vào một biểu mẫu (như địa chỉ thanh toán và địa chỉ giao hàng). Cố gắng thoát khỏi mọi hành động lặp đi lặp lại làm chậm quá trình mua hàng.

Nó những thứ như thế này dẫn đến việc bỏ giỏ hàng. Khách truy cập của bạn sẽ tìm nơi khác.

Thậm chí tốt hơn, tạo một hệ thống ghi nhớ sở thích của khách hàng của bạn. Nó sẽ làm họ ngạc nhiên và thích thú khi nó cùng nhau chờ đợi họ một lần nữa. Nó là một điều đơn giản giúp cải thiện cơ hội quay trở lại của khách hàng.

7. Sử dụng các mẹo về công cụ để giúp người mới (nhưng không thể cản trở các chuyên gia!)

Một số khách truy cập của bạn sẽ được quy định. Họ sẽ nổ tung thông qua bảng đăng ký và quy trình mua hàng của bạn. Những người khác sẽ là thương hiệu mới, và họ có thể có một số câu hỏi trên đường đi.

Các biểu tượng nhỏ của công cụ tip-tip (thường được xác định bằng dấu chấm hỏi) sẽ giúp người mới hiểu họ cần làm gì. Nhưng đồng thời, họ không thể cản trở các chuyên gia của bạn.

chú giải công cụ

(nguồn hình ảnh)

Bạn thậm chí có thể cung cấp các phím tắt hoặc các bản nhạc nhanh để giúp tăng tốc các chuyên gia. Ví dụ, bạn thường thấy ‘bỏ qua các liên kết này trên hầu hết các trình giải thích trang web và ứng dụng.

8. Tạo một lời kêu gọi hành động lớn, táo bạo

Kêu gọi hành động cho khách truy cập biết chính xác những việc cần làm: ‘Đăng ký trực tiếp hoặc Mua ngay bây giờ. Hãy chắc chắn rằng nó chỉ huy, đơn giản và giải thích giá trị của việc đó.

CTA

(nguồn hình ảnh)

Tốt hơn nữa, làm cho nó có màu rõ ràng, đậm (màu xanh lá cây và cam làm việc kỳ diệu ở đây), và bao quanh nó với không gian màu trắng. Điều đó sẽ thu hút người dùng của bạn nhìn thẳng vào nó, cho họ một dấu hiệu rõ ràng rằng đây là điều bạn muốn họ làm.

9. Phân biệt rõ ràng giữa kêu gọi hành động chính và phụ

Với rất nhiều lời kêu gọi hành động, bạn sẽ thấy hai tùy chọn. Gửi bản tin và ‘hủy bỏ ví dụ. Hoặc ‘tải xuống ngay bây giờ và dùng thử miễn phí.

spotify-cta

Nó nói rõ hành động nào bạn muốn khách truy cập thực hiện, vì vậy hãy chắc chắn rằng họ biết điều đó. Kiểm tra trang chủ Spotify trên mạng. Họ đã làm cho nút premium go cao cấp bold go đậm và bắt mắt. Họ đã làm cho nút ’chơi miễn phí mờ dần vào nền.

Đây chỉ là tâm lý đơn giản một lần nữa. Bạn khéo léo cho người dùng của bạn biết cái nào để nhấp.

10. Sử dụng phân cấp để hiển thị cho người dùng nơi tiếp theo

Hy vọng rằng, bạn nên có một hành trình rõ ràng về hành trình của người dùng. Hãy nói rằng bạn dạy các khóa học trực tuyến thông qua trang web của bạn. Một hành trình người dùng đơn giản có thể trông như thế này:

Đọc blog mới nhất > tải báo cáo miễn phí và đăng ký vào danh sách gửi thư > đăng ký khóa học trực tuyến có trả tiền của bạn.

Nếu bạn có một hành trình rõ ràng, bạn có thể tạo một hệ thống phân cấp trực quan để hướng người dùng đến nơi bạn muốn. Trong trường hợp này, bạn đã đảm bảo rằng blog của bạn là điều đầu tiên họ nhìn thấy. Sau đó, bạn sẽ bắt đầu bao gồm rất nhiều liên kết đến danh sách gửi thư của bạn.

11. Don lồng lộn xộn với các yếu tố dự kiến!

Nó thường khó cưỡng lại sự thôi thúc sáng tạo với bố cục và các yếu tố. Nhưng điều quan trọng là, tất cả chúng ta đều biết một cửa hàng trực tuyến được cho là trông như thế nào. Chúng tôi hy vọng các sản phẩm sẽ được đặt trong các danh mục đơn giản. Chúng tôi mong đợi các mô tả sản phẩm, đánh giá và một quy trình mua hàng quen thuộc.

kiểm tra táo

Donith cố gắng phát minh lại bánh xe với những khía cạnh quan trọng này! Giữ cho nó đơn giản.

12. Bám sát một bảng màu 3 màu đơn giản

Một lần nữa, đây là tất cả về việc chống lại sự thôi thúc làm phức tạp hóa mọi thứ. Kết hợp nhiều hơn 3 màu chính là khó khăn và nó thường gây nhầm lẫn cho người dùng của bạn.

bảng màu

(nguồn hình ảnh)

Màu sắc cũng rất hữu ích trong việc định hình trải nghiệm người dùng của bạn khi nó liên kết chặt chẽ với tâm lý và cảm xúc. Ví dụ: chúng tôi liên kết màu xanh với sự tin tưởng (có một lý do tại sao Facebook sử dụng màu xanh!)

Kết hợp bảng màu của bạn với sản phẩm của bạn.

13. Tại sao tôi nhận được một lỗi? Và tôi phải làm gì bây giờ?

Đôi khi, mọi thứ đi sai và lỗi 404 là không thể tránh khỏi. Tuy nhiên, bạn thực sự có thể biến điều này thành trải nghiệm người dùng tích cực.

Giải thích chính xác lý do tại sao họ lại gặp lỗi này bằng cách tạo các trang 404 và 504 tùy chỉnh. Cá voi Twitter ‘thất bại Cá voi nổi tiếng vì điều này.

twitter thất bại cá voi

Đối với các lỗi không xác định, hãy trấn an người dùng rằng bạn đang làm việc với nó và hướng họ quay lại trang web của bạn.

Những ngõ cụt, như những trang lỗi, rất nguy hiểm. Người dùng tự nhiên tiếp cận với thập tự giá. Trấn an họ và gửi lại.

14. Cung cấp cho người dùng năm điểm cao khi họ hoàn thành một cái gì đó

Con người được thúc đẩy bởi một cảm giác thành tựu và hoàn thành. Khi họ hoàn thành một nhiệm vụ, hãy cho họ biết và chỉ cho họ nơi cần đi tiếp theo.

Bạn có thể làm điều này sau khi họ gửi địa chỉ email của họ, sau khi họ mua sản phẩm, sau khi họ thêm một cái gì đó vào giỏ hàng của họ, hoặc đơn giản là khi họ đến cuối bài đăng trên blog.

Nó có một kinh nghiệm đơn giản, dễ dàng, tích cực. Nó cũng mang đến cho người dùng cảm giác hợp tác; giống như bạn thực sự giúp họ đạt được mục tiêu của họ.

15. Chỉ gắn bó với hai họ phông chữ

Tính nhất quán và thương hiệu là chìa khóa cho trải nghiệm người dùng tốt.

Nó rất khó hiểu nếu phông chữ logo của bạn là Futura, văn bản cơ thể của bạn là Times New Roman, lời kêu gọi hành động của bạn là Comic Sans và tiêu đề của bạn là Windings.

phông chữ

Chỉ dính vào hai họ phông chữ. Nó dễ đọc hơn và có vẻ chuyên nghiệp và đáng tin cậy hơn.

16. Sử dụng thông điệp cảnh báo riêng biệt và nhất quán

Đôi khi, người dùng của bạn sẽ nhận được những điều sai. Có lẽ họ đã nhập sai mật khẩu và không thể đăng nhập. Có lẽ họ quên không bao gồm mã zip trên tờ đăng ký.

cảnh báo

(nguồn hình ảnh)

Trong những trường hợp này, bạn sẽ muốn có một thông báo cảnh báo hoặc lỗi đơn giản nhưng khác biệt. Hãy chắc chắn rằng nó khác biệt về màu sắc và kiểu dáng với bất cứ thứ gì khác trên trang web của bạn. Nó đưa ra một dấu hiệu rõ ràng rằng một cái gì đó cần hành động.

Bạn cũng nên làm cho các thông báo cảnh báo này nhất quán trên toàn bộ trang web của bạn. Donith sử dụng màu sắc, kiểu dáng hoặc vị trí khác nhau vì nó trở nên khó hiểu.

17. GIỚI HẠN CAPS KHÓA

Nó khó chịu.

Trên thực tế, có nhiều lý do quan trọng hơn thế. Chúng tôi thực sự đọc văn bản viết hoa chậm hơn chữ thường. Vì vậy, nó khó khăn hơn nhiều khi quét đọc (đó là cách chúng ta thường đọc internet).

Dự trữ khóa mũ khi bạn thực sự cần phải tạo ảnh hưởng.

18. Nhóm các mục liên quan với nhau

Điều này đặc biệt dành cho các trang web thương mại điện tử, nhưng nó hoạt động trên bảng.

Cố gắng giữ các mục tương tự và liên quan ở cùng một nơi. Điều đó có nghĩa là khách truy cập và khách hàng của bạn có được một dịch vụ phù hợp hơn nhiều, gần giống như bạn đã dự đoán nhu cầu của họ.

mục nhóm

Bạn có thể làm điều này với các sản phẩm vật lý, như Amazon, like giống như lựa chọn này. Bạn cũng có thể làm điều tương tự với các bài đăng và bài viết trên blog, sử dụng phần nội dung liên quan.

Nó giữ cho khách truy cập duyệt qua trang web của bạn, giảm tỷ lệ thoát của bạn và tạo trải nghiệm cá nhân hơn.

19. Giữ mọi thứ nhất quán

Điều cuối cùng bạn muốn là một khách truy cập nhấp vào một liên kết và cảm thấy như họ đã điều hướng đến một trang web khác.

Đảm bảo thanh điều hướng của bạn vẫn ở cùng một vị trí, bất kể bạn đang ở đâu trên trang web. Đảm bảo logo của bạn luôn hiển thị và bảng màu vẫn giữ nguyên.

20. Thiết kế bố trí để quét mắt

Chúng tôi không thể đọc các trang web như chúng tôi đọc một cuốn sách. Mắt chúng ta nhảy và quét các thông tin quan trọng.

Mẫu F

Thông thường chúng ta đọc các trang web theo mẫu F, nhưng hình ảnh táo bạo và kêu gọi hành động cũng được biết là bắt mắt trước.

21. Tạo dựng niềm tin với lời chứng thực và bằng chứng xã hội

Hầu hết khách truy cập vào trang web của bạn đến với sự bảo vệ của họ lên. Họ tự nhiên thận trọng với các trang web mới, và chắc chắn aren sẵn sàng mua từ bạn.

Như tôi đã nói, một phần quan trọng của thiết kế UX là loại bỏ các rào cản này và khiến mọi người cảm thấy thoải mái trên trang web của bạn. Một vài lời chứng thực và thực tế được đặt tốt sẽ khiến mọi người cảm thấy thoải mái hơn. Chúng tôi muốn thấy rằng những người khác (những tên tuổi lớn lý tưởng) đã sử dụng sản phẩm và dịch vụ của bạn và chấp thuận nó.

22. Cho người dùng biết những gì họ có thể chơi với!

Các trang web thường được tạo thành từ hai phần: Số một: nội dung – đó là tĩnh và chúng ta có thể tương tác với nó. Và số hai: điều khiển – đây là những thứ chúng ta có thể nhấp và chơi và tương tác với.

tương tác

Twitter là tuyệt vời ở đây. Văn bản màu đen đơn giản cho nội dung. Văn bản màu xanh cho biết những gì bạn có thể nhấp vào và tương tác. Các biểu tượng tô màu khi bạn cuộn qua để hiển thị những gì bạn có thể chơi với.

Mời mọi người chơi với trang web của bạn!

23. Tạo một đường cong học tập nhẹ nhàng

Không ai thích bị mắc kẹt trên một trang web khó hiểu và khó khăn.

Cố gắng cung cấp cho khách truy cập của bạn một chiến thắng nhanh chóng gần như ngay lập tức. Dễ dàng cho họ vào và làm cho nó đơn giản – đặc biệt là nếu bạn cung cấp một đề xuất kinh doanh khó khăn.

24. Tìm cách đồng cảm với khách truy cập của bạn một cách nhanh chóng

Trải nghiệm người dùng là tất cả về việc bắt chước một mối quan hệ của con người và tạo kết nối với người dùng của bạn. Đồng cảm là một phần rất lớn trong số này – Khách truy cập của bạn Mục tiêu và ước mơ là gì? Những gì đã giữ họ lại cho đến nay?

Ngay lập tức cho họ biết rằng bạn hiểu vấn đề của họ. Bạn có thể làm điều này với một hình ảnh mà họ có thể liên quan hoặc một câu tổng hợp những vấn đề lớn nhất của họ.

Khách truy cập của bạn sẽ nghĩ rằng website trang web này giúp tôi! Đó là trải nghiệm người dùng tuyệt vời để tạo.

25. Sử dụng các tương tác vi mô để tạo một cuộc đối thoại

Cố gắng cung cấp phản hồi cho người dùng của bạn ở mọi phần nhỏ của hành trình. Nó sẽ tạo ra một mối quan hệ và giao tiếp thực sự mà người dùng phản hồi.

Bạn có thể làm điều này với bản sao, chẳng hạn như công việc tốt! Chúng tôi nghĩ bạn có thể thích điều này, bạn có muốn nói chuyện với một chuyên gia không?

thanh tiến trình

Hoặc đồ họa và hình ảnh nhỏ, như bật ngón tay cái, mặt cười hoặc đồng hồ tích tắc trên trang đang tải.

Giáo hoàng

Kết hợp các tinh chỉnh nhỏ này và bạn sẽ tạo ra trải nghiệm người dùng tạo dựng niềm tin, kết nối với đối tượng mục tiêu của bạn và khiến họ cảm thấy hạnh phúc và có cảm giác đạt được.

Bạn có đang sử dụng bất kỳ thủ thuật thiết kế UX nào không? Tôi rất thích nghe về bất kỳ điều gì tôi đã bỏ lỡ! Hãy cho tôi biết trong phần bình luận.

Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map