Zhruba sedm vteřin dává mnoho návštěvníků stránce, než se rozhodnou, zda zůstanou, nebo odejdou. V tomto okně odvedou webově bezpečná písma víc práce než váš prodejní text. Vizuální přehlednost vám vydělá ty vteřiny navíc, které potřebujete k vysvětlení nabídky.
Webově bezpečná písma jsou písma, která se v různých prohlížečích a zařízeních s největší pravděpodobností zobrazí stejně. 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á volba mezi patkovým a bezpatkovým písmem. Projděme si to krok za krokem.
Co jsou webově bezpečná písma
Webově bezpečná písma jsou písma, která se v různých prohlížečích a zařízeních s největší pravděpodobností zobrazí stejně.
V praxi se webově bezpečná písma objevují v záhlavích webu, na stránkách služeb, v grafice pro sociální sítě i v tištěných materiálech. Když je správně pojmenujete, zadáte práci designérům rychleji a návrhy posoudíte s jistotou.
Souvisí s nimi přímo i další myšlenky, třeba volba mezi patkovým a bezpatkovým písmem. Mějte je na paměti při čtení zbytku tohoto modulu.
Snižují nepříjemná překvapení, když návštěvníci používají starší systémy nebo mobilní obrazovky.
Proč na webově bezpečných písmech záleží vaší firmě?
Zákazníci posuzují důvěryhodnost podle rozvržení dřív, než přečtou každé slovo. Jasná vizuální struktura snižuje tření a usnadňuje pochopení nabídky.
Párování písem má smysl i tehdy, když zůstanete u široce podporovaných rodin.
Vybraná písma před spuštěním otestujte na iOS, Androidu i na počítači.
Chcete-li vidět, jak to souvisí se sousedními tématy, přečtěte si dál kapitoly nejlepší písma pro web a čitelnost písma.
Praktický kontrolní seznam na dnešek
Vybraná písma před spuštěním otestujte na iOS, Androidu i na počítači.
Když kontrolujete jakoukoli stránku, ptejte se, zda jsou webově bezpečná písma 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 webově bezpečných písem na vašem webu skutečně zabralo.
Sdílejte tento seznam s každým, kdo váš web upravuje, aby volba mezi patkovým a bezpatkovým písmem 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. Párování písem má smysl i tehdy, když zůstanete u široce podporovaných rodin.
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 hierarchie písma a porovnejte si poznatky se související kapitolou tohoto modulu.
Snižují nepříjemná překvapení, když návštěvníci používají starší systémy nebo mobilní obrazovky.
Časté otázky, které lidé přehlížejí
Související pojmy jako patkové a bezpatkové písmo a párování písem vám pomohou najít další příklady a porovnat vaši práci s běžnými standardy.
Párování písem má smysl i tehdy, když zůstanete u široce podporovaných rodin.
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 webově bezpečných písem 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 nejlepší písma pro web a čitelnost písma, aby si modul v hlavě držel pohromadě.
Teď už máte pro webově bezpečná písma 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 čitelnost písma a hierarchie písma a udržte v tomto modulu tempo.
Často kladené otázky
Jak dlouho trvá zlepšit práci s webově bezpečnými písmy?
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 webově bezpečná písma?
Designér pomůže u složitého rebrandingu, ale řadu oprav kolem webově bezpečných písem zvládnete sami, jakmile víte, na co se dívat. Souvisejícím tématem jsou nejlepší písma pro web.
Může WEMASY pomoci s webově bezpečnými písmy 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 webově bezpečných písem?
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 čitelnost písma, co zlepšit dál.
Jak souvisí webově bezpečná písma 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 webově bezpečných písmech?
Pokračujte v této knize kapitolami nejlepší písma pro web a čitelnost písma a vybudujte kompletní vizuální systém své značky online.