Միկրոթեքները և UX հաղորդակցությունները

1) Ի՞ նչ է մանրադիտակները, և ինչո՞ ւ են դրանք անհրաժեշտ։

Միկրոպրոցեսները (microcopy) կարճ, համատեքստային արտահայտություններ են ինտերֆեյսի մեջ 'ստորագրություններ, հուշումներ, բեռնման վիճակներ, սխալներ, ապացույցներ, CTA կոճակներ, դատարկ էկրաններ և այլն։ Լավ միկրոթեքստ

«ինչ է կատարվում հիմա» և «ինչ անել հաջորդը»։

նվազեցնում է սխալներն ու աջակցությունը.

բարձրացնում է ծրարն ու վստահությունը։

2) Հիմնական սկզբունքները

1. Հստակություն> սրամիտ։ Ոչ մի երկիմաստ և ժարգոն։

2. Կոնտեքստը։ Մենք գրում ենք հենց այն, ինչ օգտակար է այստեղ և հիմա։

3. Հակիրճ։ Հեռացրու լրացուցիչ բառեր ՝ առանց իմաստալից զոհաբերելու։

4. Ակտիվ գրավչությունը և գործողությունների բայերը։ «Պահպանել», «Շարունակել», «Ուղարկել փաստաթղթերը»։

5. Կոնկրետիկան և արժեքները։ Ինչու՞, թե ինչպես շտկել, թե որքան ժամանակ կպահանջի։

6. Տերմինների հաջորդականությունը։ Մեկ տերմինը մի արժեք է ամբողջ ապրանքի համար։

7. Բրենդի ձայնը և իրավիճակի երանգը։ Ընկերասեր, բայց առանց խուճապի։ սթրեսը չեզոք է և հանգիստ։

8. Հասանելիություն։ Հասկանալի լեզուն, ընթերցանությունը բարձրաձայն, սկրինիդերների հետ համատեղելիությունը։

9. Տեղայնացում-first։ Դիզայնի-հոսանքները տողերի երկարության, թվերի, ժամանակի համար։ խուսափում ենք մշակութային կախվածությունից։

10. Էթիկան և պատասխանատվությունը։ Պայմանների թափանցիկությունը, ազնիվ սպասումները, առանց մանիպուլյացիայի։

3) Միկրոտեքստի կետերի քարտեզը

Միգրացիան և CTA ՝ կետերի, կոճակների, www.abled վիճակի անունները։

Ձևեր և KUS/2019 ՝ պիտակներ, պլեյշոլդերներ, դիմակներ, հուշումներ, inter-validation, սխալներ, ապացույցներ։

Դատարկ վիճակները և «զրոյական» էկրանները 'ինչ և ինչպես սկսել։

Կարգավիճակները և առաջընթացը 'բեռնումը, հերթը, քայլերը, սպասման ժամանակը։

Համապատասխան ծանուցումներ ՝ թոստեր, բանան, թնդանոթներ, e-mail/inbox։

Որոնում և ֆիլտրեր 'հարցումների օրինակ, զրոյական արդյունքներ, տեսակավորում։

Վճարում/եզրակացություններ 'տվյալների պահանջներ, ժամկետներ, պայմանագրեր, սահմաններ։

Մոսկվան և անվտանգությունը 'գաղտնաբառեր, 2FA, նստարաններ, ռիսկի ալերտներ։

Ինտերֆեյսի օգնությունը 'հինտներ, tooltips, FAQ-ժամացույցներ, հղումներ։

4) Patterns հիմնական գոտիներում (օրինակներով)

4. 1 CTA և գործողությունների անունները

Սկզբունքը 'կոճակը = օգտագործողի գործողությունը + օբյեկտ։

Մինչ '«Ok» -ը հետևյալն է. <<Պահպանել փոփոխությունները>>

Մինչ «Ավելի շատ բան սովորելը» կարդալուց հետո. <<Կարդալ բոնուսի կանոնները>>

Մինչ '"Ուղարկել" Եվգենի "Հետո ՝" Ուղարկել փաստաթուղթը "

