Mundarija
UX va o'zaro ta'sir dizayni sohalarida eng ta'sirli psixologik nazariyalardan biri Gestalt nazariyasidir. Nazariya nemis psixologlari tomonidan asos solingan va "Gestalt" so'zi nemis tilida shakl yoki shakl degan ma'noni bildiradi. Nomidan ko'rinib turibdiki, Gestalt tamoyillarining g'oyasi shundaki, odamlar ob'ektlar guruhlarini alohida ob'ektlar emas, balki naqshlar sifatida qabul qiladilar.
Gestalt tamoyillari haqida ko'plab maqolalar mavjud, ammo ularning ko'pi sizga qanday qilishni tushunishga yordam bermaydi. ularni UX/UI dizayneri sifatida ishingizda qo'llang. Ushbu maqola sizga Gestalt tamoyillaridan yaxshiroq UX va UI dizaynlarini yaratish uchun qanday foydalanish bo'yicha ba'zi g'oyalarni beradi, bu odamlarga kamroq kuch sarflagan holda maqsadlariga erishishga yordam beradi.
O'xshashlik qonuni
O'xshashlik printsipi shuni ko'rsatadiki, agar ob'ektlar jismoniy jihatdan o'xshash bo'lsa, biz ularni birga guruhlashga intilamiz va ular ga ega deb hisoblaymiz. bir xil funksionallik . Misol uchun, quyidagi rasmda bordo-qizil doiralarni o'z ichiga olgan chiziqni boshqa rang tufayli tasvirning qolgan qismidan ajratish juda oson.
O'xshashlik tamoyiliga misol. Muallif surati.
UX va UI dizaynida o'xshashlikdan foydalanish
Tasavvur qilaylik, sizning kompaniyangiz "Il Mio Chef" deb nomlangan ilovadan AQSh va Kanadadagi italyan taomlari ishqibozlari foydalanadi (Biz undanushbu maqolaning qolgan qismi). Yaqinda UX tadqiqotchisi sizga topshirgan hisobotda aytilishicha, italyan taomlariga buyurtma berish haqida gap ketganda, foydalanuvchilar asosan qaysi restoranlar ularga eng yaqin ekanligiga e'tibor berishadi. Axir, biz hammamiz lazanya yoki pitsani hali yangi va iliq holda yetkazib berishni xohlaymiz, shunday emasmi?
Ilova foydalanuvchilariga qaysi restoranlar ularga eng yaqin ekanligini ko‘rishga yordam berish uchun biz UIda ushbu restoranlarni ajratib ko'rsatish orqali o'xshashlik tamoyilidan foydalanishi mumkin. Quyidagi rasmda siz ushbu variantlarni sariq rangda (o'ngda) ajratib ko'rsatish eng yaqin va uzoqroqdagi restoranlar o'rtasidagi farqni vizual tarzda ta'kidlash orqali qanday katta farq qilishini ko'rishingiz mumkin. O'xshashlik tamoyilidan foydalanuvchilarga qidirayotgan narsalarini tezda topishga yordam berish uchun shunday foydalanishingiz mumkin.
O'xshashlikning Gestalt tamoyilidan foydalanish. Muallif surati.
Yaqinlik qonuni
Yaqinlik printsipi bir-biriga yaqin joylashgan ob'ektlar ko'proq bo'lib ko'rinishini bildiradi. bir-biridan uzoqroq joylashgan ob'ektlarga nisbatan bog'liq. Masalan, birinchi rasm va ikkinchi rasmda bir xil miqdordagi doiralar mavjud. Biroq, ikkinchi rasmda ma'lum ustunlar bir-biriga yaqinroq bo'lib, bitta katta guruh o'rniga uchta alohida guruhga ega bo'lgandek taassurot qoldiradi.
Yaqinlik - 1-misol - katta guruh. Muallif tomonidan tasvir.
Yaqinlik - 2-misol - uchta alohida guruh. Muallif tomonidan tasvir.
UX va UI dizaynida yaqinlikdan foydalanish
Shuningdek qarang: Illustrator-da rasmni vektorizatsiya qilish
Mahalladan misol keltiraylik
Bu safar siz "Il Mio Chef" ilovasi qanday ishlashini ko'rmoqchi bo'lgan rahbar ekanligingizni tasavvur qilaylik. Siz moliyaviy samaradorlikni, foydalanuvchilarning ishtirokini va qoniqishni o'lchaydigan KPIlarni ko'rib chiqmoqchisiz. Avvaliga ma'lumotni vizualizatsiya qilish bo'yicha mutaxassisingiz quyidagi boshqaruv panelini yaratadi, bu sizni va boshqa barcha rahbarlarni raqamlarda adashib qolishga va yanada ko'proq savollar berishga majbur qiladi. Bir oy o'tgach, ko'pchiligingiz ushbu asboblar panelidan foydalanishni butunlay to'xtatasiz.
KPI asboblar paneli - Il Mio Chef. Muallif tomonidan tasvir.
Ushbu vaqtda siz ma'lumotni vizualizatsiya qilish bo'yicha mutaxassisingizga qaytasiz va undan asboblar panelini qayta loyihalash orqali odamlarga katta rasmni tushunishlarini osonlashtirishini so'rang. Bu holda yaqinlik printsipi yordam beradi va siz quyida yangi dizaynni ko'rishingiz mumkin. U KPI turiga bo'lingan uchta guruhni o'z ichiga oladi va u barchaga ilovaning moliyaviy ko'rsatkichlar, ishtirok etish va qoniqish nuqtai nazaridan qanday ishlashini tushunishga yordam beradi. Ob'ektlarni birgalikda guruhlash va guruhlar o'rtasida ko'proq bo'sh joydan foydalanish foydalanuvchilarga ma'lumotni tezroq hazm qilishga yordam beradi.
Boshqaruv panelini loyihalashda Gestalt yaqinlik tamoyilidan foydalanish. Tasvir muallifi.
The Law ofDavomiylik
Uzluksizlik printsipi shuni ko'rsatadiki, ko'z ob'ektni kuzatib borishni boshlagandan so'ng, u boshqa ob'ektga duch kelmaguncha, bu yo'nalishdagi "harakat" ni kuzatishda davom etadi. Bu harakat bizga ob'ektni ma'lumot topish uchun o'tishimiz kerak bo'lgan xuddi shu yo'lning bir qismi sifatida qabul qilishimizga yordam beradi. Quyidagi rasmda ko'zni ma'lum bir yo'nalishda boshqaradigan bunday vizual naqshlarni yaratish uchun uzluksizlik printsipidan qanday foydalanishimiz mumkinligi ko'rsatilgan.
Shuningdek qarang: Brend identifikatori dizayni nima?
Uzluksizlik printsipiga misol. Muallif rasmi.
UX va UI dizaynida uzluksizlikdan foydalanish
UX tadqiqotchisi yangi hisobot taqdim etdi. Foydalanuvchilarning "Il Mio Chef" ilovasidan foydalanishlari uchun asosiy motivatsiya oziq-ovqat mahsulotlarini o'rganishdir, chunki bu ularga har hafta yangi italyan taomlari restoranlariga kirish imkonini beradi. Quyidagi rasmda (chap tomonda) joriy UI dizayni bilan odamlar oʻz imkoniyatlarini necha marta surishlarini koʻrsatadigan koʻrsatkichga qaraysiz va ular uchun qanday imkoniyatlar mavjudligini koʻrish uchun ular hech qachon oʻrtacha ikki martadan koʻproq surmasliklarini koʻrasiz.
Uzluksizlik printsipidan foydalangan holda (quyidagi rasmning o'ng tomonida) sizning UX dizayneringiz bu sonni o'rtacha 10 ga yaqin surishgacha oshirishga yordam berdi. Bu qanday sodir bo'ldi? Tasvirning bir qismini yashirish va uni ta'kidlash orqali u erda nima borligini ko'rish uchun chapga yoki o'ngga suring kerak bo'lgan foydalanuvchilar ko'zlari tom ma'noda "surish" harakatini yaratishga yo'naltirilgan va ko'proq edi.ko'proq restoranlar va ular taklif qilayotgan narsalarni o'rganishga undadi. Bu oldingi dizayn sizni umuman qilishga undamagan, garchi tabiatan bunga rag'batlansangiz ham.
UX/UI dizaynida Gestalt uzluksizligi tamoyilidan foydalanish. Muallifning rasmi.
Xulosa qilish uchun , UX va UI dizayningizda ushbu maqolada keltirilgan Gestalt tamoyillaridan foydalanish foydalanuvchilarga maʼlumotni tezroq va yaxshiroq hazm qilishga yordam beradi. bu. Bundan tashqari, bu ularni oʻzlari yoqtirgan harakatlarni qilishga undash orqali mahsulotingizdan qoniqishini oshirishi mumkin.
Muqovaga Miklos Philipsning Vectornator-da tahrirlangan sanʼat asarlari kiritilgan.
