Հաջողության հաղորդագրությունները և զգացմունքային արձագանքը

1) Ինչո՞ ւ հաջողակ հաղորդագրությունների կարիք կա

UX-ֆիդբեքը «հաջողության» (success state feedback) դրական արձագանք է, որը ստանում է օգտագործողը հաջողակ գործողությունից հետո 'ձևեր ուղարկելը, կոդավորման ավարտը, գրանցումը, պահպանումը և այլն։

Այս միկրոմենտները UX հոգեբանության հզոր գործիք են, նրանք ուժեղացնում են վերահսկման զգացումը, պարգևատրում են ջանքերը և ամրացնում վարքագծային սովորությունը։ Վարքագծային դիզայնի տերմիններում սա «դոպամինի արձագանքի պահն» է, որը ձևավորում է վստահություն և հավատարմություն սննդի նկատմամբ։

Հաջողության լավ հաղորդագրությունը երեք բան է անում

1. Ապացուցում է արդյունքը։ Օգտագործողը կասկած չունի, որ ամեն ինչ ճիշտ է ավարտվել։

2. Ստեղծում է զգացմունքներ։ Ուրախություն, բավարարվածություն, վերջավորության զգացում։

3. Հաջորդ քայլը է տալիս։ Ինչ կարող եք անել հիմա 'կիսվել, վերադառնալ, շարունակել։

2) Հաջողության հաղորդագրությունների տեսակները

3) UX հաղորդագրությունների հիմնական սկզբունքները հաջողության

1. Կոնկրետիկան։ Այն, ինչ տեղի ունեցավ, «Փաստաթղթերը ստուգված են», «Ընդունվեց»։

2. Համատեքստը։ Հաշվի առեք օգտագործողի քայլը ՝ տեխնիկական պահպանումը։

3. Ժամանակին։ Հաղորդագրությունը հայտնվում է հաստատումից անմիջապես հետո, առանց ուշացման։

4. Հակիրճ։ 1-2 տեքստ + հասկանալի CTA։

5. Տեսողական աջակցումը։ Գույնը, անիմացիան, «վանդակների» պատկերակը, ձայնային կամ վիբրո ազդանշանը։

6. Զգացմունքային հավասարակշռություն։ Առանց չափազանց «արձակուրդի», եթե գործողությունը իրական է։

7. Հաջորդ քայլը։ Մի թողեք օգտագործողին «փակուղում», առաջարկեք տրամաբանական շարունակություն։

4) Հաջողության հաղորդագրությունների կառուցվածքը

Ձևանմուշներ

Օրինակ

Կազմը

Վերնագիրը (ուղղակիորեն) 'ռուսական ապացույց ("Պատրաստ եմ։ ", "Հաջողությամբ պահպանված")։

Տեքստը 'արդյունքի հստակեցում։

CTA 'հաջորդ ռելեվանտային գործողությունը։

Տեսողական 'թեթև անիմացիա/իկոն, որը ընդգծում է դրական արդյունքը։

Ցուցադրման ժամանակը '2-4 վայրկյան հոսանքի համար կամ մինչև նորաձև պատուհանի համար։

5) Պատրանքներ տարբեր տարածքների համար

5. 1 Tramp/հեղինակային

"Բարի գալուստ։ Հաշունտը ստեղծվել է։ Ռուսական փոստը հաստատելու համար"։

"Դուք հաջողությամբ միացաք։ Շարունակեք այն վայրից, որտեղ կանգ առան"։

5. 2 Վճարումներ/համալրումներ

"Մոսկվան ընդունվեց։ Միջոցները հաշվարկվելու են 15 րոպեի ընթացքում"։

"Համալրումը հաջողակ է։ Հավասարակշռությունը նորարարված է"։

5. 3 KYC/veriation

"Փաստաթղթերը ստուգված են։ Այժմ հասանելի են բոլոր գործառույթները"։

"Շնորհավորում ենք։ Ձեր պաշտոնական ձայնագրությունը ամբողջովին ապացուցված է"։

5. 4 Մոսկվա/պահպանում

«Փոփոխությունները պահպանված են»։

"Պարամետրերը նորարարված են։ Նոր արժեքներն ուժի մեջ կմտնեն վերագործարկումից հետո"։

5. 5 Բոնուսներ/նվաճումներ

"Շնորհավորում ենք։ Դուք ստացել եք 50 FS բոնուս"։

"Դուք կատարեցիք "Խաղային շաբաթ" առաջադրանքը։ [Ստանալ մրցանակը]"

6) Հաղորդագրությունների հուզական դիզայնը

Հաջողության հաղորդագրությունները ինտերֆեյսի զգացմունքային լանդշաֆտի մի մասն են։ Նրանք ձևավորում են համակարգի «կենդանի» զգացումը։

Զգացմունքային արձագանքման գործիքները

Միկրո անիմացիաներ 'լողացող վագոն, քաղցրավենիք, փափուկ չափում։

Գույնը 'կանաչ/փիրուզագույն' անվտանգության և ընդունելու ասոցիացիա։

Ձայնը/թրթռումը (mobile) կարճ ազդանշան է, որը համընկնում է տեսողական համակարգի հետ։

Թոն 'հանգիստ վստահություն մարքեթինգային էյֆորիայի փոխարեն։

Հավասարակշռված տոնայի օրինակ

Չափազանց էմոցիոնալ (հակա-օրինակ)

7) UX հավասարակշռություն ՝ ռացիոնալ և էմոցիոնալ։

