Prejsť na obsah

Web a UX

Mikrotext na webe: tlačidlá, nápovedy, hlásenia

Čo je mikrotext a ako ho písať: nápisy na tlačidlách, nápovedy k poliam, hlásenia o chybách a úspechu, prázdne obrazovky, jednotný tón a preklad do viacerých jazykov.

O nás

Kto sme a ako pracujeme

Mikrotext – to sú krátke texty rozhrania: nápis na tlačidle, popis poľa, nápoveda, hlásenie o chybe alebo úspechu. Vysvetľujú, čo robiť ďalej, a odstraňujú pochybnosti pred akciou. Dobrý mikrotext je konkrétny, hovorí jazykom zákazníka a opisuje výsledok kliknutia, preto často ovplyvňuje počet dopytov a objednávok.

Stručne

  • Mikrotext pôsobí v kľúčových bodoch: tlačidlá, polia formulárov, nápovedy, chyby, potvrdenia, prázdne obrazovky.
  • Nápis na tlačidle sa skladá zo slovesa a výsledku: Získať kalkuláciu, Pridať do košíka.
  • Popis nad poľom zostáva viditeľný; placeholder ukazuje príklad formátu.
  • Hlásenie o chybe odpovedá na tri otázky: čo sa stalo, prečo a čo robiť.
  • Jednotná terminológia a tón na všetkých stránkach a vo všetkých jazykoch robia web predvídateľným.
  • Mikrotext sa overuje na živých scenároch: dopyt, objednávka, registrácia.

Kde na webe mikrotext pôsobí

Mikrotext sa nachádza na každom kroku cesty zákazníka. Hlavné texty stránky vysvetľujú ponuku; mikrotext sprevádza človeka v momente akcie: kliknúť, vyplniť, opraviť, potvrdiť.

MiestoÚlohaPríklad
TlačidloPomenovať akciu a výsledokZískať kalkuláciu
Popis poľaVysvetliť, čo zadaťTelefón na potvrdenie objednávky
Nápoveda pri poliUkázať formát alebo dôvod požiadavkyPríklad: name@example.com
Hlásenie o chybeVysvetliť, ako to opraviťUveďte telefónne číslo s kódom krajiny
PotvrdenieUzavrieť otázku a ukázať ďalší krokDopyt sme prijali, odpovieme v pracovnom čase
Prázdny stavUkázať východiskoV košíku zatiaľ nič nie je, prejdite do katalógu

Tlačidlá a odkazy

Dobrý nápis na tlačidle odpovedá na otázku, čo sa stane po kliknutí. Vzorec je jednoduchý: sloveso plus výsledok. Porovnajte slabé a silnejšie varianty.

Slabý variantSilnejší variantPrečo je lepší
OdoslaťZískať kalkuláciuPomenúva prínos pre človeka
KúpiťPridať do košíkaOpisuje skutočnú akciu kroku
Viac informáciíPodmienky doručeniaZrozumiteľné bez kontextu
OKPonechať zmenyNapovedá dôsledok voľby
Prihlásiť sa na odberDostávať novinky raz mesačneUvádza frekvenciu e-mailov
  • Dĺžka nápisu je dve-štyri slová; dlhšie popisy sa zle zmestia na úzke obrazovky.
  • Na obrazovke je jedna hlavná výzva na akciu, vedľajšie tlačidlá vyzerajú pokojnejšie.
  • Text odkazu je zrozumiteľný aj mimo kontextu, pretože používatelia čítačiek obrazovky prechádzajú zoznam odkazov samostatne.
  • Bežná veľkosť písmen sa číta ľahšie ako slová písané veľkými písmenami.
  • Tlačidlo nebezpečnej akcie ju pomenúva priamo, napríklad Odstrániť produkt z košíka.

Polia formulárov, chyby a potvrdenia

Popisy a nápovedy

Mikrotext vo formulároch odstraňuje otázky skôr, než vzniknú. Skontrolujte každé pole podľa jednoduchého zoznamu:

  • popis stojí nad poľom a zostáva viditeľný aj pri zadávaní;
  • placeholder ukazuje príklad formátu, napríklad name@example.com;
  • povinné a nepovinné polia sú označené slovami;
  • pri citlivých údajoch je vysvetlenie, načo sú potrebné: Telefón potrebujeme na upresnenie času doručenia;
  • požiadavky na heslo sú viditeľné ešte pred zadaním;
  • pri platbe sú krátke vysvetlenia o doručení, vrátení a bezpečnosti platby.

