Дизайн пиксель һәм үрнәкләр генә түгел. Бу тизлек һәм хисләр. Кайбер продуктлар кинематографик тоялар, чөнки алар безне билгесезлек, җиңеллек, ышаныч һәм тынычлык белән җитәклиләр. Бу агымдагы эмоция. Башкалар үз мизгелләрен дөрес булмаган урында шаяру, көтелмәгән поп-поп яки сикерү белән кичерәләр. Бу конфликттагы эмоция. Бу UX-ның идеялары гына түгел. Аларны күңел ачуда бөтен җирдә дә күрә аласыз. Theәм аерманы сизүнең иң ачык ысулы - анимның эмоциональ сменаларны Марвел һәм DC фильмнары абыну белән чагыштыру. Ике төшенчәне билгеләү өчен без ике конкрет мисал кулланачакбыз, берсе Дан да Даннан (Netflix-та анима сериясе) һәм Джеймс Ганнның Супермен фильмыннан, бу ике төшенчәне билгеләү өчен, аннары аларны шунда ук куллана алырлык практик дизайн үрнәкләренә тәрҗемә итәрбез. Искәрмә: без санлы продуктларга, шул исәптән кушымталарга, SaaS һәм вебка игътибар итәрбез. Агымдагы эмоция (Аниме: Дан да Дан) Дан да Данда тональ диапазон кыргый, куркыныч, комедия, назлы, ләкин ул агып тора. Exampleрнәк: Бер дугада геройлар сәер, комедияле эзләнүләрдә, төп геройларның берсенең (әйе, чыннан да) "алтын җенесләре" катнашында, икенчесендә без баласы урланган ананың йөрәк әрни хикәясенә тартылдык. Кәгазьдә, бу смена машина бәрелеше булырга тиеш. Экранда ул бер-берсенә туры килә һәм эмоциональ яктан аңлаешлы. Ни өчен бу экранда эшли?
Акчаларның өзлексезлеге. Orмор мини - резолюциядән соң киеренкелекне чыгара; ул куркынычны кире кагмый. Чиста кәеф темалары. Музыкаль, рамминг, тизлек, персонаж реакцияләре киләсе хисне телеграф. Сез сменага әзерләнгәнсез, шуңа күрә сез аны яндыру урынына йөртәсез. Бер эмоциональ якор. Бәйләнешләр Төньяк Йолдыз булып кала, шуңа күрә тон хәрәкәт иткәндә күренешнең йөрәге югалмый.
Бу UXга ничек тәрҗемә ителә? Яхшы продуктлар шулай ук эшлиләр: әзерләгез, күчү, чишү, шуңа күрә кулланучылар эмоциональ тон үзгәргәндә чумып калалар.
Конфликттагы эмоция (Марвел / DC: Джеймс Ганнның Суперманы) Луис & Кларк чын күңелдән, интим әңгәмә коралар, әкрен, кеше мизгеле, ә арткы планда йөгерү уйнавы уйный (монстр гигант бейсбол ярмасы белән капланган). Сәхнә сездән чынбарлыкны тоярга кушкач, фокусны урлый. Нәтиҗә - тональ бәрелеш, эмоцияне бушату урынына тишә. Ни өчен бу экранда уңышсыз?
Когнитив йөкнең артуы. Монда нәрсә була, турыдан-туры танып белү йөкләү теориясенә. Бер күренеш (яки интерфейс) кулланучылардан берьюлы ике көндәш эмоциональ сигнал эшкәртүне сорагач, ул читтән танып белү йөген кертә, эш яки мизгелнең үзе белән бернинди бәйләнеше булмаган акыл көче. Эмоциональ кыйнауга игътибар итү урынына, игътибар бер-берсен чишә алмаган сигналлар арасында бүленә. Продукциядә юмор, акцияләр яки көтелмәгән UI үзгәрүләре югары моментларга кергәндә була: кулланучылар тонны һәм ниятне шул ук вакытта эшләргә тырышалар, бу аңлауны акрынайта һәм стрессны арттыра. Бер үк вакытта көндәшле кыйнаулар. Тамаша җитди кыйнауның иң югары ноктасын каплый; тамашачы хискә түгел, ә ачкычка игътибар итә. Тональ тапшыру юк. Orмор килгәнче якынлыкны урнаштыручы күчү юк, шуңа күрә мизгел чишелү урынына үзен начар хис итә.
Бу UXга ничек тәрҗемә ителә? Продукциядә бу конфетти-раслау проблемасы, акча агымындагы яңак хата, яисә критик эш уртасында күренгән промо-модаль. Бу шулай ук танып белү йөген арттыра: кулланучылар проблеманы чишәргә тырышканда юморны эшкәртергә тиеш, бу аларны әкренләтә һәм стрессны арттыра.
Тиз аңлатмалар FlowEmotional сменада эмоция эшләнгән, телеграфланган һәм вакытлыча тоела, шуңа күрә алар алдан кыйнауны чишәләр. Чумдыру тотыла. Чумдыру өзелә.
Хәзер без аның исемен атадык: бу UX белән ничек бәйләнә? Хисләр продукт хәтерен ничек формалаштыра Кешеләр уртача тәҗрибәне хәтерләмиләр; алар иң югары һәм ахырны хәтерлиләр. Әгәр дә сезнең агымның иң югары ноктасы өметсезлек булса, яки бетүегез тәртипсез булса, бу шулай. Шуңа күрә эмоциональ сызыкны максатчан эшләгез. Хисләр өч катламда яши (Дон Норманның эмоциональ дизайныннан), һәм сезнең продукт аларны тезергә тиеш:
Висфераль (эчәк): Беренче тәэсир сигналлары: визуаль, хәрәкәт, гаптика, тавыш. Мисаллар: тотрыклы скелет йөкләүче шау-шудан күбрәк тынычлана.әйләндергеч; йомшак уңыш хим / гаптик кран кычкырмыйча җиңүче җиргә мөмкинлек бирә; эзлекле җиңеллек / юнәлеш күзгә нәрсә үзгәргәнен әйтә. Тәртип (эш): Мин үз эшемне төгәл тәмамлый аламмы? Монда сүрелү стресс дигәнне аңлата. Мисаллар: алдан әйтелгән алгарыш белән өч ачык түләү адымы. нәрсә булганын һәм ничек торгызылуын аңлатучы хата; Соңгы шартлау урынына сызыкны тикшерү. Рефлектив (мәгънә): Мин үземнән соң сөйләгән хикәя, "Бу кыйммәтме? Мин моңа ышанаммы?" Мисаллар: тәртипкә китерелгән экран ("Тәмамланды. Сез җомгага X алырсыз.") Ябыла; кечкенә рекапс ("Сез быел € 18 сакладыгыз") фейерверксыз горурлык тудыра.
Микроинтеракцияләр - эмоциональ клей. Аларның һәрберсендә триггер бар (мин Түләүгә басыгыз), кагыйдәләр (система нәрсә эшли), кире кайту (прогресс һәм ачык нәтиҗә), һәм цикллар яки режимнар (кулланучы кабат тырышса нәрсә була). Бу хокукны алыгыз, һәм сезнең күчүегез хисләрне күпер. Аларны ялгыш алыгыз, һәм алар агымны бозалар.
Эмоциональ бит карталары Норманның тәҗрибә катламына чиста:
Билгесезлек висмераль һәм эре тәртип катламнарында яши, монда кулланучылар нәрсә булганын аңлар өчен сенсор төсләренә (хәрәкәт, ачыклык, кире кайту) таяналар. Ачыклык үз-үзеңне тотыш катламында, системаның нияте һәм кулланучының чираттагы эше урнашкан мизгелдә. Көтү - үз-үзеңне тоту (кулланучы максат белән нәрсәдер эшли) һәм чагылдыргыч (кулланучы нәтиҗәләрен алдан әйтә һәм алдагысын күз алдына китерә). Уңыш - чагылдырылган иң югары нокта, анда кулланучы уңышны, ышанычны бәяли, һәм тәҗрибә “үзен дөрес тоя”. Тынычлану / Ябу беренче чиратта чагылдырыла, кулланучыларга үзара бәйләнешнең мәгънәсен урларга һәм продуктның ышанычлы һәм кире кайтырга кирәклеген хәл итәргә булыша.
Чын продуктларда, бу эзлеклелек начар булганда юкка чыкмый. Хаталар, яшеренлек, бозылган хәлләр эмоциональ дугадан читтә калмый - алар аның өлеше. Хикәяләү объективы аша күрелгән бу мизгелләр герой сәяхәтендәге киртәләр. Яхшы эшләнгән торгызу торышы кимчелекне таный, булганны ачыклый һәм яңа эмоциональ тавыш кертмичә киләсе адымга юл күрсәтә. Уңышсызлык ярылу урынына кыйнау кебек кабул ителсә, эмоциональ агым стресс вакытында да сакланып калырга мөмкин. UX Мисаллар: Агымдагы эмоция vs. Конфликттагы эмоция Агымдагы эмоция Тикшерү дөрес эшләнгән (Stripe / Apple Pay стиле): кыска адымнар, ачык алгарыш, һәм уңышлы уңыш торышы (өстәмә йомшак гаптик белән билге). Пик (уңыш) җирләр, һәм ахыр ябыла (квитанция яки киләсе адым).
Алып бару статусы (йөртү, сәламләү кушымталары, мәсәлән, Uber, Free Now, яки Bolt): прогрессив яңартулар ориентацияне саклый һәм борчылуны киметә ("Шофер килә", "2 минут ераклыкта", "Килде"). Ышанычсызлык ачыклыкка әйләнә, йомшак хәрәкәт белән һәр күчүне әзерли.
Конфликттагы эмоция Искәрмә: Без монда махсус продуктларның исемен атамыйбыз - без алар артындагы эшне хөрмәт итәбез. Киресенчә, без эмоциональ конфликт тудыручы үрнәкләрне күрсәтәбез һәм аларны ничек төзәтергә.
Seriousитди мизгелләрдә шаяртулар. Акча / сәламәтлек / куркынычсызлык өчен күчереп язылган хаталар. Кулланучылар басым ясыйлар; юмор ачуны көчәйтә. Резолюция алдыннан бәйрәм. Конфетти, фейерверк, яки раслау алдыннан көчле тавышлар. Партия кульминацияне өзә. Каты дәүләт сикерә. Сюрприз модальләре / реклама - урта эш, тулы - экранны әзерләүсез. Эмоциональ кыйнау вакытында кинәт киселгән кебек тоела.
Агымдагы эмоцияне тәэмин итү өчен сез нәрсә эшли аласыз Менә сез кабатлый алырлык тулы шаблон белән төшенчә бите:
Эмоциональ бит шаблоны.
1. Башта эмоциональ бит таблицасын языгыз Eachәрбер төп агым өчен (бортка утыру, түләү, торгызу), адым саен хисләрне картага куегыз: билгесезлек → ачыклык → көтү → казаныш → тыныч. Күчермәне, хәрәкәтне һәм микроинтеракцияләрне һәр биткә бәйләгез. (Хисне кем йөртә?) 2. Тонны бирем куркынычы белән тигезләгез Тон матрицасын булдырыгыз (риск дәрәҗәсе × халәте). Riskгары куркыныч хаталарда тыныч, гади һәм чишелешкә юнәлтелгән булыгыз. Түбән риск контекстында уйнауны саклагыз. Шаблон фрагментлары:
Riskгары куркыныч хата: "Без сезнең таныклыгыгызны тикшерә алмыйбыз. Кабатлап карагыз яки ярдәмгә мөрәҗәгать итегез." Түбән - куркыныч хәл: "Монда әле бернәрсә дә юк. Aрнәк белән башларга телисезме?"
Монда күп җитлеккән продуктлар тыныч кына эмоциональ конфликтка керәләр. Вакыт узу белән, командалар ният белән түгел, ә гадәт буенча ләззәт өстиләр. Файдалы үз-үзеңне тикшерү: Әгәр без бу адымнан һәр уенлы яки бәйрәм элементын алып ташласак, агым һаман да кешелекле булып тоелырмы - яисәбу элементлар сүрелү? Яхшы эмоциональ дизайн тәҗрибәне ачыклый; зур эмоциональ дизайн буталчыкны каплар өчен бизәлешкә мохтаҗ түгел. 3. Максатның иң югары ноктасы Инженер бер ачык чокыр (уңыш мизгеле) һәм бер чиста оч (раслау һәм аннан соң нәрсә була). Ике ноктада искә төшерүне һәм канәгатьлекне үлчәгез. 4. Микроинтеракцияләрне күпер түгел, игътибар үзәгендә кулланыгыз
Әзерләнегез: зур дәүләт үзгәреше алдыннан кечкенә, эзлекле хәрәкәт. Раслагыз: Уңыш бераз әкренрәк җиңеллек һәм өстәмә яктылык гаптикасы белән нечкә чишелеш ала. Калыбына китерү: Кабатланмаган уңышсызлык тонны күтәрүдән ярдәмгә күчерә һәм киләсе адымга юл күрсәтә.
5. Эмоциональ өзлексезлек өчен тест Куллану сессияләрендә "Бу җиңел булдымы?" Дип сорамагыз. Киресенчә, сез "Монда нинди хис үзгәрде?" "Буталчык → көлке → буталчык" ишетсәгез, сез конфликтка эләгәсез, агым түгел. Экраннар гына түгел, кабатлаулар. Конфликттагы эмоциядән ничек сакланырга: Тиз тикшерү исемлеге Кызыл байраклар → төзәтмәләр:
Seriousитди мизгелләрдә шаяру - тыныч, туры тел һәм ачык торгызу юлын алыштырыгыз. Резолюция алдыннан бәйрәм → бәйрәмне раслаганнан соң күчерү; аны бик куркыныч эш өчен көйләгез. Каты дәүләт сикерүләре → алдан хәбәр итү; рамманы эзлекле тоту; өзлексезлекне саклау өчен мәгънәле хәрәкәт кулланыгыз. Кросс - команда тоны дрифты voice тавыш һәм тон күрсәтмәләрен риск дәрәҗәсенә һәм торышына мисаллар белән үзәкләштерегез.
Эмоциональ агымны бозу белә һәм кирәк булган мизгелләр бар. Куркынычсызлык кисәтүләре, юридик раслаулар, куркынычсызлык критик кисәтүләре еш кинәт тональ сменалардан файда күрәләр. Бу очракларда өзелү мөһимлекне күрсәтә һәм игътибар таләп итә. Проблема эмоциональ конфликт түгел; бу очраклы конфликт. Дизайнерлар белә торып өзелүне сайлаганда, кулланучылар камчылану урынына баганаларны аңлыйлар. Йомгаклау Зур тәҗрибәләр юнәлешле тәҗрибәләр. Дан да Дан безне югалтмыйча хисләр аша ничек хәрәкәт итәргә икәнен күрсәтә: ул әзерләнә, күчү һәм чишә. Супермен сәхнәсе киресен күрсәтә: чын күңелдән кыйнау белән бәрелешү. Элеккесен эшлә. Эмоциональ тибүләрегезне картага китерегез, тонны эш рискына тигезләгез, һәм микроинтеракцияләр хисләрне күперергә рөхсәт итегез, шуңа күрә кулланучылар уртасында камчы түгел, уң иң югары һәм уң очны искә төшерәләр.
