V úterý pozdě večer obnovíte úvodní stránku. Nadpis je v pořádku, fotky jsou v pořádku, a přesto návštěvníci odcházejí během pár vteřin. Začnete si říkat, jestli není chybějícím dílkem právě navigace webu. Často je. Drobná vizuální rozhodnutí utvářejí první dojem rychleji, než většina podnikatelů čeká.
Navigace webu by měla používat známé popisky a zvýraznit aktuální sekci návštěvníka. Tato kapitola jednoduše vysvětluje, co to znamená, proč to ovlivňuje váš web a marketing a jak to použít, aniž byste se ztratili v odborných výrazech. Uvidíte také, jak do stejného obrazu zapadá záhlaví webu. Pojďme na to krok za krokem.
Co navigace webu znamená v praxi
Navigace webu by měla používat známé popisky a zvýraznit aktuální sekci návštěvníka.
Matoucí nabídky zvyšují míru okamžitého opuštění na stránkách služeb a v ceníku.
Navigace v záhlaví a v zápatí by se měly doplňovat, ne slepě duplikovat.
Jak navigaci webu uplatnit na svém webu
Položky nabídky pojmenujte tak, jak mluví zákazníci, ne interním žargonem.
Začněte jednou stránkou, například úvodní nebo hlavní vstupní stránkou. Nejdřív opravte největší problém a stejný vzor pak přenesete na další šablony.
Tuto kapitolu doplňte kapitolou design úvodní stránky jako základem a kapitolou jak navrhnout landing page jako dalším krokem v tomto modulu.
Praktický seznam, který můžete použít hned dnes
Položky nabídky pojmenujte tak, jak mluví zákazníci, ne interním žargonem.
Při kontrole jakékoli stránky se ptejte, zda je navigace webu vidět už při prvním posunu na mobilu. Pokud ne, přeuspořádejte sekce dřív, než začnete ladit detaily.
Ukládejte si snímky obrazovky před změnami i po nich, abyste poznali, co se u navigace webu skutečně pohnulo.
Sdílejte tento seznam s každým, kdo váš web upravuje, aby záhlaví webu zůstalo na nových stránkách jednotné.
Vyberte si tento měsíc jedno číslo ke sledování, třeba čas na stránce nebo začaté formuláře, aby se změny designu vázaly na obchodní výsledky, a ne jen na vkus.
Jak toto téma souvisí s celou vaší značkou
Vizuální rozhodnutí málokdy platí jen pro jednu stránku. Navigace v záhlaví a v zápatí by se měly doplňovat, ne slepě duplikovat.
Vaše příspěvky na sítích, e-maily i tištěné materiály by měly opakovat stejnou hierarchii, barvy a pravidla písma jako web.
Když se vizuál značky rozjede, zákazníci cítí nenápadný nesoulad, i když ho neumí popsat.
Použijte kapitolu jak navrhnout landing page a porovnejte poznatky s příbuznou kapitolou v tomto modulu.
Matoucí nabídky zvyšují míru okamžitého opuštění na stránkách služeb a v ceníku.
Časté otázky, které lidé přehlížejí
Související výrazy jako záhlaví webu a rozvržení webu vám pomohou najít hlubší příklady a porovnat svou práci s běžnými standardy.
Navigace v záhlaví a v zápatí by se měly doplňovat, ne slepě duplikovat.
Zapište si jednu změnu před a po, kterou tento týden vyzkoušíte na živé stránce. Malé změřené úpravy porazí nejasné plány.
Společná slovní zásoba kolem navigace webu ve vašem týmu zkracuje kola úprav s designéry a agenturami.
Nástroje, které usnadní vizuální úpravy
K vylepšení mnoha problémů s rozvržením a stylem nepotřebujete vlastní kód. Vizuální editor vám umožní upravit mezery, barvy a typografii a přitom sledovat náhled na mobilu i na počítači.
WEMASY obsahuje Tvůrce webů s vizuálními úpravami, takže změny zveřejníte, aniž byste kvůli každé drobnosti čekali na vývojáře. Otevřete Tvůrce webů, až budete chtít uplatnit, co jste se naučili.
Po zveřejnění úprav si znovu projděte kapitoly design úvodní stránky a nad ohybem, ať vám modul zůstane v hlavě pohromadě.
Nyní máte k dispozici použitelný pohled na navigaci webu. Využijte ho při kontrole webu, schvalování marketingových materiálů nebo zadávání práce designérovi. Pokračujte kapitolami nad ohybem a jak navrhnout landing page, ať v tomto modulu nepolevíte.
Často kladené otázky
Jak dlouho trvá zlepšit navigaci webu?
Většina malých firem uvidí přehlednější stránky během několika soustředěných sezení, jakmile uplatní základy z této kapitoly. Začněte úvodní stránkou a stejná pravidla pak rozšiřte na stránky služeb a kontaktu.
Potřebujete na navigaci webu designéra?
Designér pomůže u složitější změny značky, ale mnoho oprav kolem navigace webu zvládnete sami, jakmile víte, na co se dívat. Spolu s touto kapitolou využijte kapitolu design úvodní stránky.
Pomůže WEMASY s uplatněním navigace na vašem webu?
WEMASY obsahuje v Tvůrci webů vizuální editor, takže rozvržení, barvy i typografii upravíte bez kódu. Otevřete Tvůrce webů, upravte šablony a zkontrolujte náhled na mobilu.
Jaká je nejčastější chyba u navigace webu?
Lidé se snaží opravit všechno najednou místo jedné stránky po druhé. Vyberte si jednu prioritu, třeba čitelnost nebo kontrast, a pro další zlepšení se podívejte na kapitolu nad ohybem.
Jak navigace webu souvisí 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 dobrou strukturou obsahu a výsledky budou nejlepší.
Kam se posunout po navigaci webu?
Pokračujte kapitolami design úvodní stránky a nad ohybem v této knize a vybudujte si úplný vizuální systém své značky online.