Affordances, dalam dunia fisik, digambarkan sebagai sifat atau fitur yang dirasakan dan aktual dari suatu objek yang menentukan penggunaannya tanpa penjelasan: slot koin, lubang kunci, pegangan pada koper, pegangan pintu; hal-hal sehari-hari yang secara otomatis kita pahami untuk apa dan bagaimana menggunakannya.
Dalam dunia digital, dengan cara yang sama, kemampuan UX adalah elemen interaktif dari situs web, aplikasi, atau produk yang menciptakan operasi yang intuitif, memungkinkan kita untuk fokus pada konten yang kita butuhkan dan bukan pada operasi platform.
Sebagai peneliti UX, kami memahami nilai dan manfaat sebenarnya di balik fitur-fitur yang intuitif namun inovatif ini dan bagaimana fitur-fitur tersebut membedakan antara desain visual yang kuat dan lemah. Pengguna seharusnya tidak terlalu memperhatikan fitur-fitur terbaik, tetapi menerimanya secara otomatis karena mereka sudah memahami bahasa visual yang digunakan: menu hamburger, fungsi keranjang belanja, ikon email atau media sosial adalah fitur-fitur yang sangat jelas yang fungsinya sudah jelas, sehingga interaksi digital mereka menjadi naluriah dan tidak disadari.
Namun, sebagai peneliti UX, kami sering menemukan bahwa antarmuka pengguna dapat segera membingungkan atau bermasalah tanpa adanya penyesuaian yang diperlukan yang dipahami oleh operatornya.
Melalui penelitian dan pengujian UX, kami mengungkap masalah operasional produk di mana pengguna:
- Tidak tahu tindakan apa yang harus diambil
- Gagal melihat kemungkinan langkah selanjutnya
- Gagal mengenali peluang hasil yang mungkin terjadi
- Kehilangan kendali atas suatu fungsi
- Kehilangan kendali navigasi
- Kehilangan kepercayaan diri dalam tugas-tugas yang kompleks
- Gagal mengenali isyarat visual
Seperti halnya semua komponen dan fitur UX dan UI, satu-satunya cara untuk menghilangkan kesalahan dan kesalahpahaman secara realistis adalah melalui desain berbasis data yang terinformasi dan pengujian rutin. Istilah keterjangkauan mengacu pada sifat dasar sebuah elemen, dan terutama, sifat dasar tersebut harus memandu pengguna melalui rute tertentu yang dimaksudkan untuk meningkatkan pengalaman. Hanya melalui pengujian, kita dapat melihat apakah produk kita sesuai dengan tujuannya.
Keterjangkauan yang efektif di pasar internasional
Baik Anda membangun untuk pasar lokal, budaya, atau global, antarmuka yang ramah pengguna terbaik menampilkan semua jenis kemudahan yang mudah dikenali oleh audiens Anda untuk memberikan interaksi pengguna secara naluriah. Penelitian dan pengujian memainkan peran besar dalam menembus pasar global, dengan banyak grafis atau metafora yang gagal dikonversi dengan baik, memberikan kebingungan atau, lebih buruk lagi, menyinggung perasaan.
Definisi dan Penjelasan Keterjangkauan dalam Desain UX
Affordance adalah properti atau fitur dari suatu objek yang menyajikan petunjuk atau petunjuk visual tentang apa yang dilakukan elemen tersebut untuk mencapai hasil yang ditentukan.
Pentingnya Keterjangkauan dalam Desain UX
- Memandu perilaku pengguna ? Aksesibilitas yang dirancang dan diposisikan dengan baik mengarahkan pengguna ke tempat yang mereka butuhkan, secara sederhana dan naluriah.
- Meningkatkan kegunaan ? Seperti halnya dengan keterjangkauan objek fisik, komponen-komponen yang sering kali berukuran kecil ini memainkan peran besar dalam pengalaman digital yang mengalir cepat, menambah kemudahan dalam cara kita berinteraksi dengannya. Peningkatan kegunaan ini diterjemahkan ke dalam keterlibatan tambahan dan tingkat konversi yang lebih tinggi.
- Menciptakan pengalaman pengguna yang konsisten ? Konsistensi sangat penting dalam setiap antarmuka digital yang sukses. Menjaga konsistensi dengan format yang dipahami, diharapkan, dan dinikmati oleh pengguna kami memastikan mereka akan terus berinteraksi dengannya berulang kali.
- Affordance Meningkatkan Pengalaman Pengguna ? Semua yang kami lakukan bertujuan untuk memberikan pengalaman yang lebih baik bagi klien, pelanggan, dan pengguna. Kemudahan tersebut memberikan desain yang ramah pengguna yang kami upayakan untuk diproduksi.
- UX dan UI Menjadi Lebih Intuitif dan Menyenangkan untuk Digunakan ? Tujuan sebenarnya dari pekerjaan kami.
Jenis-jenis Kesesuaian dalam Desain UX
Pemberian yang Eksplisit
Kelonggaran eksplisit diberi label dengan jelas untuk memastikan penggunaan yang jelas, sering kali menggunakan label gambar atau instruksi teks.
Sebagai contohtombol dengan deskripsi teks, "klik di sini untuk info lebih lanjut", "tambahkan ke keranjang", atau "kirim formulir".
Implisit Affordances (Bantuan Implisit)
Implisit mengacu pada elemen yang tidak memiliki isyarat atau label visual yang jelas tetapi dikenali sebagai peluang karena desain yang umum melalui konteks posisi atau penampilan.
Sebagai contoh, deretan ikon media sosial atau logo klien.
Kekayaan Tersembunyi
Pengeluaran tersembunyi tetap tidak terlihat sampai pengguna mengambil tindakan yang diperlukan untuk mengungkapkannya.
Sebagai contohmenu drop-down yang muncul saat pengguna mengarahkan kursor ke item menu tingkat atas (atau saat pengguna mengeklik menu hamburger pada layar yang lebih kecil) atau bidang teks yang hanya muncul saat mengeklik ikon fungsi pencarian.
Kemudahan Grafis/Metaforis
Jenis-jenis tunjangan ini adalah ikon atau gambar yang mewakili mitra kehidupan nyata. Gambar tersebut bisa berupa ikon, ilustrasi, atau foto.
Sebagai contohIkon kaca pembesar dapat mewakili bilah pencarian atau digunakan sebagai fungsi zoom, ikon amplop untuk email, keranjang belanja, keranjang belanja digital, atau bendera untuk mengubah bahasa atau lokasi.
Kemakmuran Skeuomorfik
Kemudahan skeuomorfik terlihat dan beroperasi seperti rekan-rekan mereka di dunia fisik.
Sebagai contohbuku digital dengan halaman yang dapat diputar, kalender yang dapat digulirkan atau dibalik dari bulan ke bulan, atau item yang dapat diseret ke posisi baru.
Pola Kemurahan Hati
Kesesuaian pola bergantung pada metode dan pola UI yang sudah dikenal.
Sebagai contohmenu navigasi di bagian atas atau bawah halaman, logo situs web yang mengembalikan pengguna ke halaman beranda, atau teks yang digarisbawahi dengan warna yang berbeda yang mewakili tautan.
Kemampuan negatif
Kelonggaran negatif mewakili elemen desain yang tidak aktif.
Sebagai contohyang berwarna abu-abu, bidang input yang diisi secara otomatis, atau tombol yang tidak disorot pada tab opsi.
Pemberian yang salah
Pemberian palsu tampaknya mendikte tindakan tertentu tetapi menawarkan sesuatu yang berbeda dari yang diharapkan atau tidak sama sekali.
Sebagai contohberwarna, teks bergaris bawah yang tidak menawarkan tautan yang dapat diklik atau tombol berwarna abu-abu yang masih berfungsi saat diklik.
Prinsip-prinsip Utama dalam Merancang Tunjangan yang Efektif
Menempatkan pengguna di pusat desain
Penelitian dan pengujian akan menunjukkan versi atau opsi mana yang dipahami pengguna secara naluriah, yang memberikan hasil dan keuntungan yang paling teratur dan sukses. Untuk memahami pengguna Anda dengan lebih baik, tentukan persona dan sesuaikan desain Anda dengan mereka untuk menciptakan harga yang efektif.
Mengikuti Konvensi Desain yang Baik? Konsistensi, Keakraban, dan Logika
Tetaplah berada dalam konvensi yang dapat dikenali dari pola yang dapat diterima dan konvensi desain yang umum. Sebuah aplikasi atau fitur baru akan terasa familiar jika elemen-elemen yang ada di dalamnya mengikuti format yang biasa kita gunakan.
Visibilitas dan Umpan Balik
Desain yang bersih dan jelas berarti menjaga segala sesuatunya tetap sederhana sekaligus menggambarkan tujuan yang jelas dari sebuah elemen. Pastikan pemberitahuan pemberitahuan berfungsi saat pengguna Anda membutuhkan konfirmasi atau umpan balik atas suatu tindakan.
Kejelasan dan Intuitif
Kejelasan antarmuka pengguna dan pengoperasian yang intuitif menghasilkan pengalaman pengguna yang mulus yang mengalir dari satu tindakan atau area ke area lainnya. Situs web dan aplikasi harus intuitif dan cukup familiar untuk memandu pengguna ke konten yang dibutuhkan dan dengan mudah memberikan konversi.
Elemen UI yang Memanfaatkan Affordance UX
Tombol
Tombol adalah elemen ajakan bertindak yang paling kuat, jadi perannya harus jelas dan mudah dikenali. Bentuk, ukuran, warna, label, kontras, dan salinan dapat memainkan perannya.
Ikon
Ikon biasanya berupa pola, di mana kita mengenali fungsinya melalui kesederhanaan dari apa yang mereka gambarkan, misalnya, ikon favorit dan reaksi media sosial, ikon email, unduh, atau bagikan. Terlepas dari perbedaan gaya merek, banyak ikon akan mengikuti format universal (atau setidaknya geografis) yang secara otomatis kita pahami.
Bidang Masukan
Kita tahu bahwa kita diharapkan untuk menambahkan data ketika dihadapkan pada kolom input. Mereka sering kali menyertakan salinan contoh secara eksplisit dengan warna pucat dan pemberitahuan jika diisi dengan benar.
Animasi
Kemampuan animasi dapat menunjukkan kepada pengguna cara mengoperasikan fungsi atau opsi tertentu. Atau, tombol gemetar menunjukkan bahwa kita telah melakukan sesuatu yang salah dan perlu mengatasi masalah untuk melanjutkan - semua tanpa penjelasan teks yang panjang.
Pemberitahuan
Notifikasi pemberitahuan menunjukkan perubahan atau tindakan yang diperlukan. Kemudahan visual tersebut dapat berupa tanda centang di samping bidang input yang telah diisi pada formulir, pembaruan jumlah item dalam keranjang, atau lingkaran bernomor merah pada aplikasi di iPhone Anda.
Tantangan dan Jebakan Umum dalam Menerapkan Kesesuaian
Menyeimbangkan Kesederhanaan dan Kompleksitas
Keindahan sejati dari desain yang terjangkau adalah kesederhanaannya. Namun, setiap elemen interaktif dapat mengendalikan sesuatu yang sangat kompleks. Seni desain yang baik berarti menemukan keseimbangan di antara keduanya, menghasilkan cara yang paling sederhana untuk melakukan tugas yang paling kompleks.
Menghindari Pemberian yang Salah atau Menyesatkan
Penyediaan yang salah dapat menyesatkan pengguna, menyebabkan kebingungan dalam pengoperasiannya. Kami tahu betapa mudahnya pelanggan meninggalkan keranjang dan aplikasi yang setengah terisi saat menghadapi poin masalah, jadi menghilangkan elemen yang membingungkan atau memperjelas di mana menemukan langkah selanjutnya atau contoh dari petunjuk tersembunyi menjadi suatu keharusan.
Praktik Terbaik untuk Menciptakan Desain yang Sesuai dengan Kebutuhan
Riset dan Pengujian Pengguna untuk Pengalaman Pengguna yang Optimal
Sebagai peneliti UX, kami berada di posisi yang tepat untuk memberi tahu Anda betapa pentingnya pekerjaan kami di bidang ini. Pengujian dan pengulangan yang berkelanjutan di seluruh tahapan dan proses diperlukan dalam setiap langkah desain produk digital. Dengan kemampuan yang kami miliki, kami bekerja dengan elemen-elemen sesederhana pengujian A-B (memberikan pilihan berdasarkan data yang dikonversi) hingga pengujian UX internasional, di mana perbedaan budaya dan geografis dapat membuat suatu proses, antarmuka pengguna, atau bahkan seluruh aplikasi menjadi tidak berguna.
Tetap Ikuti Perkembangan Pola dan Konvensi Desain
Dengan teknologi dan desain yang terus berkembang, para desainer harus selalu menjadi yang terdepan. Mengikuti perkembangan konvensi populer, alat bantu baru, inovasi, dan mode akan membuat antarmuka digital Anda tetap beroperasi dan sesuai dengan harapan pengguna.
Kesimpulan: Kekuatan Affordance yang Efektif dalam Mengubah Pengalaman Pengguna
Sekarang Anda akan memahami betapa pentingnya penampilan fisik dan sifat penting dari sebuah produk. Melakukan penelitian UX yang berarti adalah cara kami menemukan masalah dan isu dengan aplikasi dan produk kami dan solusi mana yang memberikan hasil yang ideal.
Meskipun terlihat sebagai bagian kecil dari sistem yang luas, desain UX sangat bergantung pada kemampuan yang efektif untuk menghasilkan proyek dengan kinerja terbaik. Affordances membantu menghindari atau mencegah kesalahan pengguna dan mengatasi keterbatasan perangkat lunak, baik pembaruan salinan dasar atau representasi objek asli atau asli; memanfaatkan affordances telah menjadi sebuah bentuk seni.
Jika Anda ingin tahu lebih banyak tentang menempatkan pelanggan Anda dalam kendali, kirimkan email kepada kami di hello@ux247.com.