Memahami tingkah laku manusia melalui prinsip psikologi UX/UI adalah penting untuk mereka bentuk pengalaman digital yang intuitif. Dengan mengenal pasti cara otak kita memproses dan mengekalkan maklumat, pereka bentuk boleh membuat keputusan yang lebih termaklum tentang hierarki visual, navigasi dan interaksi.
Dalam artikel ini, saya akan memperkenalkan anda cinq Prinsip psikologi UX/UI kunci yang boleh meningkatkan proses reka bentuk anda. Oleh itu, setiap prinsip diilustrasikan oleh contoh konkrit, yang menjadikannya lebih mudah untuk menerapkannya pada kerja anda.
1. Hukum Hick: Kurang lebih
Hukum Hick menyatakan bahawa lebih banyak pilihan pengguna mempunyai, lebih lama masa yang diperlukan untuk membuat keputusan.
Bayangkan anda berada di sebuah restoran. Menu 10 halaman akan membebankan anda dengan pilihan, manakala menu satu halaman akan memudahkan anda memilih. Fenomena yang sama berlaku untuk antara muka digital.
Sebagai contoh, bar navigasi yang terlalu berselerak boleh menjadikan pencarian maklumat menjadi rumit dan mengecewakan. Itulah sebabnya kebanyakan menu navigasi hanya memaparkan beberapa kategori utama, dengan subkategori boleh diakses dengan melayang atau mengklik. Begitu juga, tapak e-dagang menggunakan karusel untuk memaparkan bilangan produk yang terhad pada satu masa, mengelakkan beban kognitif yang berlebihan sambil masih menawarkan pilihan.
Bagaimana untuk mengaplikasikannya?
- Permudahkan navigasi dengan mengumpulkan kandungan ke dalam kategori yang jelas.
- Hadkan bilangan pilihan yang boleh dilihat dalam menu dan penapis.
Undang-undang Hick digunakan secara meluas dalam UX untuk memudahkan navigasi dan mempercepatkan membuat keputusan, seperti yang dijelaskan dalam Kumpulan Nielsen Norman.
2. Beban Kognitif: Jangan membebankan pengguna
Beban kognitif merujuk kepada usaha mental yang diperlukan untuk memproses maklumat. Semakin tinggi usaha, semakin besar kemungkinan pengguna menjadi kecewa atau tercicir.
Terdapat tiga jenis beban kognitif:
- Caj intrinsik : Usaha yang diperlukan untuk memahami maklumat baharu. Sebagai contoh, pelancong yang cuba menguraikan peta metro Paris buat kali pertama akan menghadapi kesukaran untuk memahami jalinan garisan, warna dan stesen.
- Caj Jerman : Usaha memproses maklumat dan mengintegrasikannya ke dalam ingatan jangka panjang. Itulah sebabnya menggunakan corak biasa (menu hamburger, bar tab) membantu pengguna menyesuaikan diri dengan cepat kepada antara muka baharu.
- Beban ekstrinsik : Usaha yang sia-sia disebabkan oleh reka bentuk yang buruk. Halaman web dengan berbilang fon, warna yang berlebihan dan hierarki maklumat yang mengelirukan mengganggu dan menyukarkan navigasi.
Bagaimana untuk mengaplikasikannya?
- Gunakan corak antara muka yang diketahui untuk mengurangkan usaha pembelajaran.
- Tentukan hierarki visual yang jelas dengan tipografi, jarak dan warna yang jelas.
- Elakkan gangguan yang tidak perlu dengan memastikan antara muka bersih dan berfungsi.
Mengurangkan beban kognitif adalah penting untuk meningkatkan pengalaman pengguna, seperti yang diperincikan dalam artikel ini daripadaYayasan Reka Bentuk Interaksi.
3. Kesan Von Restorff: Kuasa Kontras
Kesan Von Restorff menunjukkan bahawa unsur-unsur yang menonjol lebih mudah diingati.
Bayangkan sekumpulan sembilan lelaki dan seorang perempuan: gadis itu akan segera menarik perhatian anda. Prinsip ini juga terpakai dalam UX/UI. Butang seruan tindak (CTA) menggunakan warna terang akan segera menyerlah dengan latar belakang neutral. Kontras ini boleh dibuat melalui warna, saiz, bentuk, tipografi mahupun animasi.
Bagaimana untuk mengaplikasikannya?
- Jadikan tindakan utama (seperti "Daftar" atau "Beli Sekarang") secara visual berbeza.
- Gunakan kontras untuk menyerlahkan elemen penting tanpa membebankan reka bentuk.
- Eksperimen dengan animasi atau interaksi mikro untuk membimbing perhatian secara halus.
4. Kesan Kedudukan Bersiri: Lokasi Penting
Kesan kedudukan bersiri menerangkan bahawa kita mengingati item pertama dan terakhir dalam senarai dengan lebih baik.
Contohnya, dalam sesebuah drama, penonton akan lebih mengingati babak pembukaan dan penutup berbanding babak tengah. Prinsip ini secara langsung mempengaruhi reka bentuk antara muka, terutamanya lokasi elemen navigasi.
Pada apl mudah alih, tindakan penting seperti navigasi sering diletakkan di bahagian atas atau bawah skrin, memastikan kebolehaksesan dan hafalannya.
Bagaimana untuk mengaplikasikannya?
- Utamakan elemen utama dalam menu navigasi.
- Gunakan lokasi strategik untuk sepanduk, pemberitahuan dan promosi.
5. Undang-undang Fitts: Buat Klik Mudah
Undang-undang Fitts menyatakan bahawa masa yang diambil untuk mencapai sasaran bergantung kepada saiznya dan jarak yang perlu ditempuhi.
Dalam UX, ini bermakna bahawa lebih besar dan lebih dekat elemen interaktif, lebih mudah untuk mengklik atau menyentuh. Contohnya, kad produk dengan imej dan teks harus boleh diklik sepenuhnya dan bukannya menghadkan interaksi kepada butang kecil "Lihat Butiran".
Bagaimana untuk mengaplikasikannya?
- Pastikan butang dan elemen interaktif cukup besar untuk diketik dengan mudah pada mudah alih.
- Sediakan jarak yang mencukupi antara elemen interaktif untuk mengelakkan kesilapan klik.
Kesimpulan
Menggunakan prinsip psikologi pada UX/UI bukan hanya mengenai estetika – ia mengenai mereka bentuk pengalaman yang selaras dengan cara pengguna berfikir dan berinteraksi dengan digital. Berikut adalah ringkasan lima prinsip yang diliputi:
- Hukum Hick : Kurangkan pilihan untuk mempercepatkan membuat keputusan.
- Beban kognitif : Kurangkan usaha mental dengan reka bentuk yang jelas dan intuitif.
- Kesan Von Restorff : Gunakan kontras untuk menyerlahkan elemen penting.
- Kesan kedudukan bersiri : Letakkan maklumat penting di lokasi strategik.
- Undang-undang Fitts : Jadikan elemen interaktif lebih mudah untuk diakses dan digunakan.
Sudah tentu, terdapat banyak prinsip psikologi lain yang mempengaruhi UX/UI, tetapi dengan memasukkan lima konsep ini ke dalam kerja anda, anda akan mencipta produk yang lebih intuitif dan dihargai oleh pengguna.
Aki Matsunaga, pereka bentuk UX/UI dan pereka produk di UX-Republic
