Mikrotekstovi na sajtu: dugmad, poruke o greškama i potvrde

Kada se govori o tekstovima na sajtu, obično se misli na naslove, opise usluga i blog. Ali posetilac najčešće zapne na mnogo kraćim tekstovima: natpisu na dugmetu, poruci o grešci u formi, praznoj korpi ili potvrdi posle slanja. To su mikrotekstovi na sajtu, reči kojih ima malo, a koje odlučuju da li će posetilac završiti ono što je započeo. U ovom tekstu pokazujemo kako da napišete dugmad, poruke o greškama, prazna stanja i potvrde tako da vode korisnika, a ne da ga zbunjuju.

Zašto su kratki tekstovi važni

Mikrotekst se pojavljuje baš u trenucima odluke: pre klika, posle greške, kada nešto nedostaje. Posetilac tada ne čita pažljivo, već skenira i traži odgovor na pitanje „šta sad?“. Nejasan natpis ili generička poruka o grešci u tom trenutku lako postaje razlog za odustajanje. Dobra vest je da se mikrotekstovi menjaju brzo i jeftino, bez redizajna. Neka načela važe za sve njih:

• Jasno pre duhovitog. Šala je u redu tek kada je poruka već razumljiva.
• Konkretno pre opšteg. „Pošalji upit“ govori više od „Pošalji“.
• Dosledno. Ista radnja se svuda zove isto; ako je negde „korpa“, nije drugde „kolica“.
• Jezikom kupca. Bez internih izraza i tehničkog žargona.

Natpisi na dugmadi

Dugme treba da kaže šta će se desiti posle klika. Najbolje funkcionišu glagol i predmet: „Pošalji upit“, „Zakaži termin“, „Dodaj u korpu“, „Preuzmi cenovnik“. Natpisi poput „Klikni ovde“, „Potvrdi“ ili „Dalje“ ne govore ništa o rezultatu.

Mali tekst ispod dugmeta često uklanja poslednju sumnju: „Odgovaramo u toku radnog dana“, „Bez obaveze“, „Plaćanje pouzećem“. Pišite samo ono što je tačno. O širem kontekstu poziva na akciju pisali smo u tekstu poziv na akciju: primeri.

Poruke o greškama u formama

„Došlo je do greške“ je najčešća i najmanje korisna poruka na sajtovima. Dobra poruka o grešci odgovara na dva pitanja: šta nije u redu i kako to ispraviti. Uz to:

• Prikažite poruku odmah pored polja na koje se odnosi, a ne samo na vrhu forme.
• Ne oslanjajte se samo na crvenu boju; dodajte tekst i ikonicu, jer boju ne razlikuju svi.
• Ne brišite ono što je posetilac već upisao.
• Ne okrivljujte korisnika: „Unesite broj telefona sa pozivnim brojem, npr. 064 123 4567“ umesto „Neispravan unos“.
• Prihvatite različite formate kada je moguće: razmake u broju telefona, velika slova u e-adresi.

Najbolja poruka o grešci je ona koja se ne pojavi. Pomoćni tekst ispod polja unapred kaže šta se očekuje: „Koristimo ga samo da bismo vas pozvali u vezi sa upitom“ pored broja telefona, ili „Najmanje 8 znakova“ pored lozinke. Tako posetilac zna zašto tražite podatak i u kom obliku, a istovremeno dobija razlog da vam veruje. Isto važi za polja koja nisu obavezna: označite ih jasno, umesto da posetilac nagađa.

Da bi poruku čuli i korisnici čitača ekrana, povežite je sa poljem:

<label for="telefon">Broj telefona</label>
<input id="telefon" type="tel" aria-invalid="true" aria-describedby="telefon-greska">
<p id="telefon-greska">Unesite broj sa pozivnim brojem, npr. 064 123 4567.</p>

Placeholder, sivi tekst unutar polja, nije zamena za oznaku polja, jer nestaje čim korisnik počne da kuca. Više o pristupačnim formama u tekstu pristupačnost sajta: WCAG osnove, a o celoj formi u tekstu kontakt forma koja donosi upite.

Prazna stanja

Prazna korpa, pretraga bez rezultata, lista želja u koju ništa nije dodato: ovo su stanja koja se u dizajnu često zaborave, pa posetilac vidi samo belu površinu. Prazno stanje treba da objasni zašto je prazno i ponudi sledeći korak.

• Prazna korpa: „Korpa je prazna. Pogledajte najprodavanije proizvode“ uz link, umesto samo „Nema proizvoda“.
• Pretraga bez rezultata: ponovite traženi pojam, predložite proveru pravopisa, ponudite kategorije ili kontakt: „Niste našli? Pišite nam, možda imamo u magacinu.“
• Nalog bez porudžbina: kratko objasnite šta će se tu pojaviti i gde se počinje.

Pretraga bez rezultata je posebno važna u web shopu: to je posetilac koji je jasno rekao šta želi. Umesto da ga pustite da ode, dajte mu alternativu.

Potvrde i poruke o uspehu

Posle slanja forme ili porudžbine posetilac želi tri informacije: da je uspelo, šta se dalje dešava i kada. „Hvala!“ je nedovoljno. Bolje je: „Primili smo vaš upit. Odgovorićemo na e-adresu koju ste uneli, obično u toku istog radnog dana. Ako je hitno, pozovite 011 123 4567.“ Rok napišite samo ako ga zaista poštujete. Šta još može da stoji na toj stranici, opisali smo u tekstu stranica zahvalnosti posle upita.

Pre nepovratnih radnji, poput brisanja adrese ili otkazivanja porudžbine, pitajte konkretno: „Obrisati adresu Bulevar oslobođenja 12?“, sa dugmadima „Obriši adresu“ i „Odustani“. Kod manje važnih radnji umesto potvrde je često bolja mogućnost poništavanja: „Proizvod je uklonjen iz korpe. Vrati“.

Kako da popišete i poboljšate mikrotekstove

1. Prođite sajt kao kupac: pošaljite formu sa greškom, ispraznite korpu, potražite nešto čega nema.
2. Zapišite svaki natpis, poruku i potvrdu na koju naiđete, zajedno sa mestom gde se pojavljuje.
3. Napravite kratak rečnik: kako se zovu radnje i pojmovi i da li se posetiocu obraćate sa ti ili vi. Slova č, ć, š, ž i đ pišite uvek.
4. Proverite tekstove koje ne pišete vi: poruke iz dodataka za forme, WooCommerce obaveštenja i e-poruke, koje su često loše prevedene.
5. Posle izmena pratite da li se menja broj poslatih formi ili završenih kupovina, ali bez očekivanja čuda od jedne reči.

Mikrotekstovi su deo dizajna, a ne dodatak na kraju. Ako želite da pregledamo dugmad, forme i poruke na vašem sajtu i predložimo jasnije formulacije, pošaljite nam upit.