Apakah Prinsip Gestalt & Cara Memohon Mereka

Isi kandungan

Salah satu teori psikologi yang paling berpengaruh dalam bidang UX dan reka bentuk interaksi ialah teori Gestalt. Teori ini diasaskan oleh ahli psikologi Jerman dan perkataan "Gestalt" bermaksud bentuk atau bentuk dalam bahasa Jerman. Seperti namanya, idea di sebalik prinsip Gestalt ialah manusia menganggap kumpulan objek sebagai corak dan bukannya objek individu.

Terdapat banyak artikel tentang prinsip Gestalt tetapi tidak begitu banyak daripada mereka yang membantu anda memahami cara untuk gunakannya dalam kerja anda sebagai pereka bentuk UX/UI. Artikel ini akan memberi anda beberapa idea tentang cara menggunakan prinsip Gestalt untuk mencipta reka bentuk UX dan UI yang lebih baik yang akan membantu orang ramai mencapai matlamat mereka dengan kurang usaha.

Hukum Persamaan

Prinsip Persamaan menyatakan bahawa apabila objek secara fizikal serupa kita cenderung untuk menghimpunkannya bersama dan menganggap ia mempunyai fungsi yang sama . Sebagai contoh, dalam imej di bawah agak mudah untuk membezakan garisan yang mengandungi bulatan merah burgundy daripada imej yang lain kerana warnanya yang berbeza.

Contoh prinsip persamaan. Foto oleh pengarang.

Menggunakan Persamaan Dalam Reka Bentuk UX Dan UI

Mari bayangkan syarikat anda membangunkan apl yang dipanggil "Il Mio Chef'' yang digunakan oleh penggemar makanan Itali di seluruh AS dan Kanada (Kami akan menggunakannya untukselebihnya artikel ini). Laporan baru-baru ini yang diserahkan oleh penyelidik UX anda kepada anda menyatakan bahawa apabila ia datang untuk memesan makanan Itali, pengguna kebanyakannya mengambil berat tentang restoran mana yang paling dekat dengan mereka. Lagipun, kita semua mahukan lasagna atau piza kita dihantar semasa ia masih segar dan hangat, bukan?

Untuk memudahkan pengguna apl kami melihat restoran mana yang paling hampir dengan mereka, kami boleh menggunakan prinsip persamaan dengan menyerlahkan restoran ini dalam UI. Dalam imej di bawah, anda boleh melihat cara menyerlahkan pilihan ini dalam warna kuning (di sebelah kanan) membuat perbezaan yang besar dengan menekankan perbezaan secara visual antara restoran yang terdekat dan yang lebih jauh. Beginilah cara anda boleh menggunakan prinsip persamaan untuk membantu pengguna anda mencari dengan cepat perkara yang mereka cari.

Menggunakan prinsip persamaan Gestalt. Imej oleh pengarang.

The Law Of Proximity

Prinsip Kedekatan menyatakan bahawa objek yang terletak berdekatan antara satu sama lain nampak lebih berkaitan daripada objek yang dijarakkan lebih jauh. Sebagai contoh, imej pertama dan imej kedua mempunyai jumlah bulatan yang sama di dalamnya. Walau bagaimanapun, dalam imej kedua lajur tertentu lebih rapat antara satu sama lain dan mencipta kesan mempunyai tiga kumpulan berbeza dan bukannya satu kumpulan besar.

Kedekatan - contoh 1 - kumpulan besar. Imej oleh pengarang.

Kedekatan - contoh 2 - tiga kumpulan berbeza. Imej oleh pengarang.

Menggunakan Proximity Dalam Reka Bentuk UX Dan UI

Mari kita ambil contoh dari medan visualisasi maklumat.

Kali ini, mari bayangkan anda seorang eksekutif yang ingin melihat prestasi apl “Il Mio Chef” anda. Anda ingin melihat KPI yang mengukur prestasi kewangan, penglibatan pengguna dan kepuasan. Pada mulanya, pakar visualisasi maklumat anda mencipta papan pemuka di bawah yang membuatkan anda dan semua eksekutif lain tersesat dalam nombor dan bertanya lebih banyak soalan. Selepas sebulan, ramai di antara anda berhenti menggunakan papan pemuka ini sama sekali.

Papan pemuka KPI - Chef Il Mio. Imej oleh pengarang.

Lihat juga: Bagaimana Menggambar Bunga Mawar

Pada ketika ini anda kembali kepada pakar visualisasi maklumat anda dan minta dia memudahkan orang ramai memahami gambaran besar dengan mereka bentuk semula papan pemuka. Prinsip kedekatan berguna dalam kes ini, dan anda boleh melihat reka bentuk baharu di bawah. Ia mengandungi tiga kumpulan dibahagikan mengikut jenis KPI dan ia membantu semua orang memahami prestasi aplikasi dari segi prestasi kewangan, penglibatan dan kepuasan. Mengumpulkan objek bersama dan menggunakan lebih banyak ruang putih antara kumpulan boleh membantu pengguna anda mencerna maklumat dengan lebih cepat.

