iDesign | Thuật ngữ UX/UI kỳ 2 – Khái niệm Affordance trong UI (Phần 1)

Trong bài viết trước, tất cả chúng ta đã tìm hiểu và khám phá về những khái niệm của yếu tố điều hướng trong phong cách thiết kế UX / UI. Bài viết này, tất cả chúng ta sẽ liên tục điều tra và nghiên cứu một chủ đề tâm lý học trong phong cách thiết kế thưởng thức người dùng mang tên “ affordances ” – những tín hiệu giúp người dùng tương tác với giao diện .

Affordance là gì?

Affordance là từ dùng để mô tả những đặc tính giúp một vật thực hiện chức năng của nó. Nói ngắn gọn, nó là những gợi ý mô tả cách tương tác của người dùng với thiết bị (dù là vật lý hay kỹ thuật số).

Ví dụ : khi thấy một tay nắm cửa, nó là tín hiệu nhắc bạn hoàn toàn có thể sử dụng nó để Open. Hoặc khi thấy icon điện thoại thông minh, nó sẽ gợi ý bạn hoàn toàn có thể nhấp vào nó để thực thi cuộc gọi .

Affordance giúp cho cuộc sống của chúng ta dễ dàng hơn khi được hỗ trợ các tương tác với thế giới vật chất và vật thể ảo.

Với ứng dụng này, người dùng có thể hiểu rằng hành động cần thiết đã hoàn thành bởi icon dấu tick. Icon được tô màu gợi ý cho bạn hành động có thể thực hiện

Lịch sử của thuật ngữ

Thuật ngữ này lần tiên phong được ra mắt bởi nhà tâm lý học James Gibson, người đã có những điều tra và nghiên cứu thâm thúy về nhận thức thị giác. Năm 1966, ông sử dụng ‘ affordance ’ lần tiên phong trong cuốn The Senses Considered as Perceptual Systems. Năm 1979, ông làm rõ định nghĩa của thuật ngữ này trong cuốn sách The Ecological Approach to Visual Perception. Theo Gibson, con người có khuynh hướng biến hóa thiên nhiên và môi trường của họ, với mong ước làm cho affordances tốt hơn, giúp đời sống họ thuận tiện hơn. Nghiên cứu về affordances của thiên nhiên và môi trường trở thành một phần thiết yếu của xã hội hóa .

Khi áp dụng cho thiết kế, thuật ngữ này chỉ đề cập đến những khả năng hành động vật lý mà người dùng nhận thức được. Năm 1988, thuật ngữ này được phát triển hơn bởi những khám phá của Donald Norman trong cuốn sách The Design of Everyday Things. Theo chuyên gia, “…affordance đề cập đến các đặc tính nhận thức và thực tế của vật, chủ yếu là những tính chất cơ bản xác định cách mà vật có thể được sử dụng. […] Affordances cung cấp những ý tưởng cho các hoạt động của sự vật. Ví dụ: Thanh ngang để đẩy. Tay nắm để xoay. Các khe cắm để cắm mọi thứ vào. Quả bóng là để ném hoặc tung lên. Khi affordances được sử dụng, người dùng biết phải làm gì chỉ bằng cách nhìn: không cần hình ảnh, nhãn hiệu hoặc hướng dẫn.”

Với sự ra đời của các giao diện người dùng khác nhau, affordances đã có một hướng phát triển mới. Chúng ta đã thực hiện hàng trăm hoạt động với nhiều hành động, công cụ và nhiều thứ khác nhau. Bây giờ chúng ta cũng thực hiện hàng tấn thao tác chỉ bằng cách nhấp chuột hoặc chạm vào màn hình. Nó làm cho các nhà thiết kế UX nghiên cứu những cách mới để trình bày affordances theo những kiến thức mà mọi người có được từ cuộc sống thực vào các tương tác kỹ thuật số. Trải nghiệm khác nhau khiến các tiếp cận thay đổi.

Phần tiếp theo: “Thuật ngữ UX/UI kỳ 2: Các dạng affordance trong UI”

Biên tập : Thao Lee
Nguồn : Tubik Studio

ĐÁNH GIÁ post
Bài viết liên quan

Tư vấn miễn phí (24/7) 094 179 2255