Hlásenia o chybách

Hlásenie o chybe sa skladá z troch častí: čo sa stalo, prečo, čo robiť. Porovnajte dva varianty: Chyba 422 a Dopyt sa nepodarilo odoslať: skontrolujte telefónne číslo, musí obsahovať kód krajiny. Druhý text dáva človeku hneď akciu.

  1. Umiestnite hlásenie priamo pri pole, aby bolo na očiach.
  2. Píšte pokojne a bez obviňovania: Skontrolujte číslo znie lepšie ako Zadali ste nesprávne.
  3. Vyhnite sa technickým kódom a žargónu.
  4. Zachovajte už zadané údaje.
  5. Zabezpečte, aby chyby oznamovali čítačky obrazovky.

Hlásenia o úspechu a čakaní

Hlásenie o úspechu potvrdzuje akciu a pomenúva ďalší krok: Dopyt sme prijali. Ozveme sa vám v pracovnom čase. Sľubujte iba také lehoty, ktoré tím naozaj dodržiava. Počas odosielania tlačidlo ukazuje stav, napríklad Odosielame dopyt, a vypne sa, aby sa predišlo duplicitným dopytom.

Prázdne stavy, 404 a servisné obrazovky

Práve na obrazovkách, kde sa niečo vyvinulo inak, než sa plánovalo, robí text najdôležitejšiu prácu. Niekoľko príkladov:

  • Prázdny košík: odkaz na katalóg a obľúbené kategórie.
  • Vyhľadávanie bez výsledkov: rada skontrolovať pravopis, širší dopyt, kontakty manažéra.
  • Stránka 404: vysvetlenie, pole vyhľadávania, odkazy na hlavnú stránku a hlavné sekcie.
  • Banner cookies: stručne vysvetľuje, načo sú potrebné súbory cookie; požiadavky na súhlas závisia od krajiny, preto sa formulácie dohadujú s právnikom.
  • E-mail po objednávke a stránka s poďakovaním: číslo objednávky, obsah, lehoty, kontakty.

Tón, terminológia a viac jazykov

Mikrotext znie jednotne, keď sa tím dohodne na pravidlách. Stačí krátky sprievodca na jednu stranu:

  • tón je opísaný tromi slovami (napríklad jasný, zdvorilý, vecný) a podložený príkladmi;
  • jeden pojem má jeden názov: ak je v menu slovo košík, nachádza sa aj na tlačidlách a v e-mailoch;
  • oslovenie vykaním alebo tykaním je jednotné pre celý web;
  • skratky, formáty dátumov, mien a telefónov sú zjednotené.

Na viacjazyčnom webe preklad odovzdáva obsah a tón originálu. V slovenčine, ukrajinčine a ruštine slovo za číslom mení tvar (1 produkt, 2 produkty, 5 produktov), preto šablóna hlásenia s počítadlom musí tieto tvary podporovať. Strojový preklad každého jazyka kontroluje rodený hovoriaci a reťazce rozhrania je vhodné viesť v jednej tabuľke s komentármi.

Ako zlepšiť mikrotext: šesť krokov

  1. Prejdite cestu zákazníka (hlavná stránka, karta produktu alebo služby, košík alebo formulár, poďakovanie) a vypíšte každý text.
  2. Označte miesta, kde sa človek môže zastaviť a zapochybovať.
  3. Prepíšte texty podľa vzorcov: sloveso plus výsledok, chyba ako čo, prečo, čo robiť.
  4. Odstráňte žargón, interné pojmy a dlhé vety.
  5. Overte texty na niekoľkých ľuďoch z cieľovej skupiny: požiadajte ich splniť úlohu a komentovať nahlas.
  6. Zafixujte pravidlá v krátkom sprievodcovi a prehodnocujte ho spolu s aktualizáciami webu.

Príklad: od úradníckej reči k jednoduchému jazyku

Porovnajte dve hlásenia pre jednu situáciu. Prvé: Vaša požiadavka bola úspešne zaregistrovaná v systéme a bude spracovaná v poradí podľa príchodu. Druhé: Dopyt sme prijali, odpovieme v pracovnom čase. Druhé je kratšie, obsahuje zrozumiteľnú lehotu a znie ako ľudská reč.

