Typografie pro čitelnost — Jak vybrat správné písmo
Základní pravidla pro volbu fontů, rozestupu řádků a délky textu. Čtenáři si to všimnou víc, než si myslíte.
Čtěte dálJak rozdělit delší články do sekcí, aby je čtenáři dočetli do konce. Funguje to lépe, než si myslíte.
Věříme, že v tom nejsou lidi líní. Prostě když je obsah špatně strukturovaný, mozek má těžší práci ho zpracovat. Dlouhý text bez rozdělení — to člověk prostě zavře a jde pryč. Ale když to máte rozumně uspořádané? To se pak čte snadněji a lidi si věci lépe zapamatují.
Jde o to, že čtenáři dnes nejsou ve spěchu jen tak. Chtějí vědět, co jich čeká. Chtějí vidět jasné nadpisy, rozumné odstavce a vizuální přestávky. To všechno pomáhá vašemu článku být lépe čitelný. A když je článek čitelný, lidé ho nejen přečtou, ale budou chtít přijít zase.
Není to věda. Potřebujete čtyři věci: pořádné nadpisy, krátké odstavce, vizuální přestávky a jasný tok informací. Když máte tyto čtyři pilíře, máte vyhráno.
Nadpisy nejsou jen dekorace — jsou to cesty, kterými si čtenář orientuje vaší myšlenkou. Krátké odstavce (ideálně 3-5 vět) nedávají mozku tak těžkou práci. A obrázky? Ty nejsou jen krásné — jsou to pojistka, která zajistí, aby si čtenář článek nejen přečetl, ale zapamatoval si ho.
Jeden H1 na stránku. To je zlaté pravidlo. Pak máte H2 pro hlavní podkapitoly — obvykle jich bude 3 až 5. Pod ně padají H3, pokud potřebujete ještě hlubší dělení. H4 už používáte jen zřídka. Proč? Protože tím, co jdete hlouběji, čtenáři to ztrácí orientaci.
Hierarchie není jen pro vyhledávače. Je to pro lidi. Když si články projede čtenář očima — a spousta jich to dělá — vidí nadpisy a rozumí, co se bude číst dál. Je to jako obsah, ale přímo v textu. To funguje mnohem lépe.
Tady jsou věci, které zaberou hned. Nemusíte být grafik, aby to fungovalo.
Maximálně 4-5 vět na odstavec. Když se člověk kouká na text a vidí velký blok slov, tak ho to odrazuje. Ale krátké odstavce? Ty jsou na očích příjemné a mozek si snáz vezme, co tam je napsáno.
Každých 300-400 slov byste měl dát obrázek. Nejen proto, aby to vypadalo hezky — obrázky dělají pauzy. Dají mozku čtenáře chvíli na oddech. A pak se mu čte dál mnohem líp.
Když chcete vyjmenovat věci, nepiště je do věty. Udělejte seznam. Všichni to mají raději a je to mnohem čitelnější. Vaši čtenáři vám poděkují tím, že skutečně přečtou, co jste psali.
Vypísknutý citát nebo zvýrazněný text upoutá pozornost. Užívejte to, ale s rozumem. Pokud zvýrazníte všechno, nic to nezvýrazňuje. Používejte jen na opravdu důležité věty.
Nadpisy by měly jasně říci, co se pod nimi čeká. Ne něco chytré nebo vtipné — něco, co přesně říká, co tam je. Lidé si přečtou nadpis a vědí, jestli je to pro ně nebo ne.
Polovina vašich čtenářů budou číst na mobilu. Takže když máte dlouhé řádky textu, krátké obrázky a špatné rozestupy — na mobilu to bude hrůza. Testujte všechno na telefonu.
Začněte tím, co vědí všichni. Pak jděte ke specifičtějším věcem. Je to jako při výuce — nejdřív základy, pak stavba na nich. Když začnete s něčím těžkým hned na začátku, ztratíte lidi.
Používejte přechodové věty. “Teď, když víte X, pojďme se podívat na Y.” To spojuje sekce dohromady a text teče přirozeně. Čtenář necítí skoky. Všechno se zdá jako součást jedné velké myšlenky, i když je to rozděleno na části.
Jeden H1, pak H2 pro hlavní části — to je váš základ.
Krátké odstavce (3-5 vět) čitelnější než dlouhé bloky textu.
Obrázky každých 300-400 slov — to není moc, je to právě dost.
Logický tok od jednoduchého ke složitému — tak si věci lidi lépe vezou.
Testujte na mobilu — nejméně poloviny čtenářů budou na telefonu.
Dobře strukturovaný článek není těžký. Není to věda ani umění. Je to prostě dobrý smysl. Když se podíváte na to, jak čtou lidi, jak se kouká na text, jak mozek zpracovává informace — všechno ostatní vyplyne samo. Zkuste to. Rozdíl vidíte hned.
Tento článek poskytuje obecné informace a doporučení týkající se struktury obsahu a čitelnosti webu. Jsou to návody založené na osvědčených postupech v designu a UX. Každý projekt je jedinečný a příslušné principy můžete přizpůsobit vašim konkrétním potřebám a cílům. Když budete implementovat tipy z tohoto článku, testujte s vašimi vlastními čtenáři — jejich feedback je nejdůležitější.