Компютърна академия IT STEP! Учим се от 1999 година. Висококачествено компютърно образование за възрастни и деца. Подготвяме програмисти, дизайнери и системни администратори, които не могат да бъдат заменени от изкуствен интелект. За тази цел, освен задълбочени знания, ние се научаваме да разбираме задачи, да мислим за готови проекти и да работим в екип.

Your browser is out of date!

You are using an outdated browser Internet Explorer. This version of the browser does not support many modern technologies, that's why many pages of the website are not displayed correctly, and may not work some of functions . We recommend viewing the website using the latest versions of the browsers Google Chrome, Safari, Mozilla Firefox, Opera, Microsoft Edge

ШАГ логотип

Ролята на емоциите в UX/UI: Разбиране на емоционалния дизайн

Мария Николова

05.05.2022

97 изгледи

Всеизвестно е, че хората сме разумни същества, но често сме движени от емоциите. Колко пъти сте вземали пакет с чипс или шоколад в магазина само защото изглеждат привлекателно? А знаете ли, че не само продуктите във физическия магазин могат да ни накарат да се чувстваме по определен начин. Това може да се случи и в дигиталния свят.

 

Какво е емоционален дизайн в уебсайтове и приложения?

 

Емоциите са начинът, по който хората осмислят реалността около себе си. Инстинктивно сме склонни да повтаряме положителни преживявания, защото те ни карат да се чувстваме добре и избягваме негативните мисли. Нашите мозъци са настроени да се учат от негативния опит, за да ни предпазят от повтаряне на тези грешки отново.

С други думи, емоционалният дизайн е начинът, по който даден дигитален продукт кара потребителите да се чувстват. Това усещане може драстично да повлияе на успеха на дадено приложение или уебсайт и следователно да повлияе пряко на крайния резултат за покупка.

Дон Норман, съвременен визионер в дизайна, в книгата си „Емоционален дизайн: Защо обичаме (или мразим) ежедневните неща“ разделя емоционалните реакции на хората на три етапа:  

• Висцерално: Това е най-основното ниво на емоционална реакция, което бихте нарекли „първи впечатления“. Добрият UX дизайн е този, който кара потребителите да се чувстват добре или развълнувани веднага.

 

• Поведенчески: На поведенческо ниво потребителите оценяват функционалността на вашия продукт. Те подсъзнателно преценяват колко лесно е чрез него да намерят решенията, които търсят. Във визуалния дизайн това може да означава колко претрупан или ненатоварен изглежда вашият интерфейс. Лесното използване се изразява в положителни емоции.

 

• Рефлективно: Това е най-високото когнитивно ниво, при което потребителите съзнателно претеглят плюсовете и минусите на даден продукт. Именно на рефлективно ниво ние формираме цялостното впечатление за един дизайн.

 

Кое ниво е приоритетно? Всъщност нито едно от тях няма превес над другото. По-скоро са взаимосвързани, например често рефлективното ниво може да промени първоначалното впечатление към определено приложение или уебсайт. Като UX дизайнер, вие трябва да успявате да удовлетворите и трите когнитивни нива, за да създадете емоционална, дълготрайна връзка с вашата аудитория.

 

Как използвате емоционален дизайн в UX/UI?

 

Хуморът е най-достъпният, поседством който да заинтригувате вашите потребители и да установите връзка с тях. ASOS и Dollar Shave Club го използват умело на своите продуктови страници. Предимство е да използвате подходящата доза хумор във вашия визуален дизайн. Уверете се обаче, че познавате добре аудиторията си, за да може тя пълноценно да потребява вашата информация.

Ето няколко други начина да приложите емоционален дизайн към вашия уебсайт или мобилно приложение:

Наблягайте на малките детайли, с които да установите връзка с клиентите.

Разклащането на екрана на Apple устройствата, когато въведете неправилна парола е един от най-добрите примери за детайли в проектирането UX, които помагат за установяване на връзка с потребителите. Този сигнал съвсем естествено имитира клатенето на главата на хората при отказ. Използването на емоджита и звуци е друг начин, чрез който да направите приложението си да изглежда по-грабващо и интуитивно разработено за неговите потребители. Facebook Messenger използва тъкмо това.

Плъзгаща се скала за обратна връзка от потребителите с анимирани емотикони е друг пример за включване на детайлно внимание във вашия UX. Calm, софтуерна компания за медитация е друг пример за бранд, който включва тези детайлни елементи в своя дизайн,  с цел да интерпретира различни сигнали на хората. Потребителският интерфейс на марката има балон, който се надува и изпуска, за да насочва скоростта на дишане на потребителите.

 

Направете лошите преживявания по-поносими.

 

Когато дадена страница през браузъра Google Chrome не зарежда на екрана се визуализира динозавър, който има за цел да държи потребителите ангажирани. Това е подходящ пример за алтернатива, с която да неутрализирате негативното преживяване с нещо положително. Предлагането на малки награди, допълнителни активи за потребителите, които имат проблем с „404 страници“, е друг начин за облекчаване на негативните преживявания. „Наградата“ може да бъде нещо много обикновено, като например безплатна електронна книга на тема от вашата сфера на дейност.

 

