Arti Kata Affordance - Affordance Artinya, Sejarah, Affordance dalam Desain Digital, Jenis, Contoh

E. Contoh Affordance

Berikut beberapa contoh affordance dalam berbagai konteks :

1. Contoh Fisik:

- Gagang Pintu: Bentuk gagang pintu (misalnya, gagang putar atau gagang tarik) memberikan petunjuk tentang cara membuka pintu. Gagang putar mengindikasikan bahwa pintu harus diputar, sedangkan gagang tarik mengindikasikan bahwa pintu harus ditarik.

- Kursi: Bentuk dan struktur kursi menunjukkan bahwa kursi tersebut dapat diduduki.

- Tangga: Anak tangga pada tangga menunjukkan bahwa tangga tersebut dapat digunakan untuk naik atau turun.

- Gelas: Bentuk gelas dengan mulut yang lebar dan dasar yang stabil menunjukkan bahwa gelas tersebut dapat digunakan untuk menampung dan meminum cairan.

- Tombol: Bentuk tombol yang menonjol dan dapat ditekan menunjukkan bahwa tombol tersebut dapat ditekan untuk mengaktifkan suatu fungsi.

2. Contoh Digital (Antarmuka Pengguna):

- Tombol (Button): Tampilan tombol yang menonjol dan memiliki efek visual saat diklik (misalnya, berubah warna atau memberikan animasi) menunjukkan bahwa elemen tersebut dapat diklik untuk melakukan suatu tindakan.

- Tautan (Link): Teks yang digarisbawahi dan berwarna biru menunjukkan bahwa teks tersebut merupakan tautan yang dapat diklik untuk menuju halaman lain.

- Ikon: Ikon dengan gambar yang jelas dan representatif (misalnya, ikon amplop untuk email, ikon roda gigi untuk pengaturan) memberikan petunjuk tentang fungsi yang diwakilinya.

- Formulir (Form): Kotak teks dengan label yang jelas menunjukkan bahwa pengguna dapat memasukkan informasi ke dalam kotak tersebut.

- Slider: Bentuk slider yang dapat digeser menunjukkan bahwa pengguna dapat mengubah nilai dengan menggeser slider tersebut.

3. Contoh Lain:

- Teks Tebal (Bold): Teks yang ditebalkan menunjukkan bahwa teks tersebut penting atau perlu diperhatikan.

- Warna: Warna tertentu dapat memberikan petunjuk tentang status atau fungsi suatu elemen (misalnya, warna merah untuk kesalahan, warna hijau untuk keberhasilan).

- Suara: Suara tertentu dapat memberikan umpan balik tentang tindakan yang dilakukan (misalnya, suara klik saat tombol ditekan, suara notifikasi saat ada pesan baru).

Dalam setiap contoh di atas, affordance membantu pengguna memahami bagaimana suatu objek atau elemen dapat digunakan tanpa perlu instruksi eksplisit. Desain yang baik memanfaatkan affordance untuk membuat antarmuka yang intuitif dan mudah digunakan.

Sumber: tribunpekabaru.com, gramedia.com, kompas.com, edudigital.ac.id

Demikian penjelasan tentang arti kata affordance atau affordance artinya dan sejarah konsep affordance serta affordance dalam desain digital dan jenis-jenis affordance hingga contoh affordance .

( Tribunpekanbaru.com / Pitos Punjadi )