Apa Saja Prinsip-prinsip Gestalt & Bagaimana Menerapkannya

Salah satu teori psikologi yang paling berpengaruh dalam bidang UX dan desain interaksi adalah teori Gestalt. Teori ini ditemukan oleh psikolog Jerman dan kata "Gestalt" berarti formulir atau bentuk Sesuai dengan namanya, ide di balik prinsip-prinsip Gestalt adalah bahwa manusia melihat kelompok objek sebagai pola daripada objek individual.

Ada banyak artikel tentang prinsip-prinsip Gestalt, tetapi tidak banyak yang membantu Anda memahami cara menerapkannya dalam pekerjaan Anda sebagai desainer UX/UI. Artikel ini akan memberi Anda beberapa ide tentang cara menggunakan prinsip-prinsip Gestalt untuk membuat desain UX dan UI yang lebih baik yang akan membantu orang mencapai tujuan mereka dengan sedikit usaha.

Hukum Kesamaan

Prinsip Kesamaan menyatakan bahwa ketika objek secara fisik mirip, kita cenderung untuk mengelompokkan mereka bersama dan berasumsi bahwa mereka memiliki fungsionalitas yang sama Contohnya, pada gambar di bawah ini, cukup mudah untuk membedakan garis yang berisi lingkaran merah anggur dari bagian gambar lainnya, karena warnanya yang berbeda.

Contoh prinsip kesamaan. foto oleh penulis.

Menggunakan Kemiripan Dalam Desain UX dan UI

Bayangkan perusahaan Anda mengembangkan aplikasi bernama "Il Mio Chef" yang digunakan oleh para penggemar makanan Italia di seluruh AS dan Kanada (Kami akan menggunakannya untuk sisa artikel ini). Laporan terbaru dari peneliti UX Anda yang diberikan kepada Anda menyatakan bahwa dalam hal memesan makanan Italia, sebagian besar pengguna sangat memperhatikan restoran mana yang paling dekat dengan mereka. Lagi pula, kita semua pasti ingin memilikilasagna atau pizza yang diantarkan selagi masih segar dan hangat, bukan?

Untuk memudahkan pengguna aplikasi kami melihat restoran mana yang paling dekat dengan mereka, kami dapat menggunakan prinsip kemiripan dengan menyorot restoran-restoran ini di UI. Pada gambar di bawah ini, Anda dapat melihat bagaimana menyorot opsi-opsi ini dengan warna kuning (di sebelah kanan) membuat perbedaan besar dengan menekankan secara visual perbedaan antara restoran terdekat dan restoran yang lebih jauh.dapat menggunakan prinsip kemiripan untuk membantu pengguna Anda dengan cepat menemukan apa yang mereka cari.

Menggunakan prinsip kemiripan Gestalt. Gambar oleh penulis.

Hukum Kedekatan

Prinsip Kedekatan menyatakan bahwa objek yang terletak berdekatan satu sama lain tampaknya lebih terkait Sebagai contoh, gambar pertama dan gambar kedua memiliki jumlah lingkaran yang sama, namun pada gambar kedua, kolom-kolom tertentu lebih dekat satu sama lain, sehingga menimbulkan kesan bahwa ada tiga kelompok yang berbeda, alih-alih hanya satu kelompok besar.

Kedekatan - contoh 1 - kelompok besar. Gambar oleh penulis.

Kedekatan - contoh 2 - tiga kelompok yang berbeda. Gambar oleh penulis.

Menggunakan Kedekatan Dalam Desain UX dan UI

Mari kita ambil contoh dari bidang visualisasi informasi.

Kali ini, bayangkan Anda seorang eksekutif yang ingin melihat kinerja aplikasi "Il Mio Chef" Anda. Anda ingin melihat KPI yang mengukur kinerja keuangan, keterlibatan pengguna, dan kepuasan. Pada awalnya, spesialis visualisasi informasi Anda membuat dasbor di bawah ini yang membuat Anda dan semua eksekutif lainnya tersesat dalam angka-angka dan mengajukan lebih banyak pertanyaan. Setelah satu bulan, banyak di antara Andahentikan saja penggunaan dasbor ini sama sekali.

