Mündəricat
UX və qarşılıqlı əlaqə dizaynı sahələrində ən təsirli psixoloji nəzəriyyələrdən biri Gestalt nəzəriyyəsidir. Nəzəriyyə alman psixoloqları tərəfindən qurulmuşdur və “Gestalt” sözü alman dilində forma və ya forma mənasını verir. Adından da göründüyü kimi, Gestalt prinsiplərinin arxasında dayanan ideya ondan ibarətdir ki, insanlar fərdi obyektlər deyil, obyekt qruplarını nümunə kimi qəbul edirlər.
Gestalt prinsipləri haqqında çoxlu məqalələr var, lakin onların çoxu sizə bunu necə başa düşməyinizə kömək etmir. onları UX/UI dizayneri kimi işinizdə tətbiq edin. Bu məqalə insanlara daha az səylə öz məqsədlərinə çatmağa kömək edəcək daha yaxşı UX və UI dizaynları yaratmaq üçün Gestalt prinsiplərindən necə istifadə etmək barədə bəzi fikirlər verəcəkdir.
Həmçinin bax: Illustrator Qələmi Aləti: Məsləhətlər və FəndlərOxşarlıq Qanunu
Oxşarlıq prinsipi bildirir ki, cisimlər fiziki cəhətdən oxşar olduqda biz onları bir yerə qruplaşdırmağa meyl edirik və onların eyni funksionallıq . Məsələn, aşağıdakı şəkildəki tünd qırmızı dairələrdən ibarət xətti fərqli rəngə görə təsvirin qalan hissəsindən ayırmaq olduqca asandır.
Oxşarlıq prinsipinə bir nümunə. Müəllifin fotosu.
UX və UI Dizaynında Oxşarlığın İstifadəsi
Təsəvvür edək ki, şirkətiniz ABŞ və Kanadada italyan yemək həvəskarları tərəfindən istifadə edilən "Il Mio Chef" adlı proqram (Biz ondan istifadə edəcəyik.bu məqalənin qalan hissəsi). UX tədqiqatçınızın sizə təqdim etdiyi son hesabatda deyilir ki, İtalyan yeməkləri sifariş etməyə gəldikdə, istifadəçilər əsasən hansı restoranların onlara ən yaxın olduğuna diqqət yetirirlər. Axı biz hamımız lazanya və ya pizzamızın hələ təzə və isti olduğu halda çatdırılmasını istərdik, elə deyilmi?
Tətbiq istifadəçilərimizə hansı restoranların onlara ən yaxın olduğunu görməyə kömək etmək üçün biz UI-də bu restoranları vurğulamaqla oxşarlıq prinsipindən istifadə edə bilər. Aşağıdakı şəkildə siz bu variantların sarı rənglə vurğulanmasının (sağda) ən yaxın restoranlarla daha uzaqda olanlar arasındakı fərqi vizual olaraq vurğulamaqla necə böyük fərq yaratdığını görə bilərsiniz. İstifadəçilərinizə axtardıqlarını tez tapmağa kömək etmək üçün oxşarlıq prinsipindən belə istifadə edə bilərsiniz.
Oxşarlığın Gestalt prinsipindən istifadə etməklə. Müəllifin şəkli.
Yaxınlıq Qanunu
Yaxınlıq prinsipi bildirir ki, bir-birinə yaxın olan obyektlər daha çox görünür. bir-birindən daha uzaqda olan obyektlərə nisbətən əlaqəlidir. Məsələn, birinci və ikinci təsvirdə eyni sayda dairələr var. Bununla belə, ikinci şəkildə müəyyən sütunlar bir-birinə daha yaxındır və bir böyük qrup əvəzinə üç fərqli qrupa malik olduğu təəssüratı yaradır.
Yaxınlıq - nümunə 1 - böyük qrup. Şəkil müəllif tərəfindən.
Yaxınlıq - misal 2 - üç fərqli qrup. Şəkil müəllif tərəfindən.
UX və UI dizaynında yaxınlıqdan istifadə
Gəlin sahədən bir nümunə götürək məlumatın vizuallaşdırılması.
Bu dəfə "Il Mio Chef" tətbiqinizin necə fəaliyyət göstərdiyini görmək istəyən bir rəhbər olduğunuzu təsəvvür edək. Siz maliyyə performansını, istifadəçi cəlbini və məmnuniyyətini ölçən KPI-lərə baxmaq istəyirsiniz. Əvvəlcə məlumatın vizuallaşdırılması üzrə mütəxəssisiniz aşağıdakı tablosunu yaradır ki, bu da sizi və bütün digər rəhbərləri rəqəmlər arasında azmağa və daha çox sual verməyə məcbur edir. Bir aydan sonra çoxunuz bu tablosundan istifadə etməyi tamamilə dayandırırsınız.
Həmçinin bax: 4.6-nın Avtomatik İzləmə Eskiz Rejiminin arxasında duran komanda
KPI idarə paneli - Il Mio Chef. Şəkil müəllif tərəfindən.
Bu zaman siz məlumatın vizuallaşdırılması üzrə mütəxəssisinizə qayıdırsınız və ondan idarə panelini yenidən dizayn etməklə insanların böyük mənzərəni başa düşməsini asanlaşdırmasını xahiş edirsiniz. Bu vəziyyətdə yaxınlıq prinsipi kömək edir və aşağıda yeni dizaynı görə bilərsiniz. Bu, KPI növünə görə bölünən üç qrupdan ibarətdir və o, hər kəsə tətbiqin maliyyə performansı, məşğulluq və məmnunluq baxımından necə olduğunu anlamağa kömək edir. Obyektləri bir yerdə qruplaşdırmaq və qruplar arasında daha çox boşluqdan istifadə etmək istifadəçilərinizə məlumatı daha tez həzm etməyə kömək edə bilər.
İdarə panelinin dizaynında Gestalt yaxınlıq prinsipindən istifadə. Müəllifin şəkli.
The Law OfDavamlılıq
Davamlılıq prinsipi bildirir ki, göz bir cismi izləməyə başladıqdan sonra başqa bir obyektlə qarşılaşana qədər həmin istiqamətdəki “hərəkəti” izləməyə davam edəcək. Bu hərəkət bizə obyekti məlumat tapmaq üçün keçməli olduğumuz yolun bir hissəsi kimi qəbul etməyə kömək edir. Aşağıdakı şəkil, gözü müəyyən bir istiqamətə yönəldən belə vizual nümunələr yaratmaq üçün davamlılıq prinsipindən necə istifadə edə biləcəyimizi göstərir.
Davamlılıq prinsipinin nümunəsi. Müəllifin şəkli.
UX və UI Dizaynında Davamlılığın İstifadəsi
UX tədqiqatçınız yeni hesabat təqdim etdi. istifadəçilər üçün "Il Mio Chef" tətbiqindən istifadə etmək üçün əsas motivasiya qida kəşfiyyatıdır, çünki bu, onlara hər həftə yeni İtalyan yemək restoranlarına daxil olmaq imkanı verir. Aşağıdakı şəkildə (sol tərəfdə) cari UI dizaynı ilə insanların seçimlərini neçə dəfə sürüşdürdüyünü göstərən metrikaya baxırsınız və onlar üçün hansı seçimlərin mövcud olduğunu görmək üçün heç vaxt orta hesabla iki dəfədən çox sürüşdürmədiklərini görürsünüz.
Davamlılıq prinsipindən istifadə edərək (aşağıdakı şəkildə sağ tərəfdə) UX dizayneriniz bu rəqəmi orta hesabla təxminən 10 sürüşdürməyə qədər artırmağa kömək etdi. Bu necə oldu? Şəklin bir hissəsini gizlətməklə və orada nə olduğunu görmək üçün sola və ya sağa sürüşdürməyiniz lazım olduğunu vurğulamaqla, istifadəçilərinizin gözləri sözün əsl mənasında “sürüşdürmə” hərəkətini yaratmağa yönəldildi və daha çox oldu.daha çox restoran və onların təklif etdiklərini araşdırmaq üçün motivasiya. Bu, əvvəlki dizaynın sizi buna həvəsləndirmədiyi bir şeydir, hətta siz artıq buna həvəsli olsanız belə.
UX/UI dizaynında Gestalt davamlılıq prinsipindən istifadə. Müəllifin şəkli.
Xülasə , UX və UI dizaynınızda bu məqalədə təqdim olunan Gestalt prinsiplərindən istifadə istifadəçilərinizə məlumatı daha sürətli və daha yaxşı həzm etməyə kömək edə bilər. o. Bundan əlavə, bu, onları ən çox sevdikləri hərəkətləri etməyə həvəsləndirərək məhsulunuzdan məmnunluğunu artıra bilər.
Qapıya Miklos Philips tərəfindən Vectornator-da redaktə edilmiş sənət əsərləri daxildir.