Menggunakan prinsip kedekatan Gestalt dalam reka bentuk papan pemuka. Imej oleh pengarang.

The Law OfKesinambungan

Prinsip Kesinambungan menyatakan bahawa sebaik sahaja mata mula mengikuti objek, ia akan terus mengikuti "pergerakan" ke arah itu sehingga ia bertemu dengan objek lain. Pergerakan ini membantu kita melihat objek sebagai sebahagian daripada laluan yang sama yang perlu kita lalui untuk mencari maklumat. Imej di bawah menunjukkan cara kita boleh menggunakan prinsip kesinambungan untuk mencipta corak visual sedemikian yang membimbing mata ke arah tertentu.

Contoh prinsip Kesinambungan. Imej oleh pengarang.

Lihat juga: Warna dalam Harmoni: Temu bual dengan Tanglong

Menggunakan Kesinambungan Dalam Reka Bentuk UX Dan UI

Penyelidik UX anda membentangkan laporan baharu yang menunjukkan bahawa motivasi utama bagi pengguna untuk menggunakan aplikasi "Il Mio Chef" ialah penerokaan makanan, kerana ia membolehkan mereka mengakses restoran makanan Itali baharu setiap minggu. Anda melihat metrik yang menunjukkan kekerapan orang meleret melalui pilihan mereka dengan reka bentuk UI semasa dalam imej di bawah (sebelah kiri) dan melihat bahawa mereka tidak pernah meleret lebih daripada dua kali secara purata untuk melihat pilihan yang tersedia untuk mereka.

Menggunakan prinsip kesinambungan (sebelah kanan pada imej di bawah) pereka bentuk UX anda telah membantu meningkatkan bilangan itu kepada kira-kira 10 leretan secara purata. Bagaimana ia berlaku? Dengan menyembunyikan sebahagian daripada imej dan menyerlahkan fakta, anda perlu meleret ke kiri atau kanan untuk melihat apa yang ada di sana, mata pengguna anda dibimbing untuk membuat pergerakan "leret" secara literal dan lebih banyak lagi.bermotivasi untuk meneroka lebih banyak restoran dan apa yang mereka tawarkan. Ini adalah sesuatu reka bentuk yang lebih awal tidak mendorong anda untuk melakukannya sama sekali, walaupun anda sememangnya sudah bermotivasi untuk berbuat demikian.

Menggunakan prinsip kesinambungan Gestalt dalam reka bentuk UX/UI. Imej oleh pengarang.

Ringkasnya , menggunakan prinsip Gestalt yang dibentangkan dalam artikel ini dalam reka bentuk UX dan UI anda boleh membantu pengguna anda mencari maklumat dengan lebih pantas dan menghadam dengan lebih baik ia. Selain itu, ia boleh meningkatkan kepuasan mereka terhadap produk anda dengan memotivasikan mereka untuk mengambil tindakan yang paling mereka sukai.

‍

Sampul muka termasuk karya seni oleh Miklos Philips, disunting dalam Vectornator.

Rick Davis

Rick Davis ialah pereka grafik berpengalaman dan artis visual dengan lebih 10 tahun pengalaman dalam industri. Beliau telah bekerja dengan pelbagai pelanggan, daripada syarikat permulaan kecil kepada syarikat besar, membantu mereka mencapai matlamat reka bentuk mereka dan meningkatkan jenama mereka melalui visual yang berkesan dan memberi kesan.Lulusan Sekolah Seni Visual di New York City, Rick bersemangat untuk menerokai trend dan teknologi reka bentuk baharu, dan sentiasa menolak sempadan apa yang mungkin dalam bidang itu. Beliau mempunyai kepakaran mendalam dalam perisian reka bentuk grafik, dan sentiasa bersemangat untuk berkongsi pengetahuan dan pandangannya dengan orang lain.Selain kerjanya sebagai pereka, Rick juga seorang blogger yang komited, dan berdedikasi untuk membuat liputan tentang trend dan perkembangan terkini dalam dunia perisian reka bentuk grafik. Beliau percaya bahawa perkongsian maklumat dan idea adalah kunci untuk memupuk komuniti reka bentuk yang kuat dan bertenaga, dan sentiasa bersemangat untuk berhubung dengan pereka bentuk dan kreatif lain dalam talian.Sama ada dia mereka bentuk logo baharu untuk pelanggan, bereksperimen dengan alatan dan teknik terkini di studionya, atau menulis catatan blog yang bermaklumat dan menarik, Rick sentiasa komited untuk menyampaikan kerja sebaik mungkin dan membantu orang lain mencapai matlamat reka bentuk mereka.