Dasbor KPI - Il Mio Chef. Gambar oleh penulis.

Pada titik ini, Anda kembali ke spesialis visualisasi informasi dan memintanya untuk mempermudah orang memahami gambaran besar dengan mendesain ulang dasbor. Prinsip kedekatan sangat berguna dalam kasus ini, dan Anda dapat melihat desain baru di bawah ini. Dasbor ini berisi tiga kelompok yang dibagi berdasarkan jenis KPI dan membantu semua orang memahami bagaimana kinerja aplikasi dalam hal keuanganMengelompokkan objek bersama dan menggunakan lebih banyak ruang kosong di antara kelompok dapat membantu pengguna Anda mencerna informasi lebih cepat.

Menggunakan prinsip Gestalt tentang kedekatan dalam desain dasbor. Gambar oleh penulis.

Hukum Kontinuitas

Prinsip Kontinuitas menyatakan bahwa begitu mata mulai mengikuti sebuah objek, mata akan terus mengikuti "gerakan" ke arah tersebut hingga bertemu dengan objek lain. Gerakan ini membantu kita melihat objek sebagai bagian dari jalur yang sama yang harus kita lalui untuk menemukan informasi. Gambar di bawah ini menunjukkan bagaimana kita dapat menggunakan prinsip kontinuitas untuk menciptakan pola visual yang memandumata ke arah tertentu.

Contoh prinsip Kontinuitas. Gambar oleh penulis.

Menggunakan Kontinuitas Dalam Desain UX dan UI

Peneliti UX Anda mempresentasikan laporan baru yang menunjukkan bahwa motivasi utama pengguna untuk menggunakan aplikasi "Il Mio Chef" adalah eksplorasi makanan, karena aplikasi ini memungkinkan mereka mengakses restoran makanan Italia yang baru setiap minggunya. Anda melihat metrik yang menunjukkan berapa kali orang menggesek pilihan mereka dengan desain UI saat ini pada gambar di bawah ini (sisi kiri) dan melihat bahwa mereka tidak pernah menggesek lebih dari dua kali padarata-rata untuk melihat opsi apa saja yang tersedia bagi mereka.

Dengan menggunakan prinsip kontinuitas (sisi kanan pada gambar di bawah), desainer UX Anda membantu meningkatkan jumlah tersebut menjadi rata-rata sekitar 10 kali gesekan. Bagaimana hal itu bisa terjadi? Dengan menyembunyikan sebagian gambar dan menyoroti fakta bahwa Anda harus menggeser ke kiri atau ke kanan untuk melihat apa yang ada di dalamnya, mata pengguna Anda dipandu untuk benar-benar membuat gerakan "gesek" dan lebih termotivasi untuk menjelajahi lebih banyak restoran danIni adalah sesuatu yang sama sekali tidak dimotivasi oleh desain sebelumnya, meskipun Anda sudah termotivasi untuk melakukannya, bahkan jika Anda sudah termotivasi secara inheren untuk melakukannya.

Menggunakan prinsip kontinuitas Gestalt dalam desain UX/UI. Gambar oleh penulis.

Singkatnya menggunakan prinsip-prinsip Gestalt yang disajikan dalam artikel ini dalam desain UX dan UI Anda dapat membantu pengguna menemukan informasi lebih cepat dan mencernanya dengan lebih baik. Selain itu, hal ini dapat meningkatkan kepuasan mereka dengan produk Anda dengan memotivasi mereka untuk melakukan tindakan yang paling mereka sukai.

‍

Sampul depan menampilkan karya seni oleh Miklos Philips, yang diedit di Vectornator.