Jeden konkurent vypadá na každé obrazovce vyladěně. Druhý působí stísněně a zastarale, přestože oba prodávají podobné služby. Rozdíl obvykle tkví v typografii na webu a v návycích, které za tím stojí. Všimnete si ho okamžitě, i když ještě neumíte pojmenovat každé pravidlo.
Typografie na webu ovlivňuje důvěru, porozumění a čas strávený na stránce. Tato kapitola jednoduše vysvětluje, co to znamená, proč to ovlivňuje váš web i marketing a jak to uplatnit bez zbytečného žargonu. Uvidíte také, jak do stejného obrazu zapadá čitelnost písma. Projděme si to krok za krokem.
Jak vypadá silná typografie na webu
Typografie na webu ovlivňuje důvěru, porozumění a čas strávený na stránce.
Čitelné písmo snižuje počet dotazů na podporu, které vznikají kvůli nepochopeným pokynům.
Lepší čitelnost písma často zvýší podíl dokončených formulářů.
Co opravit jako první
Nejdřív zkontrolujte formuláře a pokladnu, protože chyby v písmu tam stojí tržby.
Vyfoťte si stránku na mobilu i na počítači a označte první tři prvky, které vás matou nebo zdržují.
Při postupných vylepšeních používejte pravidla typografie jako kontrolní seznam.
Praktický kontrolní seznam na dnešek
Nejdřív zkontrolujte formuláře a pokladnu, protože chyby v písmu tam stojí tržby.
Když kontrolujete jakoukoli stránku, ptejte se, zda je typografie na webu vidět už při prvním posunu na mobilu. Pokud ne, přeskládejte sekce dřív, než začnete ladit detaily.
Ukládejte si snímky obrazovky před změnou a po ní, abyste poznali, co u typografie na vašem webu skutečně zabralo.
Sdílejte tento seznam s každým, kdo váš web upravuje, aby čitelnost písma zůstala jednotná i na nových stránkách.
Vyberte si jedno číslo, které budete tento měsíc sledovat, například čas na stránce nebo zahájená vyplnění formuláře. Změny designu pak svážete s výsledky podnikání, a ne jen s vkusem.
Jak toto téma souvisí s celou vaší značkou
Vizuální rozhodnutí málokdy žijí jen na jedné stránce. Lepší čitelnost písma často zvýší podíl dokončených formulářů.
Vaše příspěvky na sociálních sítích, e-maily i tištěné materiály by měly opakovat stejnou hierarchii, barvy a pravidla písma jako váš web.
Když se vizuální podoba značky rozchází, zákazníci cítí nenápadný nesoulad, i když nedokážou říct proč.
Podívejte se na Google Fonts pro weby a porovnejte si poznatky se související kapitolou tohoto modulu.
Čitelné písmo snižuje počet dotazů na podporu, které vznikají kvůli nepochopeným pokynům.
Časté otázky, které lidé přehlížejí
Související pojmy jako čitelnost písma a to, co je typografie, vám pomohou najít další příklady a porovnat vaši práci s běžnými standardy.
Lepší čitelnost písma často zvýší podíl dokončených formulářů.
Zapište si jednu změnu před a po, kterou tento týden otestujete na živé stránce. Malé změřené úpravy porazí vágní plány.
Společná slovní zásoba týmu kolem typografie na webu zkracuje kola úprav s designéry a agenturami.
Nástroje, které usnadní vizuální úpravy
K řadě úprav rozvržení a stylu nepotřebujete vlastní kód. Vizuální editor vám umožní upravit mezery, barvy a písmo a přitom si prohlížet náhled pro mobil i počítač.
WEMASY obsahuje Tvůrce webů s vizuálními úpravami, takže změny zveřejníte, aniž byste u každé drobnosti čekali na vývojáře. Až budete chtít využít, co jste se naučili, otevřete Tvůrce webů.
Když zveřejníte úpravy, znovu si projděte druhy písem a pravidla typografie, aby si modul v hlavě držel pohromadě.
Teď už máte pro typografii na webu funkční pohled. Použijte ho při kontrole webu, schvalování marketingových materiálů nebo zadání pro designéra. Pokračujte kapitolami pravidla typografie a Google Fonts pro weby a udržte v tomto modulu tempo.
Učit se pracovat s typografií na webu je postupná dovednost. Po první zavedené změně se k této kapitole vraťte, aby se myšlenky z čtení změnily ve zvyk. Malé opakované kontroly porazí snahu nacpat si všechna pravidla najednou. Pište si poznámky, co fungovalo u vašeho publika, a další úprava půjde rychleji.
Často kladené otázky
Jak dlouho trvá zlepšit typografii na webu?
Většina malých firem má přehlednější stránky už po několika soustředěných sezeních, když použije základy z této kapitoly. Začněte úvodní stránkou a stejná pravidla pak přeneste na stránky služeb a kontaktu.
Potřebujete designéra na typografii na webu?
Designér pomůže u složitého rebrandingu, ale řadu oprav kolem typografie na webu zvládnete sami, jakmile víte, na co se dívat. Souvisejícím tématem jsou druhy písem.
Může WEMASY pomoci s typografií na vašem webu?
WEMASY má v Tvůrci webů vizuální editor, takže rozvržení, barvy a písmo upravíte bez kódu. Otevřete Tvůrce webů, upravte šablony a prohlédněte si náhled na mobilu.
Jaká je nejčastější chyba u typografie na webu?
Lidé se snaží opravit všechno najednou místo jedné stránky po druhé. Vyberte jednu prioritu, třeba čitelnost nebo kontrast, a pak se podívejte na pravidla typografie, co zlepšit dál.
Jak souvisí typografie na webu se SEO?
Jasná vizuální hierarchie a čitelné písmo udrží návštěvníky na stránce déle, což podporuje signály zapojení, které vyhledávače sledují. Opravy designu spojte s promyšlenou strukturou obsahu a výsledek bude nejlepší.
Co se učit dál po typografii na webu?
Pokračujte v této knize kapitolami druhy písem a pravidla typografie a vybudujte kompletní vizuální systém své značky online.