Lorem Ipsum urýchli návrh, no môže zakryť slabé miesta dizajnu. Pozrite si najčastejšie chyby a jednoduchý postup, ako testovať rozloženie s reálnym obsahom.
Lorem Ipsum je užitočný zástupný text: vyplní návrh skôr, než máte hotový obsah, a pomôže posúdiť typografiu či rytmus stránky. Problém nevzniká jeho použitím, ale tým, že mu dizajnér alebo vývojár začne veriť viac než reálnemu textu.
Zástupný text je totiž až príliš poslušný. Nadpisy majú vhodnú dĺžku, odseky rovnomerne zaplnia priestor a karty sa pekne zarovnajú. Skutočný obsah prinesie dlhé názvy, chýbajúce údaje, nezvyčajné slová aj tlačidlá, ktoré sa na mobile zalomia.
Ak potrebujete rýchlo vyplniť odseky, použite Lorem Ipsum generátor. Potom však návrh preverte podľa nasledujúcich bodov.
1. Všetky texty majú rovnakú dĺžku
Najčastejšou chybou je vyplniť každú kartu rovnakým počtom viet. Taký návrh neukáže, čo sa stane, keď má jeden produkt názov na jeden riadok a druhý na tri. Rovnako neodhalí priveľkú medzeru pri krátkom popise ani posunuté tlačidlo pri dlhom texte.
Každý opakujúci sa prvok preto vyskúšajte aspoň v troch verziách:
- krátka: jednoslovný nadpis a jedna veta,
- bežná: dĺžka, ktorú očakávate vo väčšine prípadov,
- hraničná: dlhý nadpis a text na niekoľko riadkov.
Hraničný variant nemusí byť absurdný. Má pripomínať najdlhší reálny názov služby, produktu alebo článku, ktorý môže na webe vzniknúť. Ak sa rozloženie rozpadne už pri ňom, problém nie je v texte, ale v návrhu.
2. Lorem Ipsum nahrádza aj text, ktorý má viesť používateľa
Odsek môže byť dočasne bez významu. Navigácia, tlačidlo, nadpis formulára alebo chybová hláška nie. Pri týchto prvkoch potrebujete vedieť, či človek pochopí, čo sa stane po kliknutí a čo má urobiť ďalej.
Namiesto všeobecného „Lorem ipsum“ použite pracovnú slovenskú verziu: „Odoslať objednávku“, „Stiahnuť cenník“ alebo „E-mail sa nepodarilo odoslať“. Text ešte nemusí byť finálny. Musí však pomenovať skutočnú akciu alebo informáciu.
Takýto návrh odhalí dve veci naraz: či sa text zmestí a či je rozhranie zrozumiteľné. Samotná latinčina neoverí ani jedno.
3. Testuje sa iba ideálny stav
Hotová stránka nebude vždy obsahovať všetky údaje. Produkt môže byť bez obrázka, používateľ bez profilovej fotografie a výsledok vyhľadávania bez popisu. Formulár zas potrebuje stav po chybe, po úspešnom odoslaní aj počas načítania.
Okrem bežného obsahu skontrolujte:
- veľmi dlhý nadpis alebo neprerušovaný údaj,
- prázdny popis a chýbajúci obrázok,
- chybovú a potvrdzovaciu správu,
- tlačidlo s dlhším názvom,
- kartu s výrazne väčším množstvom textu,
- rovnakú obrazovku na úzkom mobile.
Nemusí byť všetko rovnako vysoké. Dôležité je, aby zostalo jasné poradie informácií, ovládacie prvky boli dostupné a žiadny text neprekrýval iný obsah.
4. Zástupný text zakryje slabú informačnú hierarchiu
Pri Lorem Ipsum hodnotíte najmä tvar stránky. Nezistíte však, či používateľ nájde cenu, termín, hlavný rozdiel medzi službami alebo odpoveď na svoju otázku. Aj vizuálne čistá stránka môže mať nejasné poradie informácií.
Hneď ako poznáte účel obrazovky, nahraďte zástupný text v kľúčových miestach pracovným obsahom. Prečítajte si iba nadpisy, zvýraznené vety a tlačidlá. Ak z nich neviete pochopiť, čo stránka ponúka a aký je ďalší krok, treba upraviť štruktúru, nie iba slová.
Obsah preto nenechávajte až na koniec. Už hrubá verzia textu môže zmeniť poradie sekcií, šírku komponentov aj to, ktoré informácie vôbec potrebujete zobraziť.
5. Lorem Ipsum zostane na zverejnenom webe
Zástupný text sa na živý web zvyčajne nedostane zámerne. Dizajnér ho vloží do návrhu, vývojár prenesie do šablóny a každý predpokladá, že ho pred spustením nahradí niekto iný.
Pred publikovaním preto prehľadajte obsah aj zdrojové súbory. Hľadajte výrazy lorem, ipsum, placeholder, TODO, sample a test. Skontrolujte aj menej nápadné miesta: meta description, alternatívne texty obrázkov, e-mailové šablóny, pätičku, modálne okná a hlášky formulárov.
Stránku bez hotového obsahu radšej nezverejňujte a nezaraďujte do mapy webu. Zvyšné kroky pred publikovaním nájdete v checkliste pred spustením webu.
Praktický postup bez zbytočnej práce
Lorem Ipsum nemusíte prestať používať. Stačí mu dať presnú úlohu:
- V úvodnom návrhu ním overte hustotu odsekov, typografiu a základné rozloženie.
- V kľúčových prvkoch ho čo najskôr nahraďte pracovnými nadpismi, tlačidlami a hláškami.
- Pred odovzdaním otestujte krátky, bežný, dlhý a chýbajúci obsah na počítači aj mobile.
- Pred publikovaním automaticky vyhľadajte zvyšné placeholdery a stránky prejdite aj ručne.
Zhrnutie
Najväčšou chybou pri používaní Lorem Ipsum nie je zástupný text samotný. Je ňou návrh vytvorený iba pre jeho pravidelnú a pohodlnú dĺžku.
Používajte ho na typografiu a prvé rozloženie. Zmysluplné pracovné texty použite tam, kde obsah ovplyvňuje rozhodovanie používateľa. Ešte pred publikovaním otestujte aj dlhé, krátke a chýbajúce údaje. Tak zistíte, či dizajn funguje aj mimo ideálneho návrhu.
