Bạn có muốn trở thành một lập trình viên UX xuất sắc vào năm 2022 không? Nếu câu trả lời là có, hãy tham khảo những thủ thuật sau và thêm vào “kho vũ khí” khi thiết kế website của bạn.

5 Mẹo mà Chili giới thiệu trong bài viết dưới đây không chỉ giúp bạn cải thiện trải nghiệm người dùng cho bất kì website nào mà còn hỗ trợ bạn phát triển các kỹ năng lập trình của bản thân. Tìm hiểu ngay nhé!

Bài viết liên quan:

5 "Mánh" cải thiện trải nghiệm người dùng mà bất cứ website nào cũng cần - 7
5 Cách cải thiện trải nghiệm người dùng mà bất cứ website nào cũng cần (Ảnh: Bizfly)

Áp dụng quy luật “3 clicks” trong thiết kế web

Quy tắc “3 clicks” hay quy tắc ba nhấp chuột là một quy tắc thiết kế website liên quan đến thiết kế điều hướng trang web. Theo đó, người dùng có thể tìm thấy bất kỳ thông tin nào trong trang web chỉ với không quá ba lần nhấp chuột.

Việc chú ý của người dùng đối với thông tin có xu hướng giảm sút chính là nguồn gốc của quy tắc “3 clicks”. Một nhấp chuột là một tương tác dẫn đến cognitive load (tải nhận thức) cao nhất, bởi vì nhấp chuột chỉ hoạt động trong một diện tích nhỏ trên màn hình.

Một giải pháp cho cognitive load là sử dụng các đầu vào bằng cử chỉ như vuốt, chạm hoặc nhấn đúp, như cách mà Instagram hay LinkedIn đã làm. Nguyên tắc chung là tương tác của người dùng phải hoạt động trên một diện tích bề mặt lớn, để tránh vấn đề tương tự như nhấp chuột. Nếu cần dịch vụ thiết kế giao diện website tư vấn thêm về vấn đề này, hãy liên hệ với Chili ngay hôm nay để được hỗ trợ nhanh chóng nhất!

5 "Mánh" cải thiện trải nghiệm người dùng mà bất cứ website nào cũng cần - 8
Quy tắc “3 clicks” liên quan đến thiết kế điều hướng trang web (Ảnh: Nielsen Norman Group)

Khoảng trắng – tiểu tiết đóng vai trò lớn

Đây là một trong những trụ cột quan trọng nhất của Modern UX. Một trang thiết kế khoảng trắng đều nhau trông rất chuyên nghiệp. Khi bạn có thêm kinh nghiệm thiết kế UX, theo bản năng, bạn sẽ dần chú ý đến điều đó.

Điều quan trọng khác khi thiết kế giao diện web là phải duy trì khoảng cách nhất quán (padding/lề ở hai bên trái, phải và trên, dưới phải bằng nhau). Bạn cũng cần duy trì khoảng cách thích hợp giữa phần và lưu ý rằng phần có khoảng cách rộng nên được sắp xếp sau các phần có khoảng cách ngắn.

5 "Mánh" cải thiện trải nghiệm người dùng mà bất cứ website nào cũng cần - 9
Điều quan trọng khác khi thiết kế giao diện web là phải duy trì khoảng cách nhất quán (Ảnh: UX Collective)

Tối ưu hóa trải nghiệm cuộn trang

Các trải nghiệm cuộn như Scroll Storytelling, Parallax, v.v. đang được nhiều trang web sử dụng. Trải nghiệm cuộn trang dựa trên kĩ thuật Scroll Hijacking, trong đó việc cuộn trang được thay đổi tùy chỉnh theo yêu cầu của các lập trình viên. Mặc dù nó có những ưu điểm kể trên, nhưng trong quá trình thiết kế website, tối ưu hóa trải nghiệm cuộn trang có thể dẫn đến các lỗi liên quan đến khả năng truy cập.

Giải pháp cho vấn đề trên là sử dụng hộp kiểm và menu cuộn để đơn giản hóa việc nhập dữ liệu. Ngoài ra, bằng cách giảm nội dung trên trang, bạn có thể làm cho kích thước văn bản lớn hơn một chút (tức là dễ đọc hơn trên màn hình nhỏ). Điều này cho phép người đọc dễ dàng truy cập các thông tin cơ bản trên menu chỉ với một thao tác cuộn dọc đơn giản.

Ngoài ra, khi thiết kế website, bạn cũng cần đảm bảo rằng các nút thao tác có kích thước phù hợp và có đủ khoảng cách giữa mỗi nút để người dùng dễ dàng điều hướng bằng ngón tay.

5 "Mánh" cải thiện trải nghiệm người dùng mà bất cứ website nào cũng cần - 10
Các trải nghiệm cuộn như Scroll Storytelling, Parallax, v.v. đang được nhiều trang web sử dụng (Ảnh: Dribbble)

Bố cục Masonry

Masonry Grid ngày càng trở nên phổ biến kể từ sau sự ra mắt của Windows 8. Bố cục Masonry bao gồm nhiều phần tử với các kích thước khác nhau được sắp xếp trong một khung lưới trên màn hình hiển thị. Bố cục Masonry mang lại cảm giác mới mẻ cho giao diện web hơn là các bố trí lưới truyền thống.

Không giống như quy tắc “3 clicks” hay tối ưu hóa trải nghiệm cuộn trang được giới thiệu ở trên, “mánh” này dễ thực hiện nhất vì nó chỉ yêu cầu kiến thức về CSS.

5 "Mánh" cải thiện trải nghiệm người dùng mà bất cứ website nào cũng cần - 11
Masonry Grid chỉ yêu cầu kiến thức về CSS (Ảnh: Morioh)

Nâng cấp con trỏ chuột

Nâng cấp con trỏ chuột là cách hoàn hảo để tăng tương tác giữa người dùng với trang web của bạn. Đặc biệt khi có quá nhiều nội dung hiển thị trên Internet như hiện nay, việc nâng cấp tương tác con trỏ chuột có thể giữ chân người dùng ở lại website lâu hơn. Hiện nay, có nhiều tùy chọn nâng cấp con trỏ chuột để bạn lựa chọn, từ con trỏ tùy chỉnh đến tương tác con trỏ động.

Lưu ý: Đối tượng mục tiêu của tương tác con trỏ chuột là người dùng máy tính để bàn hoặc laptop. Vì vậy, nếu bạn đang thiết kế website chủ yếu cho người dùng điện thoại, bạn có thể bỏ qua mục này.

5 "Mánh" cải thiện trải nghiệm người dùng mà bất cứ website nào cũng cần - 12
Nâng cấp con trỏ chuột là cách hoàn hảo để tăng tương tác giữa người dùng với trang web của bạn (Ảnh: Dribbble)

Trong bài viết này, Chili đã giới thiệu cho các bạn một số thủ thuật UX thú vị giúp nâng cao trải nghiệm của người dùng. Hy vọng 5 mẹo trên sẽ hưu ích trong quá trình thiết kế website của bạn. Ngoài ra, nếu bạn muốn tối ưu hóa thiết kế UI/UX cho trang web của mình, hãy liên hệ với chúng tôi ngay hôm nay để được tư vấn miễn phí và nhanh chóng nhất!

Đánh giá
Từ khóa:
Chia sẻ: