Microtext și comunicații UX

1) Ce sunt microtextele și de ce sunt necesare

• explică „ce se întâmplă acum” și „ce trebuie făcut în continuare”;
• Reduce erorile și suportul
• crește conversia și încrederea.

2) Principii de bază

1. Claritate> wit. fără ambiguitate sau argou.
2. Contextualitate. Scriem exact ceea ce este util aici și acum.
3. Brevity. Înlăturăm cuvintele inutile fără a sacrifica sensul.
4. Verbe active de voce și acțiune. Salvați, continuați, trimiteți documente.
5. Specificul și reperele. Ce, de ce, cum să se stabilească, cât timp va dura.
6. Secvenţa termenilor. Un termen este un sens pe tot parcursul produsului.
7. Vocea mărcii și tonul situației. Prietenos, dar fără familiaritate; în pași stresanți - neutri și calmi.
8. Accesibilitate. Limbaj clar, lizibilitate cu voce tare, compatibilitate cu cititoarele de ecran.
9. Localizare-primul. Jetoane de proiectare pentru lungimea șirului, numere, timp; evitarea glumelor sensibile din punct de vedere cultural.
10. Etică şi responsabilitate. Transparenţa condiţiilor, aşteptări oneste, fără manipulare.

3) Harta punctelor microtext

Navigare și CTA: nume de elemente, butoane, stări cu handicap.
Formulare și CCM/înregistrare: etichete, substituenți, măști, solicitări, validare inline, erori, confirmări.
Stări goale și ecrane „zero”: ce este și cum să începeți.
Statusuri și progres: descărcări, coadă, pași, timp de așteptare.
Notificări de sistem: pâine prăjită, bannere, pufuleți, e-mail/inbox.
Căutare și filtre: interogări de probă, rezultate zero, sortare.
Plăți/concluzii: cerințe de date, termene limită, comisioane, limite.
Setări și securitate: parole, 2FA, sesiuni, alerte de risc.
Ajutor pentru interfață: indicii, vârfuri de instrumente, inserții de întrebări frecvente, link-uri pentru a ajuta.

4) Tiparele zonei cheie (cu exemple)

4. 1 Nume CTA și de acțiune

Principiu: buton = acțiune utilizator + obiect.

Înainte: Ok → După: Salvați modificările

Înainte: „Aflați mai multe” → După: „Citiți regulile bonusului”

Înainte de: „Trimite” → După: „Trimite document”

Bun: pe scurt, în mod specific, în loc. Rău: abstract, glumind, ambiguu.

4. 2 Etichete și substituenți

Eticheta este necesară; înlocuitorul este un exemplu de format.
Înainte: substituent „Ivan Ivanov” fără etichetă → După: eticheta „NUME COMPLET”, substituent „Ivan Іvanov”.

Așteptările formatului: "DD. MM. YYYY", "Min. 8 caractere, 1 cifră"

4. 3 Validare și erori inline

Formula mesajului de eroare: ce este greșit + cum să remediați + (de ce/constrângere).

Înainte de: "Eroare 400" → După: "Formatul de dată nevalidă. Utilizați DD. MM. AAAA"

Înainte: "Eșec la încărcare" → După: "Fișierul este prea mare (max. 10 MB). Vă rugăm să selectați un fișier mai mic.
Pentru a deschide/bloca: Adăugaţi link-ul Afişare cerinţe una lângă alta.

4. 4 Stări goale

Scop: Explicați valoarea și sugerați acțiunea.

Șablon: "Aici va fi [rezultat/poveste], de îndată ce [acțiune]. [Butonul pas]"

Exemplu: "Nu aveți încă metode de plată salvate. Adăugați un card - acest lucru va accelera plățile. [Adaugă hartă]"

4. 5 Descărcări, progres, așteptare

Raportați ce se întâmplă și cât timp va dura: „Verificăm documentele (până la 2 minute)”.
Oferiți o alternativă: „Puteți închide fereastra - vă vom anunța când totul este gata”.

4. 6 Zero rezultate de căutare

Exemplu: „Nimic găsit pentru „blackjack live. "Încercaţi "blackjack" sau eliminaţi "Furnizor: X" filtru. [Resetare filtre]"

4. 7 Notificări (pâine prăjită/bannere/pooches)

Succes: „Aplicația a fost sentință.Vă vom informa despre decizie prin e-mail”.
Info: „Verificarea adresei este necesară pentru a crește limita”.

Atenție: "Sesiunea expiră într- 1 minut. Reînnoire? [Renew] [Quit]"

Eroare: "Plata a fost refuzată de bancă. Încercați o altă metodă sau contactați banca.

4. 8 Plăți, limite, termene

Scrie clar despre comisioane/termeni: "Comisionul de 1. 5% este reținut de furnizor", "Plata - până la 15 minute"

Explicați motivele eșecurilor: „Metoda nu este disponibilă în regiunea dvs. din cauza regulilor furnizorului”.

4. 9 Pași de siguranță și sensibili

Ton neutru, glume zero.
Exemplu: "Am observat o intrare de la un dispozitiv nou. Tu eşti? [Da, eu sunt] [Nu] ".

5) Ton și stil: ajustarea la situația

Flux normal: prietenos, concis.
Învățare/onboarding: susținere și motivare.
Stres/eroare/plată: neutru, calm, specific.
Lege/condiții: transparent formal, fără promisiuni de marketing.

