Skip to main content

1. Laws of UX - Law of Similarity, Law of Uniform Connectedness, Miller’s Law



Capaian Pembelajaran:

1.    Mahasiswa mampu menganalisis konsep-konsep dasar pada Law of Similarity, Law of Uniform Connectedness, Millers Law dalam desain produk

2.    Mahasiswa mampu mengevaluasi desain produk yang ada dengan menggunakan Law of Similarity, Law of Uniform Connectedness, Millers Law


-----------------------------------------------------------------------


Hallo Explorers, kali ini kita akan mempelajari Laws of UX terkait Law of Similarity, Law of Uniform Connectedness, Millers Law


1.    Law of Similarity



Mata manusia cenderung melihat elemen serupa dalam desain sebagai gambar, bentuk, atau kelompok yang lengkap, bahkan jika elemen tersebut dipisahkan.

Elemen yang mirip secara visual akan dianggap terkait. Warna, bentuk, dan ukuran, orientasi dan gerakan dapat memberi sinyal bahwa elemen termasuk dalam kelompok yang sama dan kemungkinan memiliki makna atau fungsi yang sama. Pastikan tautan dan sistem navigasi dibedakan secara visual dari elemen teks normal.

 



Dalam halaman daftar produk, misalnya, setiap daftar produk individual ditampilkan dengan ukuran yang sama (dan dalam bentuk yang sama). Penataan visual yang konsisten inilah yang memberi tahu kita bahwa semua item di area itu adalah produk; ukuran bersama memisahkannya dari elemen UI lain yang berbeda. Ketika sebuah item muncul dalam ukuran atau bentuk yang berbeda dalam daftar ini, item tersebut dianggap tidak termasuk dalam pengelompokan produk. Misalnya, di Anthropologie.com, promosi untuk koleksi produk ditampilkan dengan ukuran dua kali lipat dari daftar produk individu.


2.    Law of Uniform Connectedness



Elemen yang terhubung secara visual dianggap lebih terkait daripada elemen tanpa koneksi.

Kelompokkan fungsi yang sifatnya serupa sehingga terhubung secara visual melalui warna, garis, bingkai, atau bentuk lainnya. Bergantian, Anda dapat menggunakan referensi penghubung nyata (garis, panah, dll) dari satu elemen ke elemen berikutnya untuk juga membuat koneksi visual. Gunakan keterhubungan yang seragam untuk menunjukkan konteks atau untuk menekankan hubungan antara hal-hal yang serupa.




dapat dilihat dalam hasil pencarian Google dengan batas yang mengelilingi item tertentu seperti video dan 'cuplikan unggulan'. Perbatasan ini membantu menghubungkan konten secara visual dan juga memisahkannya dari hasil lain dengan memberikannya sedikit lebih banyak prioritas.


3.    Millers Law



Rata-rata orang hanya dapat menyimpan 7 (plus atau minus 2) item dalam memori kerjanya.

Jangan gunakan "angka ajaib tujuh" untuk membenarkan batasan desain yang tidak perlu. Atur konten menjadi bagian yang lebih kecil untuk membantu pengguna memproses, memahami, dan menghafal dengan mudah. Ingat bahwa kapasitas memori jangka pendek akan bervariasi pada setiap individu, berdasarkan pengetahuan sebelumnya dan konteks situasional.

 

Contoh lain dari chunking yang digunakan secara efektif dalam desain adalah dengan tata letak. Kita dapat menggunakan teknik ini untuk membantu pengguna memahami hubungan dan hierarki yang mendasarinya dengan mengelompokkan konten ke dalam modul khusus. Terutama dalam pengalaman padat informasi, pemotongan dapat dimanfaatkan untuk menyediakan struktur pada konten. Tidak hanya hasilnya lebih menyenangkan secara visual, tetapi juga lebih dapat dipindai.




Chunking dapat mengatur konten untuk membantu pengguna memproses, memahami, dan menghafal dengan mudah. Di sebelah kanan, saya menyoroti bagaimana bloomberg mengelompokkan informasi.

 

Referensi

https://www.nngroup.com/articles/gestalt-similarity/

 

Last modified: Wednesday, 9 August 2023, 11:09 AM