Դիզայնը միայն պիքսելներն ու նախշերը չեն: Դա նույնպես տեմպ է և զգացմունքներ: Որոշ ապրանքներ իրենց կինեմատոգրաֆիկ են զգում, քանի որ նրանք առաջնորդում են մեզ անորոշության, թեթևության, վստահության և հանգստության միջով՝ առանց մեզ շրջապատելու: Դա հոսում է զգացմունքները: Մյուսներն իրենց պահերը թուլացնում են սխալ տեղում կատակով, անակնկալ թռուցիկով կամ ցատկոտ անցումով: Դա էմոցիան է կոնֆլիկտում: Սրանք միայն UX-ի գաղափարներ չեն: Դուք կարող եք տեսնել նրանց ամենուր զվարճանքի մեջ: Եվ տարբերությունը զգալու ամենահստակ միջոցը համեմատելն է, թե ինչպես է անիմեն հաղթահարում էմոցիոնալ փոփոխությունները և ինչպես են սայթաքում Marvel-ի և DC-ի ֆիլմերը: Մենք կօգտագործենք երկու կոնկրետ օրինակ՝ մեկը Դան Դանից (անիմե սերիաներ Netflix-ում) և մեկը՝ Ջեյմս Գունի Սուպերմենի ֆիլմից՝ երկու հասկացությունները սահմանելու համար, այնուհետև դրանք կվերածենք արտադրանքի նախագծման գործնական ձևերի, որոնք կարող եք անմիջապես կիրառել: Նշում․ մենք կենտրոնանալու ենք թվային արտադրանքների վրա՝ ներառյալ հավելվածները, SaaS-ը և վեբը։ Emotion In Flow (անիմե: Dan da Dan) Դան Դանում տոնային տիրույթը վայրի է, սարսափ, կատակերգություն, քնքշություն, բայց այն հոսում է: Օրինակ՝ մի աղեղում գլխավոր հերոսները տարօրինակ, կատակերգական որոնումների մեջ են՝ կապված գլխավոր հերոսներից մեկի «ոսկե սեռական օրգանների» հետ (այո, իսկապես), իսկ մյուսում մենք ներքաշվում ենք մի մոր սրտաճմլիկ պատմության մեջ, ում երեխային առևանգել են: Թղթի վրա այդ հերթափոխը պետք է լինի ավտովթար: Էկրանի վրա այն համահունչ է և էմոցիոնալ ընթեռնելի: Ինչու՞ է սա աշխատում էկրանին:
Խաղադրույքների շարունակականություն: Նույնիսկ այն ժամանակ, երբ խաբեությունը վայրէջք է կատարում, հերոսների նպատակներն ու վտանգը մնում են անձեռնմխելի: Հումորը թուլացնում է լարվածությունը մինի լուծումից հետո. այն չի հերքում սպառնալիքը. Հստակ տրամադրության նշաններ: Երաժշտությունը, կադրերը, քայլքը և կերպարների արձագանքները հեռագրում են հաջորդ զգացումը: Դուք պատրաստ եք հերթափոխին, այնպես որ դուք վարում եք այն, քան թեքվելու: Մեկ զգացմունքային խարիսխ: Հարաբերությունները մնում են Հյուսիսային աստղ, այնպես որ տեսարանի սիրտը չի կորչում, երբ ձայնը շարժվում է:
Ինչպե՞ս է սա թարգմանվում UX-ի: Լավ ապրանքներն անում են նույնը. պատրաստել, անցում կատարել, լուծել, որպեսզի օգտվողները մնան ընկղմված, քանի որ զգացմունքային տոնը փոխվում է:
Զգացմունք կոնֆլիկտում (Marvel/DC: James Gunn's Superman) Լոիսն ու Քլարկը սրտանց, մտերմիկ զրույց են ունենում, դանդաղ, մարդկային պահ, իսկ հետին պլանում վազում է վազվզոց (հրեշ, որը խեղդվում է հսկա բեյսբոլի մահակով): Գագը գողանում է ուշադրությունը հենց այն ժամանակ, երբ տեսարանը պահանջում է իրական բան զգալ: Արդյունքն այն է, որ տոնային բախում է, որը ծակում է զգացմունքները, այն ազատելու փոխարեն: Ինչու՞ սա ձախողվում է էկրանին:
Ճանաչողական բեռի ավելացում: Այն, ինչ տեղի է ունենում այստեղ, ուղղակիորեն վերաբերում է ճանաչողական բեռի տեսությանը: Երբ տեսարանը (կամ ինտերֆեյսը) օգտատերերին խնդրում է մշակել երկու մրցակցող զգացմունքային ազդանշաններ, այն ներմուծում է կողմնակի ճանաչողական բեռ, մտավոր ջանքեր, որոնք կապ չունեն առաջադրանքի կամ պահի հետ: Զգացմունքային ռիթմի վրա կենտրոնանալու փոխարեն ուշադրությունը բաժանվում է ազդանշանների միջև, որոնք չեն լուծում միմյանց: Ապրանքներում դա տեղի է ունենում, երբ հումորը, առաջխաղացումները կամ UI-ի անսպասելի փոփոխությունները ներխուժում են բարձր խաղադրույքների պահեր. օգտատերերը ստիպված են լինում մեկնաբանել տոնն ու մտադրությունը միևնույն ժամանակ, երբ փորձում են գործել, ինչը դանդաղեցնում է ըմբռնումը և մեծացնում սթրեսը: Միևնույն ժամանակ ծեծում են մրցակցային: Կատակը համընկնում է լուրջ հարվածի գագաթնակետին. հանդիսատեսն ավելի շուտ ուշադրություն է դարձնում անջատիչին, քան զգացմունքին: Չկա տոնային փոխանցում: Չկա այնպիսի անցում, որը կհանգեցնի մտերմությանը՝ նախքան հումորի հայտնվելը, այնպես որ պահն ավելի շուտ թուլացած է, քան լուծված:
Ինչպե՞ս է սա թարգմանվում UX-ի: Ապրանքներում սա կոնֆետի նախքան հաստատման խնդիրն է, փողի հոսքի կոպիտ սխալը կամ պրոմո մոդալը, որը հայտնվում է կարևոր առաջադրանքի հենց մեջտեղում: Սա նաև մեծացնում է ճանաչողական բեռը. օգտատերերը պետք է մշակեն հումորը՝ փորձելով շտկել խնդիրը, ինչը դանդաղեցնում է նրանց արագությունը և մեծացնում սթրեսը:
Արագ սահմանումներ Զգացմունքը Flow-ում Զգացմունքային տեղաշարժերը զգացվում են վաստակած, հեռագրված և ժամանակավորված, որպեսզի նրանք լուծեն նախորդ հարվածները: Ընկղումը պահում է: Զգացմունքը Conflict-ում Դժվար անջատիչ (կամ կոշտ կտրվածք), որը խոցում է կենդանի զգացմունքային հարվածը: Սուզման ընդմիջումները:
Հիմա, երբ մենք այն անվանեցինք. ինչպե՞ս է սա միանում UX-ին: Ինչպես են զգացմունքները ձևավորում արտադրանքի հիշարժանությունը Մարդիկ չեն հիշում փորձի միջինը. նրանք հիշում են գագաթներն ու ավարտը: Եթե ձեր հոսքի գագաթնակետը հիասթափությունն է, կամ ձեր ավարտը խառնաշփոթ է, դա այն է, ինչ մնում է: Այսպիսով, միտումնավոր ձևավորեք զգացմունքային կորը: Զգացմունքները ապրում են երեք շերտերում (Don Norman's Emotional Design-ից), և ձեր արտադրանքը պետք է դրանք դասավորի.
Վիսցերալ (աղիքներ). Առաջին տպավորության ազդանշաններ. վիզուալներ, շարժում, հապտիկ, ձայն: Օրինակներ. Կայուն կմախքի բեռնիչը ավելի շատ հանգստացնում է, քան ցնցումը:մանող; հաջողության մեղմ զանգը/հապտիկ հպումը թույլ է տալիս, որ հաղթանակը վայրէջք կատարի առանց բղավելու. հետևողական մեղմացում/ուղղորդում աչքին ասում է, թե ինչ է փոխվել: Վարքագծային (անել). Կարո՞ղ եմ սահուն կատարել իմ առաջադրանքը: Շփումն այստեղ նշանակում է սթրես: Օրինակներ. Երեք հստակ վճարման քայլեր՝ կանխատեսելի առաջընթացով. սխալ նշումներ, որոնք բացատրում են, թե ինչ է տեղի ունեցել և ինչպես վերականգնել. ներկառուցված վավերացում՝ վերջնական ձևի պայթյունների փոխարեն: Ռեֆլեկտիվ (իմաստ). Պատմությունը, որից հետո ես պատմում եմ ինքս ինձ. «Արդյո՞ք դա արժեր դրան: Վստահո՞ւմ եմ սրան»: Օրինակներ. մի փոքր ամփոփում («Այս տարի դուք խնայել եք 18 եվրո») հպարտություն է առաջացնում առանց հրավառության:
Միկրոփոխազդեցությունները զգացմունքային սոսինձ են: Յուրաքանչյուրն ունի գործարկիչ (ես հպում եմ Վճարել), կանոններ (ինչ է անում համակարգը), հետադարձ կապ (առաջընթաց և հստակ արդյունք) և հանգույցներ կամ ռեժիմներ (ինչ տեղի կունենա, եթե օգտագործողը նորից փորձի): Ստացեք դրանք ճիշտ, և ձեր անցումները կամրջում են զգացմունքները: Սխալ ստացեք նրանց, և նրանք խախտում են հոսքը:
Զգացմունքային հարվածային թերթիկը հստակորեն քարտեզագրվում է Նորմանի փորձառության շերտերի վրա.
Անորոշությունը ապրում է ներքին և վաղ վարքագծային շերտերում, որտեղ օգտվողները ապավինում են զգայական նշաններին (շարժում, պարզություն, հետադարձ կապ)՝ հասկանալու համար, թե ինչ է կատարվում: Հստակությունն ամուր է վարքագծային շերտում, այն պահը, երբ համակարգի մտադրությունը և օգտագործողի հաջորդ գործողությունը կողպվում են տեղում: Սպասումը վարքագծային (օգտագործողը նպատակաուղղված ինչ-որ բան է անում) և ռեֆլեկտիվ (օգտագործողն արդեն կանխատեսում է արդյունքը և պատկերացնում, թե ինչ է լինելու հաջորդը) խառնուրդ է: Ձեռքբերումը արտացոլող գագաթնակետ է, որտեղ օգտատերը գնահատում է հաջողությունը, վստահությունը և արդյոք փորձը «ճիշտ է զգում»: Հանգիստ/փակումը հիմնականում արտացոլում է, որն օգնում է օգտվողներին ամփոփել փոխազդեցության իմաստը և որոշել, թե արդյոք ապրանքը վստահելի է և արժե վերադառնալ:
Իրական արտադրանքներում այս հաջորդականությունը չի անհետանում, երբ ամեն ինչ սխալ է ընթանում: Սխալները, հետաձգվածությունը և դեգրադացված վիճակները բացառություններ չեն հուզական աղեղից, դրանք դրա մի մասն են: Պատմական ոսպնյակի միջոցով դիտելով այս պահերը հերոսի ճանապարհորդության խոչընդոտներն են: Լավ մշակված վերականգնման վիճակն ընդունում է հետընթացը, պարզաբանում է տեղի ունեցածը և առաջնորդում հաջորդ քայլը՝ առանց նոր հուզական աղմուկ բարձրացնելու: Երբ ձախողումը վերաբերվում է որպես հարվածի փոխարեն խզման, զգացմունքային հոսքը կարող է պահպանվել նույնիսկ սթրեսի պայմաններում: UX օրինակներ. Հոսքի հույզեր ընդդեմ կոնֆլիկտային զգացմունքների Զգացմունք հոսքի մեջ Գումարը կատարվեց ճիշտ (Stripe/Apple Pay ոճ). կարճ քայլեր, հստակ առաջընթաց և հստակ հաջող վիճակ (ստուգիչ՝ կամայական փափուկ հապտիկով): Գագաթը (հաջողությունը) վայրէջք է կատարում, և վերջը տալիս է փակում (ստացում կամ հաջորդ քայլ):
Վերցնելու կարգավիճակ (երթևեկելու համար նախատեսված հավելվածներ, օրինակ՝ Uber, Free Now կամ Bolt). առաջադեմ թարմացումները պահպանում են կողմնորոշումը և նվազեցնում անհանգստությունը («Վարորդի ժամանումը», «2 րոպե հեռավորության վրա», «Ժամանել է»): Անորոշությունը վերածվում է պարզության՝ մեղմ շարժումներով նախապատրաստելով յուրաքանչյուր անցում:
Զգացմունք կոնֆլիկտում Նշում․ մենք այստեղ կոնկրետ ապրանքներ չենք նշում, մենք հարգում ենք դրանց հետևում կատարված աշխատանքը։ Փոխարենը, մենք ցույց ենք տալիս այն օրինաչափությունները, որոնք առաջացնում են էմոցիոնալ կոնֆլիկտ և կոնկրետ ինչպես դրանք շտկել:
Անեկդոտներ լուրջ պահերին: Անկեղծ կրկնօրինակման սխալ վիճակներ փողի/առողջության/անվտանգության համար: Օգտագործողները սթրեսի մեջ են; հումորն ուժեղացնում է գրգռվածությունը: Տոնակատարություն մինչև լուծումը: Կոնֆետի, հրավառություն կամ բարձր ձայներ մինչև հաստատումը: Խնջույքն ընդհատում է գագաթնակետը. Դժվար վիճակի ցատկեր: Անակնկալ մոդալներ/խթաններ առաջադրանքի կեսին, լիաէկրանից առանց նախապատրաստվելու: Զգում է կտրուկ կտրվածք զգացմունքային հարվածի ժամանակ:
Ինչ կարող եք անել, որպեսզի ապահովեք զգացմունքների հոսքը Ահա հասկացությունների էջը ամբողջական ձևանմուշով, որը կարող եք կրկնօրինակել.
Զգացմունքային բիթ թերթիկի ձևանմուշ:
1. Սկզբում գրեք «Զգացմունքային բիթ» թերթիկը Յուրաքանչյուր հիմնական հոսքի համար (ներբեռնում, վճարում, վերականգնում) քարտեզագրեք զգացմունքները յուրաքանչյուր քայլի համար՝ անորոշություն → պարզություն → սպասում → ձեռքբերում → հանգստություն: Յուրաքանչյուր հարվածին կցեք պատճենը, շարժումը և միկրոփոխազդեցությունները: (Ով որտեղ է տանում զգացմունքները): 2. Հավասարեցնել ազդանշանը առաջադրանքի ռիսկի հետ Ստեղծեք տոնային մատրիցա (ռիսկի մակարդակ × վիճակ): Բարձր ռիսկային սխալների դեպքում եղեք հանգիստ, պարզ և միտված լուծումներին: Պահպանեք զվարճությունը ցածր ռիսկային համատեքստերում: Կաղապարի հատվածներ.
Բարձր ռիսկային սխալ. «Մենք չկարողացանք հաստատել ձեր անձը հաստատող փաստաթուղթը: Նորից փորձեք կամ կապվեք աջակցման ծառայության հետ»: Ցածր ռիսկային դատարկ վիճակ. «Դեռ ոչինչ չկա: Ցանկանու՞մ եք սկսել նմուշից»:
Սա այն վայրն է, որտեղ շատ հասուն ապրանքներ հանգիստ շեղվում են հուզական կոնֆլիկտի մեջ: Ժամանակի ընթացքում թիմերը հաճույք են պատճառում սովորության, այլ ոչ թե դիտավորության: Օգտակար ինքնաստուգում է հարցնելը. Եթե այս քայլից հանեինք բոլոր զվարճալի կամ տոնական տարրը, հոսքը դեռ մարդասիրական կթվա, թե՞այդ տարրերը քողարկում են շփումը: Լավ զգացմունքային դիզայնը պարզաբանում է փորձը. հիանալի զգացմունքային դիզայնը շփոթությունը փոխհատուցելու համար զարդարանքի կարիք չունի: 3. Դիզայնի գագաթնակետը և ավարտը նպատակի համար Ինժեներ մեկ պարզ գագաթ (հաջողության պահը) և մեկ մաքուր ավարտ (հաստատում և այն, ինչ տեղի կունենա հետո): Չափել հիշողությունը և բավարարվածությունը երկու կետերում: 4. Օգտագործեք միկրոփոխազդեցությունները որպես կամուրջներ, ոչ թե լուսարձակներ
Պատրաստվեք. Փոքր, հետևողական շարժումները հուշում են մեծ վիճակի փոփոխությունից առաջ: Հաստատում. Վերականգնում. Կրկնվող ձախողումը նրբանկատորեն փոխում է երանգը լավատեսությունից դեպի աջակցող և ուղղորդում հաջորդ քայլին:
5. Էմոցիոնալ շարունակականության թեստ Օգտագործելիության նիստերում պարզապես մի հարցրեք «Հե՞շտ էր դա»: Փոխարենը, կարող եք հարցնել «Ի՞նչ զգացողություն է փոխվել այստեղ»: Եթե լսում եք «շփոթված → զվարճացած → շփոթված», դուք կոնֆլիկտ ունեք, ոչ թե հոսում: Կրկնել անցումները, ոչ միայն էկրանները: Ինչպես խուսափել զգացմունքներից կոնֆլիկտի ժամանակ. արագ ստուգաթերթ Կարմիր դրոշներ → ուղղումներ.
Կատակները լուրջ պահերին → փոխանակեք հանգիստ, անմիջական լեզվով և վերականգնման հստակ ճանապարհով: Տոնակատարություն մինչև որոշում → տեղափոխել տոնակատարությունը հաստատումից հետո; նվազեցնել այն բարձր ռիսկային առաջադրանքների համար: Դժվար վիճակի թռիչքներ → նախապես հայտարարեք անցումների մասին; պահպանել շրջանակը հետևողական; օգտագործեք իմաստալից շարժումներ՝ շարունակականությունը պահպանելու համար: Թիմերի միջև հնչերանգների շեղում → կենտրոնացրեք ձայնային և հնչերանգային ուղեցույցները՝ օրինակներով՝ ըստ ռիսկի մակարդակի և վիճակի:
Կան պահեր, երբ էմոցիոնալ հոսքի խախտումը միտումնավոր և անհրաժեշտ է: Անվտանգության նախազգուշացումները, իրավական հաստատումները և անվտանգության համար կարևոր ազդանշանները հաճախ օգուտ են քաղում հնչերանգների կտրուկ փոփոխություններից: Այս դեպքերում խանգարումն ազդարարում է կարևորության մասին և պահանջում է ուշադրություն: Խնդիրն ինքնին հուզական հակամարտությունը չէ. դա պատահական հակամարտություն է: Երբ դիզայներները միտումնավոր ընտրում են խափանումը, օգտվողները հասկանում են խաղադրույքները՝ մտրակի հարվածներ զգալու փոխարեն: Եզրակացություն Մեծ փորձառությունները ուղղորդված փորձառություններ են: Դան Դանը ցույց է տալիս, թե ինչպես շարժվել զգացմունքների միջով՝ առանց մեզ կորցնելու. այն պատրաստվում է, անցում է կատարում և լուծում: Սուպերմենի տեսարանը հակառակն է ցույց տալիս՝ բախվելով սրտի զարկին: Կատարեք նախկինը: Քարտեզագրեք ձեր էմոցիոնալ ռիթմերը, հավասարեցրեք տոնը առաջադրանքի ռիսկին և թույլ տվեք, որ միկրոփոխազդեցությունները կամրջեն զգացմունքները, որպեսզի օգտատերերը հիշեն ճիշտ գագաթն ու ճիշտ վերջը, ոչ թե մեջտեղում ընկած հարվածը:
