Laws of UX
Laws of UX là tập hợp các kiến thức thực hành tốt nhất mà mình thường phải xem đi xem lại khi bắt đầu xây dựng giao diện người dùng để đảm bảo các thiết kế của mình hiệu quả dành cho người dùng.
- Heuristic - Kinh nghiệm đã được đúc kết
- Principle - Nguyên tắc
- Gestalt - Quy luật cảm nhận thị giác
- Cognitive bias - Thiên kiến nhận thức
Hiệu ứng Thẩm mỹ - Tính dụng
Người dùng thường cho rằng các thiết kế có tính thẩm mỹ cao thì cũng sẽ dễ sử dụng hơn. Thẩm mỹ tốt tạo ra phản ứng cảm xúc tích cực, khiến họ khoan dung hơn với các lỗi nhỏ về khả năng sử dụng.
Hiệu ứng thẩm mỹ - tính dụng mô tả hiện tượng người dùng cảm nhận sản phẩm đẹp mắt là dễ sử dụng hơn, ngay cả khi chúng có thể không thực sự hiệu quả. Thiết kế đẹp tạo ra một phản ứng cảm xúc tích cực, làm tăng sự hài lòng và tăng sự tin tưởng của người dùng.
Khi giao diện được trau chuốt, người dùng sẽ có xu hướng bỏ qua những bất tiện nhỏ (ma sát) trong quá trình trải nghiệm.
Aesthetic-Usability Effect là một công cụ mạnh mẽ trong UX/UI để tạo thiện cảm, nhưng tính công năng (usability) vẫn phải luôn là nền tảng cốt lõi của một sản phẩm thành công.
Tại sao nó lại quan trọng?
- Gây ấn tượng đầu tiên (First Impression): Thiết kế đẹp tạo lòng tin ngay lập tức, khiến sản phẩm trông chuyên nghiệp và đáng tin cậy hơn.
- Bù đắp cho các lỗi nhỏ (Usability Cushion): Người dùng kiên nhẫn hơn khi thực hiện các tác vụ bị lỗi nhỏ nếu giao diện làm họ thấy dễ chịu.
- Gia tăng giá trị cảm nhận (Perceived Value): Người dùng sẵn lòng chi trả nhiều hơn cho sản phẩm được thiết kế chỉn chu, thẩm mỹ.
So sánh thiết kế thẻ:
QN
Quang Nguyen
Interaction Designer
by Quang Nguyen
Ví dụ đời thường dễ hình dung
- Vỏ chai nước hoa xa xỉ: Thường được làm bằng thủy tinh dày, đầm tay, nắp hút nam châm. Dù nước hoa bên trong có mùi tương tự hãng bình dân, thiết kế vỏ chai cao cấp vẫn mang lại cảm giác dễ chịu và đáng giá hơn hẳn.
- Mở hộp sản phẩm của Apple: Cách hộp trượt từ từ ra nhờ áp suất không khí nén, cách mỗi phụ kiện được xếp ngăn nắp. Sự chuẩn bị này tạo ra cảm giác cao cấp từ trước khi bật nguồn thiết bị.
- Nội thất xe hơi: Vô lăng bọc da, các phím bấm kim loại phản hồi cơ học êm ái làm người dùng đánh giá xe hoạt động tốt hơn, dù động cơ bên dưới có thể giống hệt dòng phổ thông.
Kéo thanh trượt để khui hộp Apple:
Kéo để mở
iPhone 17 Pro
iPhoneAir-tight seal
by Quang Nguyen
Cảm nhận phản hồi cơ học nút bấm:
Bấm nút kim loại để trải nghiệm click êm ái:
Động cơ: Đã tắtby Quang Nguyen
Lưu ý khi sử dụng
- Đừng quá chú trọng bề ngoài mà quên chức năng: Hiệu ứng này không có nghĩa là bạn có thể tạo ra một thiết kế đẹp nhưng 'vô dụng'. Nó chỉ giúp sản phẩm có lợi thế hơn trong mắt người dùng khi trải nghiệm thực tế.
- Kết hợp với nghiên cứu người dùng: Các thiết kế cần được cải thiện dựa trên các đánh giá và phản hồi thực tế từ người dùng chứ không chỉ dựa vào cảm giác thẩm mỹ chủ quan.
Mô phỏng ngộ nhận dụng năng:
Cả hai nút dưới đều bị lỗi phản hồi chậm. Bấm thử xem:
by Quang Nguyen
Aesthetic-Usability Effect là một công cụ mạnh mẽ, nhưng hãy nhớ: Tính thẩm mỹ cao không thể cứu vãn một sản phẩm vô dụng, nhưng nó là chất bôi trơn tuyệt vời để che lấp các khuyết điểm nhỏ ban đầu.