Լավ 'հակիրճ, կոնկրետ տեղում։ Վատ է 'աբստրակտ, կատաղի, երկիմաստ։

4. 2 Լեյբլներ և պլեյշոլդերներ

Լեյբլը պարտական է; պլեյշոլդերը ձևաչափի օրինակ է։

Մինչ 'պլեյշոլդեր «Իվան Իվանովը» առանց պիտակի.

Սպասումները լուծելու համար '"DD. MM։ ԳԳԳ», «Ming. 8 նիշ, 1 թվեր"։

4. 3 Inault-validation և սխալներ

Սխալի մասին հաղորդագրության բանաձևը, որ ոչ թե +, ինչպես շտկել + (ինչու/սահմանափակում)։

Մինչ: <<Սխալ 400>>> -ից հետո. <<Ամսաթվի սխալ ձևաչափը։ Օգտագործեք DD։ MM։ ԳԳԳ"։

Մինչ '«Չի կարող բեռնվել» -ից հետո: <<Ֆայլը չափազանց մեծ է (MB)։ Ընտրեք ավելի փոքր չափսի ֆայլը"։

Բացմանը/արգելափակումներին 'ավելացրեք «Ցույց տվեք պահանջները» հղումը։

4. 4 Դատարկ վիճակ

Նպատակը 'բացատրել արժեքը և առաջարկել գործողությունը։

"Այստեղ կլինի [արդյունք/պատմություն], հենց որ դուք [գործողությունը]։ [Կոճակ-քայլ"։

Օրինակ. <<Դուք չունեք վճարման պահպանված մեթոդներ։ Ավելացրեք քարտեզը, դա կարագացնի վճարումները։ [Ավելացնել քարտեզը]"։

4. 5 Բեռնումը, առաջընթացը, սպասումը

Տեղեկացրեք, թե ինչ է կատարվում և ինչքա՞ ն կզբաղեցնի «Ստուգենք փաստաթղթերը (մինչև 2 րոպե)»։

Առաջարկեք այլընտրանքը. <<Դուք կարող եք փակել պատուհանը, մենք կխոսենք, երբ ամեն ինչ պատրաստ է>>։

4. 6 Զրոյական որոնման արդյունքները

Օրինակ ՝ "Ոչինչ չի հայտնաբերվել "blackjack" -ի խնդրանքով։ Փորձեք «blackjack» կամ հեռացնել «Պրովայդեր: X» ֆիլտրը։ [Գցեք ֆիլտրերը]"։

4. 7 Ծանուցումներ (tosts/fanners/թնդանոթներ)

Հաջողությունը '"Հայտը ուղարկված է։ Մենք կխոսենք լուծման մասին e-mail-ով"։

Տե՛ ս. <<Միգրանտների վերիֆիկացումը պարտադիր է սահմանը բարձրացնելու համար>>։

Ուշադրություն. <<Նստաշրջանը ավարտվում է 1 րոպե անց։ Երկարացնել։ [Երկարացնել] [Դուրս գալ]"։

Սխալ. <<Մոսկվան մերժված է բանկից։ Փորձեք մեկ այլ մեթոդ կամ կապվել բանկի հետ"։

4. 8 Վճարումներ, սահմաններ, ժամկետներ

Հստակ գրեք մրցույթի/ժամանակահատվածի մասին. <<Հանձնաժողովը պահվում է պրովայդերի 1,5 տոկոսը>>, "Վճարումը մինչև 15 րոպե>>։

Բացատրեք մերժման պատճառները. <<Մեթոդը ձեր տարածաշրջանում անհասանելի է պրովայդերի կանոնների պատճառով>>։

4. 9 Անվտանգություն և զգայուն քայլեր

Չեզոք երանգ, զրո կատակներ։

Օրինակ ․ "Մենք նկատեցինք նոր սարքից։ Դուք [Այո, ես եմ] [Ոչ]"։

5) Տոն և ոճը 'կարգավորում իրավիճակը

Նորմալ հոսք 'ընկերական, լաքոնիկ։

Ուսուցում/onbording 'աջակցող և մոտիվացնող։