To isté platí pre formu oslovenia v tlačidlách. Varianty Získať kalkuláciu a Chcem kalkuláciu znejú pre rôzne publikum rôzne. Vyberte jednu formu pre celý web a podľa potreby overte obe na kľúčovej stránke. Užitočné je aj zhromaždiť slová, ktoré tím nikdy nepoužíva (interný žargón, skratky, úradnícka reč), a držať zoznam vedľa sprievodcu.

Čo doplniť v obchode a na stránke služby

Najviac pochybností vzniká tam, kde človek zadáva peniaze alebo osobné údaje. Krátke vysvetlenia vedľa ceny, tlačidla a formulára časť takýchto otázok odstránia:

  • pri cene – čo je v cene zahrnuté a kedy sa môže zmeniť;
  • pri doručení – lehoty a podmienky, ktoré naozaj platia;
  • pri platbe – aké spôsoby sú dostupné a čo sa stane po kliknutí;
  • pri vrátení – kde si prečítať podmienky;
  • pri akciách a zľavách – doba platnosti a podmienky;
  • pri formulári dopytu – kedy sa s klientom spoja a o čom bude rozhovor.

Píšte iba overené fakty. Prehnaný sľub v mikrotexte môže dôvere uškodiť viac než absencia takého riadku.

Typické chyby

  • Všeobecné nápisy. Odoslať, Ďalej, OK a Viac informácií sa opakujú na každej obrazovke.
  • Placeholder namiesto popisu. Nápoveda pri zadávaní zmizne.
  • Obviňovanie používateľa. Frázy typu Pomýlili ste sa vyvolávajú podráždenie.
  • Technické kódy a žargón. Zákazník vidí interné pojmy systému.
  • Rôzne názvy jedného pojmu. Košík, vozík a taška na rôznych miestach zmätú.
  • Priveľa výkričníkov a vtipov. V situáciách s chybou pôsobia nevhodne.
  • Automatický preklad bez kontroly. Text sa číta mechanicky a môže skresliť význam.
  • Prehnané sľuby. Nápis o okamžitej odpovedi vyvoláva sklamanie, keď manažér odpovie v priebehu dňa.

Otázky a odpovede

Čím sa mikrotext líši od bežného textu na stránke?

Mikrotext pomáha vykonať akciu priamo v rozhraní: kliknúť, vyplniť, opraviť. Hlavné texty stránky vysvetľujú a presviedčajú; mikrotext sprevádza používateľa v momente rozhodnutia.

Dajú sa popisy polí nahradiť placeholderom?

Spoľahlivejšie je držať popis nad poľom: nápoveda vnútri poľa pri zadávaní zmizne a človek prestane vidieť, čo presne zadáva. Popis je obzvlášť dôležitý v dlhých formulároch a pre používateľov čítačiek obrazovky.

Koľko slov má obsahovať tlačidlo?

Zvyčajne dve-štyri slová. Dlhší text je možný, keď je potrebné vysvetlenie, ale treba ho overiť na úzkej obrazovke telefónu.

Ako písať hlásenie o chybe?

Pomenujte problém, vysvetlite príčinu a navrhnite riešenie v jednej-dvoch vetách pri poli. Tón pokojný, bez obviňovania a technických kódov.

Je potrebný A/B test pre mikrotext?

Pre weby s veľkou návštevnosťou je A/B test užitočný na kľúčových tlačidlách. Na menších weboch je spoľahlivejšie sledovať používateľov, pozerať záznamy relácií a porovnávať obdobia pred zmenami a po nich.

Záver

Mikrotext sa skladá z drobností, no práve tie vedú človeka od prvého kliknutia k dopytu alebo objednávke. Projektujte texty rozhrania spolu s návrhmi, používajte jednoduché vzorce pre tlačidlá a chyby, držte jednotnú terminológiu a overujte výsledok na živých scenároch. Užitočné je raz za štvrťrok prehodnotiť texty chýb a prázdnych obrazoviek, lebo na takých miestach ľudia často web opúšťajú. Zapísané pravidlá pomáhajú novým zamestnancom a dodávateľom písať texty v jednotnom štýle. Ak potrebujete pomoc, LightSEO vám môže pomôcť s textami rozhrania pri tvorbe webu na šablóne alebo internetového obchodu.

Prečítajte si aj