Използвайте различни възможности за развиване на креативността на потребителя.

 

Mailchimp е един от най-добрите примери за бранд, който използва тази техника за да ангажира своите потребителите. Във всеки един шаблон разработен с Mailchimp вие имате възможност да приложите своя личен прочит/визия за проекта.

 

Персонализирайте преживяването.

 

Вземете пример от приложението за внимателност MyLife от Stop, Breathe & Think. Екранът за добре дошли на мобилното приложение има за цел да провери как се чувства потребителя. Въз основа на отговора му, той предоставя персонализирани медитации. Можете да приложите същия принцип към вашия уебсайт, като показвате съдържание на потребителите въз основа на тяхното поведение при сърфиране и модели на предишна ангажираност. Някои от най-големите марки, като Netflix и Amazon, използват персонализиране, за да създават положителни, запомнящи се преживявания у потребителите.

 

В книгата си „Проектиране на емоционален дизайн“ Арън Уолтър твърди, че очакванията на потребителите от даден продукт (включително дигитални продукти) могат да се разглеждат като четиристепенна пирамида.

 

Въз основа на нейните елементи ви препоръчваме да започнете да си зададете следните въпроси:

 

• Функционалност: Колко добре работи продуктът ми? Уверете се, че проектирате нещо, което решава „болките“, проблемите на вашите потребители.

 

• Надеждност: Колко надежден е продуктът при изпълнение на функциите си? Последователността е най-добрият ви приятел тук. Придържайте се към конвенциите за уеб дизайн и избягвайте да правите драстични промени в потребителския си интерфейс твърде често.

 

• Използваемост: Колко лесен е за използване продукта? Тествайте своя уебсайт или приложение на различни устройства и потребителски групи, за да сте сигурни, че преминава успешно теста за използваемост.

 

• „Удоволствие“ (или емоционален отговор): Как кара потребителите да се чувстват? Това е мястото, където малките детайли допълват картината.

 

За да усвоите всички успешни практики при разработване на UX/UI дизайн се включете в нашето  професионално насочено обучение. Разгледайте програмата тук!



author_about_title:

Мария Николова

Digital Marketing Manager

IT STEP  Ltd.

Ролята на емоциите в UX/UI: Разбиране на емоционалния дизайн

Разберете какво е емоционален дизайн на уебсайтове и приложения и кои са най-подходящите методи за изграждане на ангажираност с потребителя.

Всеизвестно е, че хората сме разумни същества, но често сме движени от емоциите. Колко пъти сте вземали пакет с чипс или шоколад в магазина само защото изглеждат привлекателно? А знаете ли, че не само продуктите във физическия магазин могат да ни накарат да се чувстваме по определен начин. Това може да се случи и в дигиталния свят.   Какво е емоционален дизайн в уебсайтове и приложения?   Емоциите са начинът, по който хората осмислят реалността около себе си. Инстинктивно сме склонни да повтаряме положителни преживявания, защото те ни ка

ШАГ логотип

Как да станете freelancer от нулата?

Разберете какви са първите и основни стъпки, с които да започнете да се развивате като специалист на свободна практика.

Какво е да бъдеш freelancer и как да станете такъв? Задавали ли сте си следните въпроси: Как мога да вляза в IT сферата на свободна практика, какви знания и умения са ми необходими? По какъв начин мога да спечеля първите си пари? Как да се превърна във freelancer без опит? Ще обсъдим всички тези въпроси по-долу. Какво е freelancer? Има ли разлика от дистанционната работа? Изразът "freelance" е заимстван от английския език (free - свободен, lance - копие). Има сведения, че в по-ранните години свободни войни, които са предоставяли услугите си, са били наричани така. Така в б

ШАГ логотип

Уеб програмиране – откъде да започнем?

IT индустрията е една от най-бързо развиващите се в света. Тази област е чудесна за хора с математически и креативен начин на мислене. Има много направления в ИТ индустрията, като едно от най-атрактивните за начинаещи е създаването на интернет продукти. В областта на уеб разработката всеки подход може да намери своето приложение.   Какво е уеб програмиране: задачи и етапи Уеб програмирането е процес на разработване на уеб проекти и приложения. Това е дизайн и оформление на страници, работа с клиентска и сървърна част, конфигурация на сървъ

ШАГ логотип

IT STEP стартира проект съвместно със столични училища. Какво е важно учениците да знаят за IT сектора?

Програмата е насочена към ранната кариерна ориентация и мотивация на учениците за бъдещото им професионално развитие.

Ние вярваме, че добрите резултати се постигат на първо място с постоянство и непрестанен интерес към процеса на учене. Ето защо стартирахме кампания, чрез която да събудим в учениците желанието и умението за търсене на информация.Ние вярваме, че добрите резултати се постигат на първо място с постоянство и непрестанен интерес към процеса на учене. Ето защо стартирахме кампания, чрез която да събудим в учениците желанието и умението за търсене на информация. Програмата е насочена към ранната кариерна ориентация и мотивация на учениците з

ШАГ логотип