Thư viện thuật ngữ / UI/UX

Affordance là gì?

Còn gọi: gợi ý cách dùng, signifier, khả năng gợi ý

Affordance là đặc điểm của một vật hay phần tử giao diện gợi cho người dùng biết có thể làm gì với nó, như nút có bóng đổ trông bấm được, ô nhập có viền trông gõ được.

Ảnh minh hoạ Affordance (gợi ý cách dùng): ba cặp phần tử giao diện: có và không có dấu hiệu bấm được (nút, link, thẻ), đánh dấu bản rõ ràng
Ba cặp phần tử giao diện: có và không có dấu hiệu bấm được (nút, link, thẻ), đánh dấu bản rõ ràng

Hiểu kỹ hơn

Khái niệm đến từ tâm lý học và được Don Norman phổ biến trong thiết kế; ông phân biệt affordance (khả năng hành động) và signifier (dấu hiệu cho biết khả năng đó). Trong giao diện phẳng, nhiều phần tử mất dấu hiệu: chữ màu xanh không gạch chân có thể không ai biết là link. Designer cần đảm bảo mọi thứ bấm được trông bấm được và ngược lại.