Představte si, že navrhujete nový web…
Slogany, nadpisy, blog, všechno je připraveno. Všechny texty a grafika mají jednu jedinou úlohu: donutit uživatele k akci. Ale co když ztratí cestu a směr během konverzního procesu?
Co když bude objednávkový formulář příliš složitý, platební brána příliš nedůvěryhodná, pravidla hry nesrozumitelná a dotazník moc dlouhý?
Na tyto situace jsou všechny reklamní texty krátké. Na jejich místo nastupuje microcopy. Drobné texty, které pomáhají uživatelům vyznat se v digitálním světě.
Nyní si prosvištíme jejich 4 základní druhy:
1. Statický text
Nejjednodušší způsob jak uživatelů v nouzi poradit je prostě jim tu radu napsat. Statický text se nijak neliší od ostatních textů na webu.
Výhody
takové rady nelze přehlédnout.
Nevýhody
Každý další text vizuálně plevelí jinak čistý web.
Vracející se uživatele může opakované čtení textu pěkně otravovat.
Jak statický text používat
Uvědomte si, že s jakýmkoliv textem, který staticky umístíte na web, uživatele stavíte před dvě možnosti.
Buď si jej přečte celý, nebo jej celý ignoruje.
Naštěstí existuje způsob, jak uživatele přimět zvolit první možnost: pište krátké texty. Ideální text má maximálně jeden řádek.
Vyhněte se vtipům a banalitám. Poprvé se uživatel třeba i zasměje. Když ale vaší stránku navštíví po padesáté a popadesáté je nucen konzumovat váš vtip, tak se cítí jako na návštěvě u babičky, která mu s láskou rve do krku desátý knedlík se svíčkovou.
Shrnuto, podtrženo: do statického textu patří pouze ty nejdůležitější informace. Nepište tam banality.
2. Automaticky se objevující text
Nechcete si vizuálně zaprasit svůj čistý web? Nechte text objevovat se automaticky po najetí na určitou oblast.
Výhody
Nezanese web přehršlí textu.
Nenutíte uživatele číst pořád dokola ten samý text. Expertní uživatel se prostě vyhne najetí na oblast s automatickým textem.
Uživatel si propojí radu přímo s místem, kde ji nejvíce potřebuje.
Nevýhody
V případě pomalého internetového připojení se text nemusí vůbec zobrazit.
Roztěkaný a nervozní uživatel má tendence zuřivě vířit prostorem a vaší rady si nemusí všimnout.
Jak automatický text používat
Označte vizuálně místo, u kterého se nachází automatický text. Ať uživatel již zdálky vidí, že na tomto místě najde něco mimořádného. Bold, italic, podtržení textu. (Skoro) vše je dovoleno.
Protože je text tak úzce spjatý s označeným místem, pište do automatického textu pouze informace, které se konkrétně k tomuto místu vážou. Žádné obecné traktáty.
Pište stručně. Pár slov. Maximálně jedna věta. Jak dlouho myslíte, že uživatel vydrží být s myší na jednom místě? Moc dlouho to nebude.
3. Placeholder
Placeholder je kombinací toho nejlepšího a toho nejhoršího, co můžete jako UX writer udělat:
Výhody
Placeholder je umístěn přimo ve vyplňovacím poli – to znamená, že tento text si uživatelé 100% přečtou.
Nevýhody
Placeholder je umístěn přímo ve vyplňovacím poli – to znamená, že jakmile se začne do pole psát, text zmizí a uživatel si ho nemůže přečíst znovu.
Jak placeholder používat
Nepřehlédnutelnost placeholderu navádí k tomu umístit do něj ty nejdůležitější informace. To by byla chyba, protože tento text zmizí, jakmile uživatel začne s polem interagovat.
Proto se placeholder hodí pouze jako doplňkový text ke statickému microcopy. Vhodný je pro uvádění příkladů. Například když chcete po uživateli vyplnit datum, vyplňte do placeholderu dnešní datum, aby uživatel měl jasno v jeho formátu.
Další funkcí placeholderu je inspirovat. Například když chcete, aby vám uživatelé nechali zprávu, napište do placeholderu příklady otázek, které vám mohou položit.
V neposlední řadě placeholder může pomoci odstranit strach z prázdného papíru. Chcete, aby vám uživatelé něco napsali? Předepište za ně do placeholderu první větu. Pak už to nechte na nich.
Duolingo je perfektní ukázkou toho, jak lze různé formáty microcopy úspěšně kombinovat. Co tu najdeme?
Statický text jako zadání úkolu
Placeholder jako doplnění statického textu
Automaticky se objevující text jako doplňkovou pomoc ke konkrétnímu odkazovanému úseku
4. Tooltip
Kdybych chtěla být ošklivý pedant, tak tooltip zařadím jako podkategorii k automaticky se objevujícím textům. Protože se… automaticky objevuje. Pojďme se tedy nejprve zaměřit na rozdíly mezi těmato dvěma formáty:
Automatický text
Objevuje se automaticky po najetí na text.
Není nijak označen nebo je označen velmi minimalisticky: boldem, kurzívou nebo podtržením textu.
Díky své nenápadnosti se hodí jako vysvětlivka do delšího textu. Hodí se do graficky plného prostředí.
Díky své nenápadnosti nedoporučuji vkládat zásadní informace.
Tooltip
Objevuje se automaticky nebo na klik.
Jeho umístění je označeno ikonou. Nejčastěji otazníkem.
Díky své nápadnosti je vhodné jej umístit na sekundární stránky – méně graficky důležité stránky.
Díky své nápadnosti doporučuji vkládat i důležité informace.
Ukázku tooltipu najdete na třeba webu softwaru Salesfit, na kterém jsem spolupracovala. Doplňková informace je zde skrytá v tooltipu a neruší tak celkovou přehlednost stránky.
Pro tooltipy je typické umístění na sekundárních podstránkách webů, které potřebují sdělit hodně informací (Pricing, FAQ, Podmínky použití, Nastavení produktu, Registrační formulář).
Tak a tímto série článků o microcopy končí. Napište mi, jestli se vám líbila a o čem chcete, abych psala příště. Taky nezapomeňte navštívit můj Instagram, kde vás čeká spousta dobrých rad a myšlenek! Díky moc za vaši pozornost. :) Znamená pro mě moc.
A protože nejsem na dlouhé loučení, tak –
Zdroj: Microcopy