Дизајн нису само пиксели и обрасци. То је и темпо и осећања. Неки производи делују филмски док нас воде кроз неизвесност, олакшање, самопоуздање и смиреност, а да нас не повлаче. То је Емоција у току. Други подривају сопствене тренутке шалом на погрешном месту, искачућим прозором изненађења или скоковитим прелазом. То је Емоција у сукобу. Ово нису идеје само за УКС. Можете их видети свуда у забави. А најјаснији начин да осетите разлику је да упоредите како аниме подноси емоционалне промене у односу на то како Марвел и ДЦ филмови посрћу. Користићемо два конкретна примера, један из Дан да Дан (аниме серије на Нетфлик-у) и један из филма Џејмса Гана о Супермену, да дефинишемо два концепта, а затим их преведемо у практичне обрасце дизајна производа које можете одмах применити. Напомена: Фокусираћемо се на дигиталне производе, укључујући апликације, СааС и веб. Емоција у току (аниме: Дан да Дан) У Дан да Дан, тонски распон је дивљи, хорор, комедија, нежност, а ипак тече. Пример: У једном луку, протагонисти су у бизарној, комичној потрази која укључује „златне гениталије“ једног од главних ликова (да, заиста), ау другом смо увучени у срцепарајућу причу о мајци чије је дете киднаповано. На папиру, та смена би требало да буде саобраћајна несрећа. На екрану је кохерентан и емоционално читљив. Зашто ово функционише на екрану?
Континуитет улога. Чак и када се гег спусти, циљеви и опасност ликова остају нетакнути. Хумор ослобађа напетост након мини-резолуције; не пориче претњу. Јасни знаци расположења. Музика, кадрирање, темпо и реакције карактера преносе следећи осећај. Припремљени сте за смену, па се возите радије него да будете повучени. Једно емоционално сидро. Односи остају звезда Северњача, тако да се срце сцене не губи када се тон помери.
Како се ово преводи на УКС? Добри производи раде исто: припремају, прелазе, решавају, тако да корисници остају уроњени док се емоционални тон мења.
Емоција у сукобу (Марвел/ДЦ: Супермен Џејмса Гуна) Лоис и Кларк воде искрен, интиман разговор, спор, људски тренутак, док се у позадини игра гег (чудовиште које се удара огромном бејзбол палицом). Гаг краде фокус управо када сцена тражи од вас да осетите нешто стварно. Резултат је тонски сукоб који пробија емоцију уместо да је ослобађа. Зашто ово не успева на екрану?
Повећано когнитивно оптерећење. Оно што се овде дешава пресликава се директно на теорију когнитивног оптерећења. Када сцена (или интерфејс) тражи од корисника да обради два конкурентна емоционална сигнала одједном, то уводи страно когнитивно оптерећење, ментални напор који нема никакве везе са самим задатком или тренутком. Уместо да се фокусирамо на емоционални ритам, пажња је подељена између сигнала који се међусобно не решавају. У производима, то се дешава када хумор, промоције или неочекиване промене корисничког интерфејса упадну у тренутке са високим улозима: корисници су приморани да тумаче тон и намеру у исто време када покушавају да делују, што успорава разумевање и повећава стрес. Такмичарски тактови у исто време. Шала преклапа врхунац озбиљног такта; публика обраћа пажњу на прекидач, а не на осећај. Нема тонског преношења. Нема прелаза који доводи до интимности пре него што хумор стигне, тако да се тренутак чини поткопаним, а не разрешеним.
Како се ово преводи на УКС? У производима, ово је проблем конфете пре потврде, безобразна грешка у протоку новца или промотивни модал који се појављује тачно усред критичног задатка. Ово такође повећава когнитивно оптерећење: корисници морају да обрађују хумор док покушавају да реше проблем, што их успорава и повећава стрес.
Брзе дефиниције Емоција у току Емоционалне смене се осећају зарађено, телеграфисано и темпирано тако да решавају претходне откуцаје. Уживљавање се држи. Емоција у сукобу. Узнемирујући прекидач (или чврсти рез) који пробија емоционални ритам уживо. Урањање се прекида.
Сада када смо га назвали: како се ово повезује са УКС-ом? Како емоције обликују памтљивост производа Људи се не сећају просечног искуства; памте врхове и завршетак. Ако је врхунац вашег тока фрустрација, или је ваш крај неуредан, то је оно што остаје. Зато намерно дизајнирајте емоционалну криву. Емоције живе у три слоја (из Емоционалног дизајна Дона Нормана), а ваш производ треба да их усклади:
Висцерални (црева): Сигнали првог утиска: визуелни прикази, покрети, хаптика, звук. Примери: Стабилан скелет пуњач смирује више од нервозеспиннер; нежно звоно успеха/хаптичко тапкање омогућава победу без викања; доследно ублажавање/смер говори оку шта се променило. Понашање (радње): Могу ли да завршим свој задатак глатко? Трење овде значи стрес. Примери: Три јасна корака плаћања са предвидљивим напретком; стања грешке која објашњавају шта се догодило и како се опоравити; инлине валидација уместо експлозија на крају форме. Рефлективно (значење): Прича коју причам себи после: „Да ли је то вредело? Да ли верујем у ово?“ Примери: Уређен завршни екран („Готово. Добићете Кс до петка.“) даје завршетак; мали резиме („Ове године сте уштедели 18 евра“) ствара понос без ватромета.
Микроинтеракције су емоционални лепак. Сваки од њих има окидач (додирнем Плати), правила (шта систем ради), повратне информације (напредак и јасан резултат) и петље или режиме (шта се дешава ако корисник покуша поново). Исправите ово и ваши прелази премосте осећања. Погрешите их и они прекину ток.
Емоционални ритам се јасно пресликава на Норманове слојеве искуства:
Неизвесност живи у висцералним и раним бихевиоралним слојевима, где се корисници ослањају на сензорне знакове (покрет, јасноћа, повратне информације) да би разумели шта се дешава. Јасноћа је чврсто у слоју понашања, у тренутку када се намера система и следећа радња корисника закључају. Антиципација је мешавина понашања (корисник ради нешто са сврхом) и рефлексивног (корисник већ предвиђа исход и замишља шта следи). Постигнуће је рефлективни врхунац, где корисник процењује успех, поверење и да ли је искуство „исправно“. Цалм/Цлосуре је првенствено рефлексивна, помажући корисницима да сагледају значење интеракције и одлуче да ли је производ вредан поверења и вредан му се вратити.
У стварним производима, овај низ не нестаје када ствари крену наопако. Грешке, кашњење и деградирана стања нису изузеци од емоционалног лука – они су део њега. Гледано кроз наративно сочиво, ови тренуци су препреке на путу јунака. Добро осмишљено стање опоравка признаје застој, појашњава шта се догодило и води следећи корак без уношења нове емоционалне буке. Када се неуспех третира као откуцај уместо као руптура, емоционални ток се може сачувати чак и под стресом. Примери корисничког искуства: Емоција у току наспрам Емоције у сукобу Емотион Ин Флов Плаћање обављено исправно (стил Стрипе/Аппле Паи): кратки кораци, јасан напредак и јасно стање успеха (квачица са опционим меким хаптиком). Врхунац (успех) пада, а крај даје затварање (признаницу или следећи корак).
Статус преузимања (апликације које примају вожњу, нпр. Убер, Фрее Нов или Болт): прогресивна ажурирања одржавају оријентацију и смањују анксиозност („Возач стиже“, „На 2 мин“, „Стигао“). Неизвесност се претвара у јасноћу, са благим покретом који припрема сваки прелаз.
Емоција у сукобу Напомена: Овде не именујемо одређене производе – поштујемо труд који стоји иза њих. Уместо тога, показујемо обрасце који изазивају емоционални сукоб и тачно како да их поправимо.
Шале у озбиљним тренуцима. Безобразно копирање у грешци стања за новац/здравље/безбедност. Корисници су под стресом; хумор појачава иритацију. Прослава пре резолуције. Конфети, ватромет или гласни звуци пре потврде. Забава прекида врхунац. Тешки скокови. Модали изненађења/промоције усред задатка, преузимања преко целог екрана без припреме. Осећа се као нагли рез током емоционалног откуцаја.
Шта можете да урадите да бисте обезбедили проток емоција Ево странице појма са пуним шаблоном који можете да дуплирате:
Емоционални ритам шаблон.
1. Прво напишите емоционални ритам За сваки основни ток (укључивање, плаћање, опоравак), мапирајте осећања по кораку: неизвесност → јасноћа → очекивање → постигнуће → смиреност. Приложите копију, покрет и микроинтеракције сваком такту. (Ко где носи емоцију?) 2. Ускладите тон са ризиком задатка Направите матрицу тонова (ниво ризика × стање). У случају грешака високог ризика, будите смирени, јасни и оријентисани на решење. Сачувајте разиграност за контексте ниског ризика. Исечци шаблона:
Грешка високог ризика: „Нисмо могли да верификујемо ваш ИД. Покушајте поново или контактирајте подршку.“ Празно стање ниског ризика: „Овде још ништа. Желите да почнете са узорком?“
Ово је место где многи зрели производи тихо упадају у емоционални сукоб. Временом, тимови додају задовољство навиком, а не намером. Корисна самопровера је да се запитате: Ако бисмо из овог корака уклонили све разигране или слављеничке елементе, да ли би ток и даље био хуман – или бити елементи који маскирају трење? Добар емоционални дизајн појашњава искуство; сјајном емоционалном дизајну није потребна декорација да би се надокнадила конфузија. 3. Намерно дизајнирајте врх и крај Инжењеринг један чист врх (тренутак успеха) и један чист крај (потврда и шта се даље дешава). Измерите присећање и задовољство у обе тачке. 4. Користите микроинтеракције као мостове, а не рефлекторе
Припремите се: Мали, доследни покрети наговештавају пре велике промене стања. Потврдите: Успех се суптилно смири, са нешто споријим опуштањем и опционим светлом хаптиком. Опоравак: Поновљени неуспех грациозно мења тон са оптимистичног на подржавајући и води следећи корак.
5. Тест за емоционални континуитет У сесијама употребљивости, немојте само питати „Да ли је то било лако?“ Уместо тога, можете питати „Који се осећај овде променио?“ Ако чујете „збуњен → забављен → збуњен“, имате сукоб, а не проток. Понављајте прелазе, а не само екране. Како избећи емоције у сукобу: Брза контролна листа Црвене заставице → поправке:
Шале у озбиљним тренуцима → замените мирним, директним језиком и јасним путем опоравка. Прослава пре резолуције → премести прославу на после потврде; ублажите га за високоризичне задатке. Скокови у тешком стању → пре-најаве прелаза; задржати уоквиривање доследним; користите смислено кретање да бисте сачували континуитет. Промена тона међу тимовима → централизујте смернице за глас и тон са примерима по нивоу ризика и стању.
Постоје тренуци када је прекид емоционалног тока намеран и неопходан. Безбедносна упозорења, правне потврде и безбедносна упозорења често имају користи од наглих промена тонова. У овим случајевима, поремећај сигнализира важност и захтева пажњу. Проблем није сам емоционални сукоб; то је случајни сукоб. Када дизајнери намерно изаберу прекид, корисници разумеју улог уместо да осећају ударац. Закључак Велика искуства су усмерена искуства. Дан да Дан показује како да се крећемо кроз осећања а да нас не изгубимо: припрема, прелази и решава. Сцена Супермена показује супротно: гег се судара са срчаним откуцајима. Урадите прво. Мапирајте своје емоционалне откуцаје, ускладите тон са ризиком задатка и дозволите микроинтеракцијама да премосте осећања тако да корисници памте прави врх и прави крај, а не ударац у средини.
