Dizajni nuk është vetëm pikselë dhe modele. Është gjithashtu ritmi dhe ndjenjat. Disa produkte ndihen si kinematografikë pasi na udhëheqin përmes pasigurisë, lehtësimit, besimit dhe qetësisë pa na penguar. Ky është Emocioni në rrjedhë. Të tjerët nënvlerësojnë momentet e tyre me një shaka në vendin e gabuar, një shfaqje të papritur ose një tranzicion të kërcitur. Ky është Emocioni në Konflikt. Këto nuk janë ide vetëm për UX. Ju mund t'i shihni ato kudo në argëtim. Dhe mënyra më e qartë për të ndjerë ndryshimin është të krahasoni se si anime i trajton ndryshimet emocionale kundrejt asaj se si pengohen filmat e Marvel dhe DC. Ne do të përdorim dy shembuj specifikë, një nga Dan da Dan (seriali anime në Netflix) dhe një nga filmi Superman i James Gunn, për të përcaktuar dy konceptet dhe më pas do t'i përkthejmë në modele praktike të dizajnit të produktit që mund t'i aplikoni menjëherë. Shënim: Ne do të fokusohemi në produktet dixhitale, duke përfshirë aplikacionet, SaaS dhe ueb. Emotion In Flow (Anime: Dan da Dan) Në Dan da Dan, diapazoni tonal është i egër, tmerr, komedi, butësi, por rrjedh. Shembull: Në një hark, protagonistët janë në një kërkim të çuditshëm, komik që përfshin "gjenitalet e arta" të një prej personazheve kryesore (po, me të vërtetë), dhe në një tjetër, ne jemi të tërhequr në një histori mallëngjyese të një nëne, fëmija i së cilës është rrëmbyer. Në letër, ky ndryshim duhet të jetë një aksident me makinë. Në ekran, është koherent dhe emocionalisht i lexueshëm. Pse funksionon kjo në ekran?
Vazhdimësia e aksioneve. Edhe kur zbret një gag, qëllimet dhe rreziku i personazheve mbeten të paprekura. Humori çliron tensionin pas një mini-rezolucion; nuk e mohon kërcënimin. Shenjat e qarta të humorit. Muzika, inkuadrimi, ritmi dhe reagimet e personazheve telegrafojnë ndjenjën tjetër. Jeni të përgatitur për ndërrimin, kështu që ju e ngasni atë në vend që të tërhiqeni. Një spirancë emocionale. Marrëdhëniet mbeten Ylli i Veriut, kështu që zemra e skenës nuk humbet kur toni lëviz.
Si përkthehet kjo në UX? Produktet e mira bëjnë të njëjtën gjë: përgatiten, kalojnë, zgjidhin, në mënyrë që përdoruesit të qëndrojnë të zhytur ndërsa toni emocional ndryshon.
Emocioni në konflikt (Marvel/DC: Superman i James Gunn) Lois dhe Clark janë duke bërë një bisedë të përzemërt, intime, një moment të ngadaltë, njerëzor, ndërsa në sfond luhet një gag (një përbindësh që goditet me një shkop gjigant bejsbolli). Gryka e vjedh fokusin pikërisht kur skena të kërkon të ndjesh diçka të vërtetë. Rezultati është një përplasje tonale që shpon emocionin në vend që ta çlirojë atë. Pse kjo dështon në ekran?
Rritja e ngarkesës njohëse. Ajo që po ndodh këtu lidhet drejtpërdrejt me teorinë e ngarkesës njohëse. Kur një skenë (ose ndërfaqe) u kërkon përdoruesve të përpunojnë dy sinjale emocionale konkurruese në të njëjtën kohë, ajo paraqet ngarkesë të jashtme njohëse, përpjekje mendore që nuk ka të bëjë fare me detyrën apo momentin në vetvete. Në vend që të përqendroheni në rrahjen emocionale, vëmendja ndahet midis sinjaleve që nuk zgjidhin njëri-tjetrin. Në produkte, kjo është ajo që ndodh kur humori, promovimet ose ndryshimet e papritura të ndërfaqes së përdoruesit ndërhyjnë në momente të mëdha: përdoruesit detyrohen të interpretojnë tonin dhe qëllimin në të njëjtën kohë që përpiqen të veprojnë, gjë që ngadalëson të kuptuarit dhe rrit stresin. Rrahjet konkurruese në të njëjtën kohë. Shakaja mbivendos kulmin e një ritmi serioz; audienca i kushton vëmendje ndryshimit dhe jo ndjenjës. Asnjë dorëzim tonal. Nuk ka asnjë tranzicion që ushqen intimitetin përpara se të mbërrijë humori, kështu që momenti ndihet i nënshtruar dhe jo i zgjidhur.
Si përkthehet kjo në UX? Në produkte, ky është problemi i konfetit para konfirmimit, gabimi i pacipë në rrjedhën e parave ose modali promovues që shfaqet pikërisht në mes të një detyre kritike. Kjo gjithashtu rrit ngarkesën njohëse: përdoruesit duhet të përpunojnë humorin ndërsa përpiqen të rregullojnë një problem, gjë që i ngadalëson ata dhe rrit stresin.
Përkufizime të shpejta Emocioni në Flow Ndryshimet emocionale ndjehen të fituara, të telegrafuara dhe të përcaktuara në kohë, në mënyrë që të zgjidhin rrahjet e mëparshme. Zhytja mban. Emocioni në KonflikTëNJË ndërprerës i mprehtë (ose prerje e fortë) që shpon një ritëm emocional të gjallë. Pritet zhytja.
Tani që e kemi emërtuar: si lidhet kjo me UX? Si e formojnë emocionet kujtueshmërinë e produktit Njerëzit nuk e mbajnë mend mesataren e një përvoje; ata kujtojnë majat dhe fundin. Nëse kulmi i rrjedhës suaj është zhgënjimi, ose fundi juaj është i çrregullt, kjo është ajo që qëndron. Pra, dizajnoni kurbën emocionale me qëllim. Emocionet jetojnë në tre shtresa (nga Dizajni Emocional i Don Norman), dhe produkti juaj duhet t'i rreshtojë ato:
Visceral (zorrë): Sinjalet e përshtypjes së parë: pamjet, lëvizjet, hapjet, zëri. Shembuj: Një ngarkues i qëndrueshëm i skeletit qetëson më shumë se një nervozizëmtjerrëse; një tingëllim i butë suksesi/trokitje e lehtë lejon që fituesi të ulet pa bërtitur; lehtësimi/drejtimi i vazhdueshëm i tregon syrit se çfarë ka ndryshuar. Sjellje (duke bërë): A mund ta kryej detyrën time pa probleme? Fërkimi këtu nënkupton stres. Shembuj: Tre hapa të qartë pagese me progres të parashikueshëm; gjendjet e gabimit që shpjegojnë se çfarë ndodhi dhe si të rikuperohet; vërtetim inline në vend të shpërthimeve në fund të formës. Reflektuese (me kuptimin): Historia që i tregoj vetes më pas, "A ia vlejti? A i besoj kësaj?" Shembuj: Një ekran i rregullt përmbyllës ("U krye. Do të marrësh X deri të Premten.") jep mbyllje; një përmbledhje e vogël (“Keni kursyer 18 € këtë vit”) krijon krenari pa fishekzjarre.
Mikrondërveprimet janë ngjitësi emocional. Secili prej tyre ka një shkas (prek paguaj), rregulla (çfarë bën sistemi), reagime (përparim dhe rezultat i qartë) dhe sythe ose modalitete (çfarë ndodh nëse përdoruesi provon përsëri). Merreni siç duhet dhe tranzicionet tuaja ulin ndjenjat. Merreni gabimisht dhe ata e thyejnë rrjedhën.
Fleta e rrahjeve emocionale hartohet qartë në shtresat e përvojës së Norman:
Pasiguria jeton në shtresat viscerale dhe të hershme të sjelljes, ku përdoruesit mbështeten në shenjat shqisore (lëvizje, qartësi, reagime) për të kuptuar se çfarë po ndodh. Qartësia është e vendosur në shtresën e sjelljes, momenti kur qëllimi i sistemit dhe veprimi i ardhshëm i përdoruesit kyçen në vend. Parashikimi është një përzierje e sjelljes (përdoruesi po bën diçka me qëllim) dhe reflektues (përdoruesi tashmë është duke parashikuar rezultatin dhe duke imagjinuar atë që vjen më pas). Arritja është një kulm reflektues, ku përdoruesi vlerëson suksesin, besimin dhe nëse përvoja "ndihet e drejtë". Qetësia/Mbyllja është kryesisht reflektuese, duke i ndihmuar përdoruesit të përmbledhin kuptimin e ndërveprimit dhe të vendosin nëse produkti është i besueshëm dhe nëse ia vlen të kthehet.
Në produktet reale, kjo sekuencë nuk zhduket kur gjërat shkojnë keq. Gabimet, vonesa dhe gjendjet e degraduara nuk janë përjashtime nga harku emocional - ato janë pjesë e tij. Parë përmes një lente narrative, këto momente janë pengesat në rrugëtimin e heroit. Një gjendje rikuperimi e projektuar mirë pranon pengesën, sqaron atë që ndodhi dhe drejton hapin tjetër pa futur zhurmë të re emocionale. Kur dështimi trajtohet si një rrahje në vend të një këputjeje, rrjedha emocionale mund të ruhet edhe nën stres. Shembuj UX: Emocioni në rrjedhë kundrejt Emocionit në konflikt Emocioni në rrjedhë Përfundimi i blerjes është bërë siç duhet (stili i "Stripe/Apple Pay"): hapa të shkurtër, përparim i qartë dhe një gjendje e qartë suksesi (një pikë kontrolli me një haptik të butë opsional). Maja (suksesi) zbret, dhe fundi jep mbylljen (marrjen ose hapin tjetër).
Statusi i marrjes (aplikacionet e udhëtimit, p.sh., Uber, Falas Tani ose Bolt): përditësimet progresive ruajnë orientimin dhe reduktojnë ankthin ("Mbërritja e shoferit", "2 minuta larg", "Mbërriti"). Pasiguria kthehet në qartësi, me lëvizje të butë që përgatit çdo tranzicion.
Emocioni në konflikt Shënim: Ne nuk po përmendim produkte specifike këtu - ne respektojmë punën pas tyre. Në vend të kësaj, ne po tregojmë modelet që shkaktojnë konflikte emocionale dhe saktësisht se si t'i rregullojmë ato.
Shaka në momente të rënda. Gjendjet e pafytyra kopjimi-në-gabim për para/shëndet/siguri. Përdoruesit janë të stresuar; humori përforcon acarimin. Festim përpara zgjidhjes. Konfeti, fishekzjarre ose tinguj të lartë përpara konfirmimit. Festa e ndërpret kulmin. Kërcimet e gjendjes së vështirë. Modalet/promocionet e befasishme në mes të detyrës, marrja në ekran të plotë pa përgatitje. Ndjehet si një prerje e papritur gjatë një rrahje emocionale.
Çfarë mund të bëni për të siguruar që emocionet të rrjedhin Këtu është një faqe Notion me shabllonin e plotë që mund ta kopjoni:
Shablloni i fletës së rrahjeve emocionale.
1. Shkruani së pari fletën e rrahjes emocionale Për çdo rrjedhë kryesore (hyrje, pagesa, rikuperim), hartojeni ndjenjat për hap: pasiguri → qartësi → pritje → arritje → qetësi. Bashkangjitni kopje, lëvizje dhe mikrondërveprime në çdo rrahje. (Kush e bart emocionin ku?) 2. Përafroni tonin me rrezikun e detyrës Krijo një matricë tone (niveli i rrezikut × gjendja). Në gabimet me rrezik të lartë, jini të qetë, të thjeshtë dhe të orientuar drejt zgjidhjeve. Kurseni lojën për kontekste me rrezik të ulët. Pjesë të shabllonit:
Gabim me rrezik të lartë: "Nuk mundëm të verifikonim ID-në. Provo sërish ose kontakto me mbështetjen." Gjendja e zbrazët me rrezik të ulët: "Asgjë këtu ende. Dëshiron të fillosh me një mostër?"
Këtu shumë produkte të pjekur kalojnë në heshtje në konflikt emocional. Me kalimin e kohës, ekipet shtojnë kënaqësinë nga zakoni dhe jo nga qëllimi. Një vetëkontroll i dobishëm është të pyesim: nëse do të hiqnim çdo element lozonjar ose festiv nga ky hap, a do të ndihej akoma njerëzor rrjedha - apoato elemente që maskojnë fërkimin? Dizajni i mirë emocional sqaron përvojën; dizajni i shkëlqyer emocional nuk ka nevojë për dekorim për të kompensuar konfuzionin. 3. Dizajn kulmin dhe fundin sipas qëllimit Inxhinier një majë e qartë (momenti i suksesit) dhe një fund i pastër (konfirmimi dhe çfarë ndodh më pas). Matni kujtesën dhe kënaqësinë në të dyja pikat. 4. Përdorni mikrondërveprimet si ura, jo si dritat e vëmendjes
Përgatitja: Lëvizja e vogël dhe e qëndrueshme sugjeron përpara një ndryshimi të madh të gjendjes. Konfirmo: Suksesi merr një zgjidhje delikate, me një lehtësim pak më të ngadaltë dhe një hapës të lehtë opsional. Rikuperimi: Dështimi i përsëritur e ndryshon me hijeshi tonin nga optimist në atë mbështetës dhe drejton hapin tjetër.
5. Test për vazhdimësinë emocionale Në seancat e përdorshmërisë, mos pyesni thjesht "A ishte kaq e lehtë?" Në vend të kësaj, mund të pyesni "Çfarë ndjesie ka ndryshuar këtu?" Nëse dëgjoni "i hutuar → i argëtuar → i hutuar", ju keni konflikt, jo rrjedhje. Përsëritni tranzicionet, jo vetëm ekranet. Si të shmangni emocionet në konflikt: Lista e shpejtë kontrolluese Flamujt e kuq → rregullime:
Shaka në momente serioze → ndërroni me gjuhë të qetë, të drejtpërdrejtë dhe një rrugë të qartë rikuperimi. Festimi para zgjidhjes → zhvendosja e festës në pas konfirmimit; uleni atë për detyra me rrezik të lartë. Kërcimet e gjendjes së vështirë → lajmëroni paraprakisht tranzicionet; mbani kornizën konsistente; përdorni lëvizje kuptimplote për të ruajtur vazhdimësinë. Zhvendosja e tonit ndërmjet ekipeve → centralizoni udhëzimet e zërit dhe tonit me shembuj për nivel rreziku dhe gjendje.
Ka momente kur prishja e rrjedhës emocionale është e qëllimshme dhe e nevojshme. Paralajmërimet e sigurisë, konfirmimet ligjore dhe sinjalizimet kritike për sigurinë shpesh përfitojnë nga ndërrimet e papritura të tonit. Në këto raste, ndërprerja sinjalizon rëndësinë dhe kërkon vëmendje. Problemi nuk është vetë konflikti emocional; është një konflikt i rastësishëm. Kur dizajnerët zgjedhin ndërprerjen qëllimisht, përdoruesit i kuptojnë aksionet në vend që të ndiejnë goditje me kamxhik. konkluzioni Përvojat e mëdha janë përvoja të drejtuara. Dan da Dan tregon se si të kalojmë përmes ndjenjave pa na humbur: përgatit, kalon dhe zgjidh. Skena e Supermenit tregon të kundërtën: një gagë që përplaset me një rrahje zemre. Bëni të parën. Hartoni ritmet tuaja emocionale, përafroni tonin me rrezikun e detyrës dhe lërini mikrondërveprimet të lidhin ndjenjat në mënyrë që përdoruesit të kujtojnë majën e duhur dhe fundin e duhur, jo goditjen me kamxhik në mes.
