Съдържание
Една от най-влиятелните психологически теории в областта на UX и дизайна на взаимодействието е теорията на Гещалт. Теорията е създадена от немски психолози, а думата "гещалт" означава формуляр или форма Както подсказва името, идеята на принципите на гещалта е, че хората възприемат групи от обекти като модели, а не като отделни обекти.
Вижте също: 11 известни графични дизайнери и художници, които да следвате през 2022 г.Има много статии за принципите на Гещалт, но не толкова много от тях ви помагат да разберете как да ги приложите в работата си като дизайнер на UX/UI. Тази статия ще ви даде някои идеи как да използвате принципите на Гещалт, за да създавате по-добри дизайни на UX и UI, които ще помагат на хората да постигат целите си с по-малко усилия.
Законът за подобието
Принципът на подобието гласи, че когато обектите са физически сходни, ние сме склонни да да ги групирате заедно. и да приемем, че те имат същата функционалност . Например в изображението по-долу е доста лесно да се различи линията, която съдържа бордо червени кръгове, от останалата част на изображението поради различния ѝ цвят.
Пример за принципа на подобието. Снимка на автора.
Използване на сходство в дизайна на UX и UI
Нека си представим, че вашата компания е разработила приложение, наречено "Il Mio Chef", което се използва от любителите на италианската храна в САЩ и Канада (Ще го използваме до края на статията). В скорошен доклад, който вашият UX изследовател ви е предал, се посочва, че когато става въпрос за поръчка на италианска храна, потребителите се интересуват най-вече от това кои са най-близките до тях ресторанти. В крайна сметка всички ние бихме искали да имаме нашителазаня или пица, доставени, докато са още пресни и топли, нали?
За да помогнем на потребителите на приложението да разберат кои ресторанти са най-близо до тях, можем да използваме принципа на сходството, като подчертаем тези ресторанти в потребителския интерфейс. На изображението по-долу можете да видите как подчертаването на тези опции в жълто (вдясно) прави голяма разлика, като визуално подчертава разликата между най-близките ресторанти и тези, които са по-далеч.можете да използвате принципа на сходството, за да помогнете на потребителите си бързо да намерят това, което търсят.
Използване на гещалтския принцип на сходство. Снимка от автора.
Законът за близостта
Принципът на близостта гласи, че обекти, които се намират близо един до друг. изглежда са по-свързани Например първото и второто изображение имат еднакво количество кръгове. Във второто изображение обаче някои колони са по-близо една до друга и създават впечатлението, че има три отделни групи, а не една голяма група.
Вижте също: Как да създадете ръководство за търговската марка на вашия клиентБлизост - пример 1 - голяма група. Снимка от автора.
Близост - пример 2 - три различни групи. Снимка от автора.
Използване на близост в дизайна на UX и UI
Нека вземем пример от областта на визуализацията на информация.
Този път нека си представим, че сте изпълнителен директор, който иска да види как се представя вашето приложение "Il Mio Chef". Искате да разгледате ключовите показатели за ефективност, които измерват финансовите резултати, ангажираността на потребителите и удовлетвореността. Първоначално вашият специалист по визуализация на информацията създава таблото по-долу, което кара вас и всички останали изпълнителни директори да се изгубите в числата и да задавате още повече въпроси. След един месец много от васпросто спрете да използвате това табло за управление изобщо.
Информационно табло за ключови показатели - Il Mio Chef. Снимка от автора.
В този момент се връщате при специалиста си по визуализация на информацията и го молите да улесни хората в разбирането на цялостната картина, като промени дизайна на таблото. Принципът на близостта е полезен в този случай и можете да видите новия дизайн по-долу. Той съдържа три групи, разделени по вида на ключовите показатели за ефективност, и помага на всички да разберат как се справя приложението по отношение на финансовитеГрупирането на обекти заедно и използването на повече бяло пространство между групите може да помогне на потребителите ви да усвояват информацията по-бързо.
Използване на гещалт принципа на близостта при проектирането на табла за управление. Снимка от автора.
Законът за приемствеността
Принципът на приемствеността гласи, че след като окото започне да следва даден обект, то ще продължи да следва "движението" в тази посока, докато не срещне друг обект. Това движение ни помага да възприемем обекта като част от същия път, който трябва да изминем, за да намерим информация. Изображението по-долу показва как можем да използваме принципа на приемствеността, за да създадем такива визуални модели, които насочватпоглед в определена посока.
Пример за принципа на приемствеността. Снимка от автора.
Използване на приемственост в дизайна на UX и UI
Вашият изследовател на UX представи нов доклад, който показва, че основната мотивация на потребителите да използват приложението "Il Mio Chef" е проучването на храната, тъй като то им дава достъп до нови италиански ресторанти всяка седмица. Разглеждате метриката, която показва колко пъти хората прелистват опциите си с настоящия дизайн на потребителския интерфейс на изображението по-долу (лявата страна), и виждате, че те никога не прелистват повече от два пъти насредно, за да разберат какви са наличните възможности.
Използвайки принципа на приемствеността (дясната страна на изображението по-долу), вашият UX дизайнер помогна да се увеличи този брой до средно около 10 плъзвания. Как се случи това? Като скри част от изображението и подчерта факта, че трябва да плъзнете наляво или надясно, за да видите какво има там, очите на потребителите бяха насочени към буквално създаване на движението "плъзгане" и бяха по-мотивирани да разгледат повече ресторанти иТова е нещо, което предишният дизайн изобщо не ви мотивираше да правите, дори ако вече сте мотивирани да го правите.
Използване на гещалт принципа на приемственост в дизайна на UX/UI. Снимка от автора.
В обобщение , използването на представените в тази статия принципи на Гещалт в дизайна на UX и UI може да помогне на вашите потребители да намират информацията по-бързо и да я усвояват по-добре. Освен това може да повиши удовлетвореността им от вашия продукт, като ги мотивира да извършват действията, които най-много обичат.
Корицата включва рисунка на Миклош Филипс, редактирана във Vectornator.