Ոչ բոլոր հաջողությունները հավասար են։ Օգտագործողի ընկալումը բաժանվում է երկու մակարդակի

Ռացիոնալ UX. <<Ես տեսնում եմ, որ գործողությունն ավարտված է>>։

Զգացմունքային UX '«համակարգը գնահատեց իմ ներդրումը/ես գոհ եմ»։

Զանգվածային ապրանքներում (բանկինգ, խաղատուն, առևտրային պլատֆորմներ) թույլ կտան զգացմունքների գրադիենտ

ամենօրյա գործողությունները չեզոք դրական ազդանշաններ են տալիս։

նշանակալի հաջողություններ են տալիս զգացմունքային շեշտադրումը (նկարազարդում, ձայն, բոնուս)։

Ամենակարևորը 'ոչ թե փոխել «էֆեկտի» էությունը, զգացմունքները պետք է մեծացնեն հաջողության գիտակցությունը, այլ ոչ թե շեղել։

8) Զգացմունքների տեղայնացումը և մշակույթը

Տարբեր լեզուներում տարբեր կերպ արտահայտվում է ուրախություն և «ֆորմալություն»։

Անգլերենով «Well done»։ բնական է; Գերմանացի տեղին է «Erfolgreich abgeschlossen»։

Թուրքական և արաբական ինտերֆեյսներում հաճախ խուսափում են ավելորդ բացականչություններից։

Պոլիզացիայի մեջ կարևոր է 'տողերի նույն երկարությունը, զգացմունքների նույն ուժը։

Պահպանեք tone-map թարգմանիչների համար '«ուրախության» թույլատրելի մակարդակները ըստ սցենարների։

9) Արդյունավետության մետրերը

CTR-ը CTA-ի հաջողության մեջ (քանի՞ օգտագործողներ շարունակվում են)։

Արձագանքի ժամանակը 'արդյոք հաղորդագրությունը փակո՞ ւմ է ավտոմեքենայի թաքցումից առաջ։

Կոլը կրկնվող գործողությունների ժամանակ (ֆունկցիայի կրկնվող օգտագործումը)։

Հաջորդ փուլում սխալների մակարդակը ֆիդբեկի պարզության ցուցանիշն է։

UX հարցազրույցները. <<հասկացե՞ լ եք, որ գործողությունն ավարտված է։ ”.

A/B գաղափարները

Ֆրազի տատանումները («Պատրաստ» vs «Հաջողությամբ միացում»)։

Հեղինակային իրավունքի/իկոնկայի առկայությունը։

CTA-ի առկայությունը։

Զգացմունքային թոն (չեզոք vs աջակցում)։

10) Anti-patternes

Ծանրաբեռնված անիմացիաներ, որոնք արգելափակում են հոսքը։

Չափազանց ուրախ կամ «մանկական» տոնով լուրջ քայլերում։

Չեզոք «OK» -ը առանց նշելու, թե ինչ է ավարտվել։

Հաղորդագրությունը առանց CTA-ի, եթե ակնհայտ շարունակություն կա։

Գույնի անհամապատասխանությունը (օրինակ, կարմիր ֆոնը հաջողության դեպքում)։

Երկար վիրահատություններում հաստատման բացակայությունը (օգտագործողը համոզված չէ)։

11) Չեկի թուղթը նախքան թողարկումը

• Հստակ պարզ է, որ գործողությունն ավարտված է։
• Նշե՞ լ է, թե ինչ է կատարվում։
• Հաղորդագրությունը ավելորդ զգացմունքներ չի առաջացնում։
• Կա CTA հաջորդ մրցույթի համար։
• Գույնն ու պատկերակը համապատասխանում են հաջողության արտոնագրին։
• Հաղորդագրությունը ցույց է տալիս 2-4 վայրկյան (կամ մինչև գործողությունը)։
• Ստուգված է մութ թեմայում և բջջային։
• Տեղայնացումը չփոխեց իմաստը և երանգը։

12) «Մինչև/հետո» օրինակները

Մոսկվան

Առաջ ՝ «OK»

Հետո ՝ "+ Մոսկվան ընդունվեց։ Միջոցները հաշվարկված են հաշիվով։ [Տեսնել պատմությունը]"

Մոսկվան

Առաջ ՝ «Lenta.ru»

Հետո '"Բարի գալուստ։ Հաշունտը ստեղծվել է։ Ռուսական փոստը հաստատելու համար"։

Մոսկվան

Մինչ «Փոփոխությունները պահպանված են»

Հետո ՝ "+ Մոսկվան նորարարված է։ Նոր պարամետրերը արդեն օգտագործվել են"։

• Մինչ «Փաստաթղթերը ստուգված են»
• Հետո '"+ Ամեն ինչ պատրաստ է։ Վերիֆիկացիան ավարտված է։ Այժմ կան եզրակացություններ և բոնուսներ"։

13) Դիզայնի համակարգի համար

Success.ru բաղադրիչը

jsx
<SuccessMessage title = "Done!"
message =" Your payment was successful."
icon="check-circle"
duration={3000}
primaryAction = {{label: "View history," onClick: openHistory}}
tone="positive"
/>

Աջակցված պարամետրերը

14) Արագ ձևանմուշներ ֆրազ

Հակիրճ լրտես

Հաստատեք հաջողությունը հատուկ։

Ավելացրեք հեշտ զգացողություն 'առանց ընդմիջման։

Տեսողական և տեքստ ընդգծեք։

Առաջարկեք հաջորդ քայլը։

Ստուգեք արագությունը, կարդալը և մշակութային հավասարակշռությունը։