Սթրես/սխալ/վճարում 'չեզոք, հանգիստ, կոնկրետ։

Իրավական/պայմանները 'ֆորմալ թափանցիկ, առանց մարքեթինգային խոստումների։

Մինի-դելդ բառեր

Մենք օգտագործում ենք '«Խնդրում եմ», «պատրաստ», «մի անհանգստացեք», «108»։

Մենք խուսափում ենք '"օ", "ups", "hak", "magia", "sarcastm, նվազեցնող լաց։

6) Տեղայնացումը և տեղայնացումը

Տեղադրեք դիֆերենցիալ տողերի (DE/UK ավելի երկար)։

Թվերը/արժույթը/ամսաթվերը տեղական են։

Մի ծածկագրեք իմաստը հումորում/մետաֆորում։

Վերցրեք տերմինների գլոսարիան և tone-map լեզուները (յուրաքանչյուր իրավիճակում արտահայտությունների օրինակներ)։

7) Հասանելիություն (A11y)

Սխալները և կարևոր կարգավիճակները արիա-2019 են։

Հակադրություն և ընթերցում WCAG մակարդակում։

Իմաստը պիտակում/aria-label է, ոչ միայն placeholder-ում։

Սրբապատկերների համար տեքստային համարժեքները ՝ «Հեռացնել», «Թաքցնել գաղտնաբառը»։

Ծխախոտի կարգը = իմաստի կարգը։

8) Գործընթացը և բովանդակության դիզայնի համակարգը

International pline: Brift wwww.UX-revew www.let/complaence (եթե անհրաժեշտ է) տեղայնացում է տալիս wwww.eExpress-ը։

Microcopy բաղադրիչները դիզայնի համակարգում

գրադարաններ (հաջողություն/2019/ուշադրություն/սխալ);

սխալի ձևանմուշները ըստ դաշտերի։

CTA անունների d- ը;

tone-map և glossaria;

«Դոզատորներ» երկարության համար (max chars)։

Տեքստի տարբերակումը 'պահեք տողերը կոդի/բաղադրիչների մոտ, օգտագործեք բանալիներ և նկարագրություններ։

9) Մետրիկի և փորձարկումների

Հիմնական մետրերը 'կոդավորման փոխարկումը, CTR-ը CTA-ով, ժամանակը մինչև ավարտը, սխալների հաճախականությունը (type-specific), NPS/CSAT սցենարի համար, դիմումների հաճախականությունը' ի աջակցություն թեմայի։

Ուսումնասիրությունները ՝ UX հարցազրույցները, Juzability-թեստերը, բարձրաձայն կարդալը, eye-tracking-ը «կույր գոտիներ» հայտնաբերելու համար, դատարկ վիճակների կլիքկ քարտեզի վերլուծությունը։

A/B թեստերը microcopy: փորձարկեք մի իմաստալից գործոն մեկ անգամ (գործողության բայը, ժամկետի առանձնահատկությունը, սխալի ձևակերպումը)։

10) Anti-patternes

Հումորը կրիտիկական քայլերում («համառոտ»)։ ստացիոնար սխալի դեպքում)։

Վերացական CTA («OK», «Հաջորդը») առանց գործողության օբյեկտի։

Տեխնիկական փոփոխությունները առանց թարգմանության («Error 500» «Ծառայությունը անհասանելի է»)։

Պլեյշոլդերը պիտակի փոխարեն։

Թաքնված պայմանները և չարդարացված սպասումները («Անմիջապես», երբ ուշացումներ կան)։

«Զրոյական» դատարկ վիճակներ առանց next-step։

Պասիվ գրավը և անկանխիկ կառուցվածքները («պետք է լցված»)։

11) Ֆրազ ձևանմուշները (կարելի է վերցնել և ներդնել)

Ձևերի սխալները

«Մուտքագրեք հեռախոսի համարը + 380...»

"Գաղտնաբառը շատ կարճ է։ Առնվազն 8 նիշ"։

"Փաստաթուղթը հորինված է։ Բեռնեք ավելի քան 230 լուսանկար"։

