Penerapan Teori prinsip Gestalt Continuity Dalam Desain User Interface (UI) #Part 3

0
dalam prinsip gestalt Continuity mata manusia bergerak mengikuti bentuk urutan garis untuk menentukan gubungan antar elemen/ objek , dimana bisanya kita akan melihat garis horizontal diatas sebagai satu kesatuan dan garis melengkung orange diatas juga satu kesatuan. sehingga user paham bahwa suatu elemen tersebut memiliki konten/ elemen yang berkelanjutan , coba sahabat dutors perhatikan lagi c
dalam prinsip gestalt Continuity mata manusia bergerak mengikuti bentuk urutan garis untuk menentukan gubungan antar elemen/ objek , dimana bisanya kita akan melihat garis horizontal diatas sebagai satu kesatuan dan garis melengkung orange diatas juga satu kesatuan. sehingga user paham bahwa suatu elemen tersebut memiliki konten/ elemen yang berkelanjutan , coba sahabat dutors perhatikan lagi c

Dalam membuat sebuah User Interface yang baik kita perlu memperhatikan prinsip psikologi Gestalt. Dalam artikel sebelumnya kita sudah membahas mengenai prinsip Similarity jangan lupa untuk cek part #2 sebelumnya DISINI

“The whole is other than the sum of the parts.” — Kurt Koffka

yang dalam bahasa indonesia artinya “Keseluruhan adalah selain jumlah dari bagian-bagiannya.” – kurt koffa .

Continuity

dalam prinsip gestalt Continuity mata manusia bergerak mengikuti bentuk urutan garis untuk menentukan gubungan antar elemen/ objek , dimana bisanya kita akan melihat garis horizontal diatas sebagai satu kesatuan dan garis melengkung orange diatas juga satu kesatuan. sehingga user paham bahwa suatu elemen tersebut memiliki konten/ elemen yang berkelanjutan , coba sahabat dutors perhatikan lagi c
contoh gambar ilustrasi prinsip gestalt Continuity

dalam prinsip gestalt Continuity mata manusia bergerak mengikuti bentuk urutan garis untuk menentukan gubungan antar elemen/ objek , dimana bisanya kita akan melihat garis horizontal diatas sebagai satu kesatuan dan garis melengkung orange diatas juga satu kesatuan. sehingga user paham bahwa suatu elemen tersebut memiliki konten/ elemen yang berkelanjutan , coba sahabat dutors perhatikan lagi contoh dibawah. atau singkatnya garis lurus tetap kita anggap lurus walaupun beda warna.

dalam prinsip gestalt Continuity mata manusia bergerak mengikuti bentuk urutan garis untuk menentukan gubungan antar elemen/ objek , dimana bisanya kita akan melihat garis horizontal diatas sebagai satu kesatuan dan garis melengkung orange diatas juga satu kesatuan. sehingga user paham bahwa suatu elemen tersebut memiliki konten/ elemen yang berkelanjutan , coba sahabat dutors perhatikan lagi c
contoh prinsip gestalt Continuity pada mobile

kalau sahabat perhatikan gambar 1 memiliki perbedaan dengan gambar kedua, tepatnya pada gambar pertama terlihat ada sedikit design yang menyatakan bahwa elemen tersebut memiliki konten yang berkelanjutan dibawahnya , sehingga user paham dan bila ingin mencari hotel lain sudah paham bahwa hanya tinggal Scroll down dan menemukan hasilnya. Sedangkan gambar kedua sebenrnya juga memiliki konten berkelanjutan dibawahnya tapi tidak terlihat oleh pengguna sehingga kita tidak tahu bahwa konten hotel tersebut bisa di scroll down anggapan kita hanya 2 hotel saja.

dalam prinsip gestalt Continuity mata manusia bergerak mengikuti bentuk urutan garis untuk menentukan gubungan antar elemen/ objek , dimana bisanya kita akan melihat garis horizontal diatas sebagai satu kesatuan dan garis melengkung orange diatas juga satu kesatuan. sehingga user paham bahwa suatu elemen tersebut memiliki konten/ elemen yang berkelanjutan , coba sahabat dutors perhatikan lagi c
contoh prinsip gestalt Continuity dalam website ecommerce

Contoh lain seperti website e-commerce yang satu ini KLIK siapa coba yang tidaki kenal pada e-commerce yang satu ini, pastinya sahabat pernah berbelanja online minimal sekali disini , ataupun kerabat dekatnya pasti pernah berbelanja online ditempat ini. selain memiliki harga barang yang relatif murah website ini juga menerapkan prinsip gestalt Continuity dimana dengan menambahkan icon panah disetiap akhir barang. kita sebagai user tahu bahwa konten/gambar jaket diatas memiliki jenis konten carousel dimana masih banyak terdapat konten lain disebelahnya. sehingga lagi-lagi user dapat mengetahui dengan mudah dan langsung dengan gampang memahami isi website/mobile app yang telah kita buat.

Baca Juga :  UI design part 4# Tipografi dasar sesuai designmu.

Jadi dengan menerapkan prinsip Continuity user/pengguna sehingga lagi-lagi user dapat mengetahui dengan mudah dan langsung dengan gampang memahami isi website/mobile app yang telah kita buat. Semoga bermanfaat dan tunggu part 4 nya ya….

Salam Dutormasi !!!