• Folosim: „vă rog”, „gata”, „nu vă faceți griji”, „verificați”.
• Evităm: "oh", "oops'," hack "," magie ", sarcasm, diminutiv.

6) Localizare și internaționalizare

Setați marja de lungime a liniei (DE/UK mai lung).
Numere/valute/date - format local.
Nu cripta sensul în umor/metafore.
Păstrați un glosar de termeni și ton-hartă în funcție de limbă (un set de expresii eșantion pentru fiecare situație).

7) Disponibilitate (A11y)

Erori și stări importante - aria-live.
Contrast și lizibilitate la nivelul WCAG.
Sensul este în eticheta/aria-etichetă, nu numai în substituent.
Echivalente text pentru pictograme: „Șterge”, „Ascunde parola”.
Ordinea filei = ordinea sensului.

8) Procesul de conținut și sistemul de proiectare

Conținut conductă: scurt proiect revizuire UX legală/conformitate (dacă este necesar) localizare teste eliberare.

• Biblioteci de stat (succes/info/atenție/eroare)
• Modele de eroare după tipul de câmp
• ghid de nume CTA;
• ton-hartă și glosar;
• „dozatoare” de lungime (chars max pentru state).
• Versionarea textului: stocați linii lângă cod/componente, utilizați taste și descrieri.

9) Măsurători și experimente

Valori cheie: conversie pas, CTA CTR, timp până la finalizare, rata de eroare specifică tipului, NPS/CSAT pentru script, frecvența apelurilor de asistență pe această temă.
Cercetare: interviuri UX, teste de utilizare, citire cu voce tare, ochi-urmărire pentru detectarea punctului orb, analiza clic-hartă stare goală.
Testele microcopy A/B: testați un factor semantic la un moment dat (verb de acțiune, specificitatea termenului, formularea erorilor).

10) Anti-modele

Umorul în pași critici („upsik!” în caz de eroare de plată).
CTA-uri abstracte ("OK", "Next') fără un obiect de acțiune.
Coduri tehnice fără traducere („Eroare 500” în loc de „Serviciul nu este disponibil”).
Înlocuitor în loc de etichetă.
Condiții ascunse și așteptări nerezonabile („Instantaneu” atunci când există întârzieri).
„Zero” stări goale fără următorul pas.
Structuri pasive colaterale și impersonale („trebuie umplute”).

11) Modele de frază (pot fi luate și introduse)

• „Vă rugăm să introduceți un număr de telefon în format + 380”...
• "Parola este prea scurtă. Minimum 8 caractere"
• "Documentul este neclar. Încărcați o fotografie mai clară"

• "Gata! Vom revizui documentele (până la 2 minute) și vom trimite o notificare"
• "Plata a fost acceptată. Chitanța a fost trimisă prin e-mail"

• "Istoricul tranzacțiilor după prima reaprovizionare va apărea aici. [Reumplere]"

• "Conectăm furnizorul... de obicei durează până la 30 de secunde"

• "Am blocat o încercare de a intra dintr-un loc necunoscut. Dacă acesta ești tu - confirmă în aplicație"

12) Liste de verificare

• Este clar ce ar trebui să facă utilizatorul în continuare?
• Există specificități: format, limită, termen, cauză/efect?
• Termenii se potrivesc cu glosarul?
• Este tonul potrivit pentru situație?
• Mesaj care poate fi citit cu voce tare și pe un ecran de 320 px?
• Disponibilitate: etichete, atribute aria, focalizare, contrast.
• Este opțiunea gata pentru localizare (fără capcane culturale)?

• Mesajul explică motivul?

• Sugerează o remediere?
• Nu dă vina pe utilizator?
• Nu dezvăluie detalii tehnice inutile?

13) Înainte/după exemple

1. Plata refuzată

To: „Eroare de plată”

După: "Plata a fost refuzată de bancă. Vă rugăm să încercați un alt card sau contactați banca. Taxa nu a fost percepută"

2. Buton ambiguu

Înainte: „Continuați” (neclar ce anume)

După: „Du-te la confirmarea identității”

3. Căutare zero

Înainte: „Nu s-a găsit nimic”

După: "Nimic găsit pe ruletă live. „Eliminați filtrul „High-limit” sau încercați „ruletă. „[Resetare filtre]”

4. Portofel gol

Înainte: „E gol aici”

După: "Pentru a începe, link-ul un card sau portofel. Acest lucru va accelera reaprovizionarea și plățile. [Adaugă metoda de plată]"

14) Încorporarea microcopiei în activitatea produsului

Planificați textul în același timp cu designul și logica.
Păstrați „banca rând” în sistemul de depozitare și proiectare.
Stabiliți stadiul de testare a textelor pe copii ale ecranelor.
Deciziile documentului: de ce este aleasă formularea, care ipoteze sunt testate.

Foaie scurtă de trișat

Înțeles → acțiune → cuvânt. În primul rând ceea ce trebuie făcut, apoi cum să-l spun.
Un ecran este un singur scop. Microtext servește scopului etapei.
Mai mult context - mai puțin sprijin. Explică la timp şi la caz.
Testați cuvintele în același mod ca și UI. Textele fac parte din interfață, nu decorarea.