Desain & UI/UX

Affordance

Definisi

Affordance adalah petunjuk visual atau fisik pada sebuah elemen yang mengisyaratkan bagaimana elemen itu seharusnya digunakan. Sebuah tombol yang tampak bisa ditekan atau kolom isian yang jelas mengundang untuk diketik adalah contoh affordance yang baik. Konsep ini membantu pengguna memahami fungsi tanpa perlu instruksi tertulis. Affordance yang lemah membuat pengguna ragu atau salah tindakan.

Mengapa Penting?

Affordance yang jelas mempercepat pemahaman antarmuka dan mengurangi kebingungan saat berinteraksi.

Contoh Penerapan

Ikon berbentuk garis bawah dan warna berbeda pada teks yang mengisyaratkan bahwa teks tersebut dapat diklik.

Istilah Terkait

UI (User Interface)SkeuomorphismUsability TestingHierarki Visual
Chat with us
Follow our journey
Send us an email