Lorem Ipsum urychlí návrh, ale může skrýt slabá místa designu. Podívejte se na nejčastější chyby a jednoduchý postup, jak rozvržení otestovat s reálným obsahem.
Lorem Ipsum je užitečný zástupný text. Vyplní návrh dříve, než máte hotový obsah, a pomůže posoudit typografii, mezery i celkový rytmus stránky. Problém není v jeho použití, ale v tom, že mu designér nebo vývojář začne věřit víc než skutečnému obsahu.
Zástupný text je totiž až příliš poslušný. Nadpisy mají vhodnou délku, odstavce rovnoměrně vyplní prostor a karty se pěkně zarovnají. Skutečný obsah přinese dlouhé názvy, chybějící údaje, nezvyklé řetězce i tlačítka, která se na mobilu zalomí.
Pokud potřebujete rychle vyplnit odstavce, použijte generátor Lorem Ipsum. Potom ale návrh prověřte podle následujících bodů.
1. Všechny texty mají stejnou délku
Nejčastější chybou je vyplnit každou kartu stejným počtem vět. Takový návrh neukáže, co se stane, když se jeden název produktu vejde na jediný řádek a druhý zabere tři. Neodhalí ani velkou mezeru pod krátkým popisem nebo tlačítko posunuté dlouhým textem.
Každý opakující se prvek proto vyzkoušejte alespoň ve třech verzích:
- krátká: jednoslovný nadpis a jedna věta,
- běžná: délka, kterou očekáváte ve většině případů,
- hraniční: dlouhý nadpis a text na několik řádků.
Hraniční varianta nemusí být absurdní. Měla by připomínat nejdelší skutečný název služby, produktu nebo článku, který se na webu může objevit. Pokud už takový text rozložení rozbije, problém není v textu, ale v návrhu.
2. Lorem Ipsum nahrazuje i text, který má uživatele vést
Odstavec může být dočasně bez významu. Navigace, tlačítko, nadpis formuláře nebo chybová hláška ne. U těchto prvků potřebujete vědět, zda člověk pochopí, co se po kliknutí stane a co má udělat dál.
Místo obecného „Lorem ipsum“ použijte pracovní českou verzi: „Odeslat objednávku“, „Stáhnout ceník“ nebo „E-mail se nepodařilo odeslat“. Text ještě nemusí být konečný, ale musí popisovat skutečnou akci nebo informaci.
Takový návrh odhalí dvě věci najednou: zda se text vejde a zda je rozhraní srozumitelné. Samotný latinský výplňový text neověří ani jedno.
3. Testuje se pouze ideální stav
Hotová stránka nebude vždy obsahovat všechny údaje. Produkt může být bez obrázku, uživatel bez profilové fotografie a výsledek vyhledávání bez popisu. Formulář zase potřebuje stav po chybě, po úspěšném odeslání i během načítání.
Kromě běžného obsahu zkontrolujte:
- velmi dlouhý nadpis nebo nepřerušovaný údaj,
- prázdný popis a chybějící obrázek,
- chybovou a potvrzovací zprávu,
- tlačítko s delším názvem,
- kartu s výrazně větším množstvím textu,
- stejnou obrazovku na úzkém mobilu.
Ne každý prvek musí mít stejnou výšku. Důležité je, aby zůstalo jasné pořadí informací, ovládací prvky byly dostupné a žádný text nepřekrýval jiný obsah.
4. Zástupný text skryje slabou informační hierarchii
S Lorem Ipsum hodnotíte hlavně tvar stránky. Nezjistíte ale, zda uživatel najde cenu, termín, hlavní rozdíl mezi službami nebo odpověď na svou otázku. I vizuálně čistá stránka může mít informace seřazené špatně.
Jakmile znáte účel obrazovky, nahraďte zástupný text na klíčových místech pracovním obsahem. Přečtěte si jen nadpisy, zvýrazněné věty a tlačítka. Pokud z nich nepochopíte, co stránka nabízí a jaký je další krok, upravte strukturu, ne pouze jednotlivá slova.
Obsah proto nenechávejte až na konec. Už hrubá verze textu může změnit pořadí sekcí, šířku komponent i to, které informace vůbec potřebujete zobrazit.
5. Lorem Ipsum zůstane na zveřejněném webu
Zástupný text se na živý web obvykle nedostane záměrně. Designér ho vloží do návrhu, vývojář přenese do šablony a všichni předpokládají, že ho před spuštěním nahradí někdo jiný.
Před zveřejněním proto prohledejte obsah i zdrojové soubory. Hledejte výrazy lorem, ipsum, placeholder, TODO, sample a test. Zkontrolujte i méně nápadná místa: meta popisy, alternativní texty obrázků, e-mailové šablony, patičku, modální okna a hlášky formulářů.
Stránku bez hotového obsahu raději nezveřejňujte ani nezařazujte do mapy webu. Další kroky před publikováním najdete v checklistu před spuštěním webu.
Praktický postup bez zbytečné práce
Lorem Ipsum nemusíte přestat používat. Stačí mu dát přesný úkol:
- V úvodním návrhu jím ověřte hustotu odstavců, typografii a základní rozložení.
- V klíčových prvcích ho co nejdříve nahraďte pracovními nadpisy, tlačítky a hláškami.
- Před předáním otestujte krátký, běžný, dlouhý a chybějící obsah na počítači i mobilu.
- Před zveřejněním automaticky vyhledejte zbylé placeholdery a stránky projděte také ručně.
Shrnutí
Největší chybou při používání Lorem Ipsum není samotný zástupný text. Je jí návrh vytvořený pouze pro jeho pravidelnou a pohodlnou délku.
Používejte ho pro typografii a první rozložení. Smysluplné pracovní texty použijte tam, kde obsah ovlivňuje rozhodování uživatele. Ještě před zveřejněním otestujte také dlouhé, krátké a chybějící údaje. Tak zjistíte, zda design funguje i mimo ideální maketu.
