Дизајнот не е само пиксели и шаблони. Тоа е и темпо и чувства. Некои производи се чувствуваат филмски додека нè водат низ неизвесност, олеснување, самодоверба и смиреност без да нè придвижуваат. Тоа е Емоција во тек. Други ги поткопуваат сопствените моменти со шега на погрешно место, изненадувачки скокачки прозорец или прескокната транзиција. Тоа е емоција во конфликт. Ова не се идеи само за UX. Можете да ги видите насекаде во забава. А најјасниот начин да се почувствува разликата е да се спореди како анимето се справува со емоционалните промени наспроти тоа како се сопнуваат филмовите на Marvel и DC. Ќе користиме два конкретни примери, еден од Дан да Дан (аниме серија на Нетфликс) и еден од филмот за Супермен на Џејмс Ган, за да ги дефинираме двата концепта, а потоа да ги преведеме во практични шеми за дизајн на производи што можете да ги примените веднаш. Забелешка: ќе се фокусираме на дигитални производи, вклучувајќи апликации, SaaS и веб. Емоција во тек (аниме: Дан да Дан) Во Дан да Дан, тонскиот опсег е див, хорор, комедија, нежност, но сепак тече. Пример: Во еден лак, протагонистите се во бизарна, комична потрага што ги вклучува „златните гениталии“ на еден од главните ликови (да, навистина), а во другиот сме вовлечени во потресна приказна за мајка чие дете е киднапирано. На хартија, таа смена треба да биде сообраќајна несреќа. На екранот, тој е кохерентен и емотивно читлив. Зошто ова функционира на екранот?
Континуитет на влоговите. Дури и кога ќе дојде до замолче, целите и опасноста на ликовите остануваат недопрени. Хуморот ја ослободува напнатоста по мини-резолуцијата; не ја негира заканата. Јасни знаци на расположение. Музиката, кадрирањето, темпото и реакциите на карактерот го пренесуваат следното чувство. Подготвени сте за смената, па ја возите наместо да ве заглавуваат. Едно емотивно сидро. Врските остануваат Северна ѕвезда, така што срцето на сцената не се губи кога тонот се движи.
Како ова се преведува во UX? Добрите производи го прават истото: подготвуваат, преминуваат, решаваат, така што корисниците остануваат потопени додека се менува емоционалниот тон.
Емоција во конфликт (Marvel/DC: Супермен на Џејмс Ган) Лоис и Кларк водат срдечен, интимен разговор, бавен, човечки момент, додека во позадина се игра замајување кое трча (чудовиште кое се лути со џиновска безбол палка). Замолченоста го краде фокусот токму кога сцената бара да почувствувате нешто реално. Резултатот е тонски судир кој ја пробива емоцијата наместо да ја ослободи. Зошто ова не успева на екранот?
Зголемено когнитивно оптоварување. Она што се случува овде се пресликува директно на теоријата за когнитивно оптоварување. Кога сцената (или интерфејсот) бара од корисниците да обработат два конкурентни емоционални сигнали одеднаш, тоа воведува надворешно когнитивно оптоварување, ментален напор што нема никаква врска со задачата или самиот момент. Наместо да се фокусира на емоционалниот ритам, вниманието се дели помеѓу сигнали кои не се решаваат еден со друг. Во производите, тоа се случува кога хуморот, промоциите или неочекуваните промени на корисничкиот интерфејс навлегуваат во моменти со високи влогови: корисниците се принудени да ги толкуваат тонот и намерата во исто време кога се обидуваат да дејствуваат, што го забавува разбирањето и го зголемува стресот. Натпреварувачкиот бит во исто време. Шегата ја преклопува кулминацијата на сериозен ритам; публиката повеќе обрнува внимание на прекинувачот отколку на чувството. Нема тонски предавање. Нема транзиција што ја зазема интимноста пред да пристигне хуморот, така што моментот се чувствува поткопан наместо решен.
Како ова се преведува во UX? Во производите, ова е проблемот со конфети пред потврда, дрската грешка во протокот на пари или промо-модалот што се појавува токму во средината на критична задача. Ова исто така го зголемува когнитивното оптоварување: корисниците мора да го обработат хуморот додека се обидуваат да решат проблем, што ги забавува и го зголемува стресот.
Брзи дефиниции Емоција во тек Емоционалните смени се чувствуваат заработени, телеграфирани и темпирани за да ги решат претходните отчукувања. Потопување држи.Емоција во конфликт. Потопување паузи.
Сега кога го именувавме: како ова се поврзува со UX? Како емоциите ја обликуваат незаборавноста на производот Луѓето не се сеќаваат на просекот на едно искуство; се сеќаваат на врвовите и на крајот. Ако врвот на вашиот тек е фрустрација, или вашиот крај е неуреден, тоа е она што останува. Затоа намерно дизајнирајте ја емоционалната крива. Емоциите живеат во три слоја (од Емоционалниот дизајн на Дон Норман), а вашиот производ треба да ги подреди:
Висцерално (црево): Сигнали за прв впечаток: визуелни слики, движење, хаптика, звук. Примери: стабилен скелет натоварувач смирува повеќе од нервозацентрифугирање; нежното ѕвонење за успех/хаптичко допир дозволува победата да слета без да вика; постојаното олеснување/насочување му кажува на окото што се променило. Однесување (правење): Може ли непречено да ја завршам мојата задача? Триењето овде значи стрес. Примери: Три јасни чекори за плаќање со предвидлив напредок; состојби на грешка кои објаснуваат што се случило и како да се опорави; Вградена валидација наместо експлозии на крајот на формата. Рефлексивно (што значи): Приказната по која си ја кажувам, „Вредеше ли? мало повторување („Заштедивте 18 евра оваа година“) создава гордост без огномет.
Микроинтеракциите се емотивниот лепак. Секој од нив има активирач (допрем Плати), правила (што прави системот), повратни информации (напредок и јасен резултат) и циклуси или режими (што се случува ако корисникот се обиде повторно). Добијте ги правилно, и вашите транзиции ги премостуваат чувствата. Земете ги погрешно, и тие го прекинуваат протокот.
Емотивниот бит лист чисто се мапира на слоевите на искуство на Норман:
Несигурноста живее во висцералните и раните слоеви на однесување, каде што корисниците се потпираат на сензорни знаци (движење, јасност, повратни информации) за да разберат што се случува. Јасноста е цврсто во слојот за однесување, моментот кога намерата на системот и следното дејство на корисникот се заклучуваат на своето место. Исчекувањето е спој на однесувањето (корисникот прави нешто со цел) и рефлективно (корисникот веќе го предвидува исходот и замислува што следува). Постигнувањето е рефлективен врв, каде што корисникот го оценува успехот, довербата и дали искуството „се чувствува правилно“. Смирено/затворање е првенствено рефлектирачко, помагајќи им на корисниците да го заокружат значењето на интеракцијата и да одлучат дали производот е доверлив и дали вреди да се врати.
Во вистинските производи, оваа низа не исчезнува кога работите ќе тргнат наопаку. Грешките, латентноста и деградираните состојби не се исклучок од емоционалниот лак - тие се дел од него. Гледано низ наративната леќа, овие моменти се пречките во патувањето на херојот. Добро дизајнираната состојба на закрепнување го признава назадувањето, разјаснува што се случило и го води следниот чекор без воведување нова емоционална врева. Кога неуспехот се третира како удар наместо прекин, емоционалниот тек може да се зачува дури и под стрес. UX Примери: Емоција во тек наспроти Емоција во конфликт Емоција во тек Плаќањето е направено правилно (стил Stripe/Apple Pay): кратки чекори, јасен напредок и јасна состојба на успех (ознака за проверка со опционална мека хептика). Врвот (успехот) слетува, а крајот дава затворање (прием или следен чекор).
Статус на подигање (апликации за возење, на пр., Uber, Free Now или Bolt): прогресивните ажурирања ја одржуваат ориентацијата и ја намалуваат анксиозноста („Возач пристигнува“, „2 минути подалеку“, „Пристигна“). Неизвесноста се претвора во јасност, со нежни движења кои ја подготвуваат секоја транзиција.
Емоција во конфликт Забелешка: Овде не именуваме конкретни производи - ја почитуваме работата зад нив. Наместо тоа, ги прикажуваме шемите што предизвикуваат емоционален конфликт и точно како да ги поправиме.
Шеги во сериозни моменти.Дрско копирање-во-грешка состојби за пари/здравје/безбедност. Корисниците се под стрес; хуморот ја засилува иритацијата. Прослава пред резолуција. Конфети, огномет или гласни звуци пред потврда. Забавата ја прекинува кулминацијата. Скокови во тешка состојба. Изненадувачки модали/промоции во средна задача, преземања на цел екран без подготовка. Се чувствува како нагло намалување за време на емотивен удар.
Што можете да направите за да обезбедите проток на емоции Еве страница за поими со целосниот шаблон што можете да го дуплирате:
Шаблон за емотивен бит лист.
1. Прво напишете го листот за емотивен удар За секој основен тек (вклучување, плаќање, наплата), мапирајте ги чувствата по чекор: неизвесност → јасност → исчекување → постигнување → смиреност. Прикачете копија, движење и микроинтеракции на секој ритам. (Кој каде ги носи емоциите?) 2. Порамнете го тонот со ризикот од задачи Направете тонска матрица (ниво на ризик × состојба). Кај грешките со висок ризик, бидете мирни, обични и ориентирани кон решенија. Зачувајте разиграност за контексти со низок ризик. Исечоци од шаблон:
Грешка со висок ризик: „Не можевме да ја потврдиме вашата лична карта. Обидете се повторно или контактирајте со поддршката“. Празна состојба со низок ризик: „Сè уште нема ништо. Дали сакате да започнете со примерок?“
Ова е местото каде што многу зрели производи тивко одат во емотивен конфликт. Со текот на времето, тимовите додаваат задоволство по навика наместо со намера. Корисна самопроверка е да се запрашаме: ако го отстраниме секој разигран или славенички елемент од овој чекор, дали протокот сè уште ќе се чувствува хуман - илитие елементи го маскираат триењето? Добриот емотивен дизајн го разјаснува искуството; На одличниот емотивен дизајн не му е потребна декорација за да се компензира конфузијата. 3. Дизајн Peak and End On Purpose Инженер еден јасен врв (моментот на успехот) и еден чист крај (потврда и што ќе се случи следно). Измерете го потсетувањето и задоволството во двете точки. 4. Користете ги микроинтеракции како мостови, а не како рефлектори
Подгответе се: Мали, конзистентни навестувања за движење пред голема промена на состојбата. Потврдете: Успехот добива суптилно решение, со малку побавно олеснување и опционална светлосна хаптика. Закрепнување: Повторениот неуспех благодатно го менува тонот од оптимист во поддршка и го води следниот чекор.
5. Тест за емоционален континуитет Во сесиите за употребливост, не прашувајте само „Дали беше тоа лесно? Наместо тоа, можете да прашате „Какво чувство се смени овде? Ако слушнете „збунето → забавно → збунето“, имате конфликт, а не проток. Повторете ги транзициите, не само екраните. Како да избегнете емоции во конфликт: Брза листа за проверка Црвени знамиња → поправени:
Шеги во сериозни моменти → заменете за смирен, директен јазик и јасен пат за закрепнување. Прослава пред резолуција → преместете ја прославата на по потврда; намалете го за задачи со висок ризик. Скокови во тешка состојба → однапред објавете транзиции; одржувајте конзистентно кадрирање; користете значајно движење за да го зачувате континуитетот. Поместување на тонот меѓу тимовите → централизирајте ги гласовните и тонските упатства со примери по ниво на ризик и состојба.
Има моменти кога прекинувањето на емоционалниот тек е намерно и неопходно. Безбедносните предупредувања, правни потврди и безбедносни критични предупредувања често имаат корист од наглите тонски промени. Во овие случаи, нарушувањето сигнализира важност и бара внимание. Проблемот не е самиот емоционален конфликт; тоа е случаен конфликт. Кога дизајнерите намерно избираат нарушување, корисниците ги разбираат влоговите наместо да чувствуваат удар со камшик. Заклучок Големите искуства се насочени искуства. Дан да Дан покажува како да се движиме низ чувствата без да не изгубиме: се подготвува, преминува и решава. Сцената на Супермен го покажува спротивното: замолчеништво кое се судри со срцев удар. Направете го првото. Мапирајте ги вашите емоционални отчукувања, усогласете го тонот со ризикот од задачата и дозволете микроинтеракциите да ги премостат чувствата за корисниците да го запомнат вистинскиот врв и вистинскиот крај, а не ударот со камшик во средината.
