1. Clarity – Sự rõ ràng: Hướng dẫn mà không gây choáng ngợp
– Những thiết kế tốt nhất hướng dẫn người dùng nghĩ về một trang web mà bạn biết ngay phải nhấp vào đâu tiếp theo. Đó là sự rõ ràng. Tất cả là ở điều hướng trực quan, các nút rõ ràng và các thành phần có mục đích. Nếu người dùng phải dừng lại và suy nghĩ về việc phải làm gì tiếp theo, là bạn đã thất bại.
2. Familiarity – Sự quen thuộc: Làm cho nó có cảm giác như ở nhà
– Người dùng không cần phải học lại cách điều hướng trang web của bạn. Họ mong đợi một số thứ nhất định — như menu ở trên cùng hoặc biểu tượng giỏ hàng ở góc — sẽ ở nơi họ luôn tìm thấy chúng. Bằng cách tuân thủ các quy ước này, bạn sẽ làm cho giao diện của mình dễ sử dụng hơn và nhanh hơn.
3. User Control – Kiểm soát của người dùng: Cho phép người dùng cảm thấy mình là người chịu trách nhiệm
– Không ai thích cảm giác bị mắc kẹt trong không gian kỹ thuật số. Luôn cung cấp cách hoàn thành tác vụ hoặc quay lại mà không mất tiến trình. Khi người dùng cảm thấy kiểm soát được, họ sẽ tự tin hơn khi khám phá trang web của bạn.
4. Visual Hierarchy – Hệ thống phân cấp thị giác: Dẫn dắt mắt
– Phân cấp trực quan là về việc hướng dẫn mắt người dùng đến các phần quan trọng nhất của giao diện của bạn. Sử dụng màu sắc để làm nổi bật các nút kêu gọi hành động, kích thước để ưu tiên các tiêu đề và không gian để thiết kế của bạn được thoáng đãng. Một phân cấp có cấu trúc tốt đảm bảo người dùng biết chính xác nơi cần nhìn và việc cần làm tiếp theo.
5. Flexibility – Tính linh hoạt: Một thiết kế cho mọi thiết bị
– Thiết kế của bạn phải hoạt động liền mạch trên mọi thiết bị, từ máy tính xách tay cũ nhất đến điện thoại thông minh mới nhất. Nhưng tính linh hoạt không chỉ là khả năng phản hồi; mà còn là đáp ứng các nhu cầu khác nhau của người dùng. Cung cấp các phím tắt cho người dùng và các tùy chọn tìm kiếm nâng cao cho những người cần chúng.
6. Accessibility – Khả năng tiếp cận: Thiết kế cho mọi người
– Thiết kế của bạn phải dễ sử dụng với mọi người, bao gồm cả người khuyết tật. Đảm bảo độ tương phản màu mạnh, thêm hình ảnh và đảm bảo trang web của bạn có thể điều hướng bằng bàn phím. Khả năng truy cập là điều cần thiết để tiếp cận được nhiều đối tượng nhất có thể.
7. The Golden Rules of UI Design – Các quy tắc vàng của thiết kế UI
/Để thực sự nâng cao thiết kế của bạn, chúng ta hãy cùng thảo luận về Tám nguyên tắc vàng trong thiết kế UI của Ben Shneiderman:
– Tính nhất quán: Giữ mọi thứ thống nhất trên giao diện của bạn — màu sắc, phông chữ, bố cục. Điều này tạo dựng lòng tin và giúp điều hướng dễ dàng.
– Phím tắt: Cung cấp phím tắt cho người dùng thành thạo để tăng tốc độ điều hướng và làm cho trang web của bạn trực quan hơn.
– Phản hồi: Luôn cung cấp phản hồi. Cho dù đó là button sáng lên khi nhấp vào hay trạng thái đợi, người dùng không bao giờ phải đoán xem hành động của họ có hiệu quả hay không.
– Kết thúc hộp thoại: Tổ chức các hành động thành các bước rõ ràng với phần đầu, phần giữa và phần kết. Một trang “Cảm ơn” đơn giản sau khi mua hàng có thể tạo nên điều kỳ diệu cho sự hài lòng của người dùng.
– Ngăn ngừa lỗi: Khiến người dùng khó mắc lỗi. Vô hiệu hóa các nút khi không thể nhấp vào hoặc ngăn nhập chữ cái khi chỉ gỗ phím số.
– Back lại: Giúp người dùng dễ dàng back lại hành động. Điều này khuyến khích khám phá mà không sợ mắc lỗi.
– Kiểm soát của người dùng: Người dùng có kinh nghiệm muốn kiểm soát. Đừng làm họ ngạc nhiên với những thay đổi đột ngột — hãy để họ cảm thấy như họ đang ở vị trí lái xe.
– Giảm tải bộ nhớ: Giảm thiểu những gì người dùng cần nhớ. Điền trước các biểu mẫu khi có thể và sử dụng chú giải công cụ để giải thích các tùy chọn.
Thiết kế tuyệt vời không chỉ là làm cho một thứ gì đó trông đẹp — mà còn là làm cho nó có chức năng trực quan và dễ tiếp cận với mọi người. Bằng cách kết hợp các nguyên tắc này vào quy trình thiết kế UI của bạn, bạn sẽ tạo ra những trải nghiệm có cảm giác đúng ngay từ khi người dùng truy cập vào trang web của bạn.