Ապացույցը

"Պատրաստ եմ։ Մենք ստուգելու ենք փաստաթղթերը (մինչև 2 րոպե) և ստանում ենք ծանուցում"։

"Մոսկվան ընդունվել է։ Քվիտանիան ուղարկվել է e-mail-ով"։

Դատարկ վիճակներ

"Այստեղ կհայտնվի վիրահատությունների պատմությունը առաջին համալրումից հետո։ [Համալրեք]"

Կարգավիճակներ/ակնկալիքներ

"Միացրեք պրովայդերին... սովորաբար դա տևում է մինչև 30 վայրկյան"։

Անվտանգություն

"Մենք արգելափակեցինք անծանոթ վայրից դուրս գալու փորձը։ Եթե դուք դա եք, հաստատեք"։

12) Չեկ թերթերը

Միկրոթեքստի թողարկումից առաջ

• Հասկանալի՞ է, թե ինչ անել օգտագործողը հետո։
• Կա՞ արդյոք առանձնահատկություն ՝ ձևաչափը, սահմանաչափը, ժամկետը, պատճառը/հետևանքը։
• Արդյո՞ ք դրանք համընկնում են գլոսարիայի հետ։
• Թոնը համապատասխանում է իրավիճակին։
• Հաղորդագրությունը կարդացի բարձրաձայն և 320 px էկրանին։
• Հասանելիություն ՝ պիտակներ, արիա-ատրիբուտներ, ֆոկուս, հակադրություն։
• Պատրա՞ ստ է ռուսական զբոսաշրջիկների համար տարբերակը (առանց մշակութային թակարդների)։

Սխալների համար

• Հաղորդագրությունը բացատրում է պատճառը։
• Խորհուրդ է տալիս շտկումը։
• Չի մեղադրում օգտագործողին։
• Չի բացահայտում լրացուցիչ տեխնիկական մանրամասները։

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

1. Մոսկվան մերժվել է

Առաջ ՝ «Մրցույթի սխալ»

Հետո. <<Մոսկվան մերժված է բանկից։ Փորձեք մեկ այլ քարտ կամ կապ բանկի հետ։ Հանձնաժողովը դուրս չի գրվել"։

2. Երկշաբաթյա կոճակ

«Շարունակել» (պարզ չէ, թե ինչ է)

Հետո '«Անցեք ինքնության հաստատմանը»

3. Զրոյական որոնում

Առաջ ՝ «Ոչինչ չի հայտնաբերվել»

Հետո. <<Ոչինչ չի հայտնաբերվել>>։ Հեռացրեք «Միայն high-limit» ֆիլտրը կամ փորձեք «roulette»։ [Գցեք ֆիլտրերը]"

4. Դատարկ դրամապանակ

Մինչ «Այստեղ դատարկ է»

Հետո. <<Սկսելու, քարտեզի կամ դրամապանակի ավելացման համար։ Դա կարագացնի համալրումները և վճարումները։ [Ավելացնել վճարման մեթոդը]"

14) Microcopy կառուցելը սննդի աշխատանքի մեջ

Պլանավորեք տեքստը միաժամանակ դիզայնի և տրամաբանության հետ։

Պահեք «տողերի բանկը» ավանդի և դիզայնի համակարգի մեջ։

Դրեք տեքստերի փորձարկման փուլը էկրանների պատճեններում։

Փաստաթղթավորեք որոշումները, թե ինչու է ընտրվել ձևակերպումը, ինչ վարկածներ են ստուգվում։

Հակիրճ լրտես

Իմաստը հետևյալն է. Նախ, ինչ պետք է անենք, ապա ինչպես ասել դա։

Մեկ էկրանը մեկ նպատակ է։ Միկրոթեքսը ծառայում է մրցույթի նպատակը։

Ավելի շատ կոնտեքստը ավելի քիչ աջակցություն է։ Բացատրեք ժամանակին և գործով։

Փորձիր այնպես, ինչպես UI-ն։ Տեքստերը ինտերֆեյսի մի մասն են, ոչ զարդարանք։