Webdesign

Správná navigace je klíčová

Pojďte s námi zjistit, jak vytvořit a otestovat webové stránky, které budou mít uživatelé rádi.

Co obvykle uděláte jako první, když vejdete do neznámého obchodního domu? Aby zjistili, kam jít, podívají se mnozí z nás na plány jednotlivých podlaží.

Představte si však, že by žádný plán neexistoval a vy byste museli bezcílně bloudit a ztrácet čas a energii, dokud byste nenašli oddělení sportovních potřeb. Nebo byste možná dříve narazili na východ z obchodu a rozhodli se odejít!

V online světě je to stejné. Když navštívíte dobře navržené webové stránky, během několika sekund najdete to, co hledáte. Surfujte po nepřehledných a špatně organizovaných stránkách a zanedlouho je opustíte.

Tyto kapitoly nejen přesně ukazují to, co je třeba vzít v úvahu při tvorbě webových stránek, ale také v nich naleznete rady, díky nimž budou vaše webové stránky snadno použitelné a oblíbené!

Uspokojivé řešení

Místo toho, abychom se nejdříve naučili, jak systém funguje, raději na vše přicházíme sami

Přečetli jste si návod k obsluze jakékoli techniky, kterou jste si nedávno koupili? Pravděpodobně ne.

Pokud náhodou nejste inženýr, tak vás pravděpodobně nezajímá, jak přesně věci fungují.

Představte si, že byste požádali náhodného člověka na ulici, aby vám vysvětlil, jak funguje prohlížeč nebo vyhledávač. Ačkoli většina lidí nemá ani ty nejzákladnější znalosti o fungování internetu, dokáží se uživatelé na webových stránkách bez problémů pohybovat.

Když si koupíte jakékoli nové zařízení, často si s ním hrajete, místo toho, abyste si přečetli návod, který vysvětluje, jak ho používat. A když pak najdete nějaký způsob použití, který vám vyhovuje, držíte se ho.

Možná jste se s tímto chováním setkali na vlastní kůži. Například když někdo zadá kompletní adresu webové stránky do vyhledávače, místo toho, aby použil adresní řádek a přešel přímo na požadovanou webovou stránku.

Jedná se o příklad běžné rozhodovací strategie zvané „uspokojivé řešení“. Pravděpodobně si myslíte, že pokud člověk narazí na problém, tak si racionálně vyhledá informace, zvažuje různá řešení, porovná je a pak vybere to nejlepší . Ve skutečnosti je však typičtějším přístupem zvolit uspokojivé řešení.

Studie například ukázala, že hasiči jednoduše provedou rychlou kontrolu chyb a pak zvolí první dostupné řešení. A to jsou lidé pracující pod vysokým tlakem a v situacích s enormním rizikem!

Naproti tomu průměrnému člověku surfujícímu na internetu stačí kliknout na tlačítko „zpět“, když udělá chybu, a potom kliknout na správný odkaz. Obecně se při surfování na internetu rozhodujeme rychle. Nejen proto, že je to jednodušší, ale také proto, že rádi přicházíme na věci sami. Je to zkrátka větší zábava!

Jinými slovy, naše výchozí chování na internetu je kliknout na první věc, která nás zaujme. A když tím získáme to, co chceme, cítíme se spokojeně, chytře a sebevědomě.

Uživatelsky přívětivý web

Usnadněte uživatelům vyhledávání klíčových sdělení a důležitých informací na vašich webových stránkách

Představte si, že navštívíte webovou stránku s následujícím textem na úvodní stránce: „Vítejte ve společnosti XYZ! Poskytujeme klientům inovativní produkty a snadná řešení na světové úrovni...“

Všichni známe tento druh propagačního firemního žargonu, a přesto ho nikdy nečteme.

Proč? Protože když jsme online, jsme na misi, a obvykle chceme mít tuto misi rychle za sebou. Proto místo toho, abychom se probírali dlouhými texty a pečlivě je četli, pouze si je letmo prohlédneme.

Pokud provozujete webové stránky a chcete na nich něco konkrétního sdělit, ujistěte se, že používáte následující prvky: krátké odstavce, nadpisy a zvýrazněná klíčová slova.

Navíc tyto prvky uspořádejte pomocí vizuální hierarchie, aby se uživatelé mohli rozhodnout, na které oblasti se mají zaměřit. To je důležité, protože studie, které se zabývají tím, kam se na webových stránkách díváme, ukazují, že se rychle rozhodujeme, kam se podívat, a zcela ignorujeme irelevantní oblasti, jako jsou reklamní bloky.

Vzpomeňte si na tištěné noviny. Na titulní straně jsou titulky, text a obrázky promyšleně strukturovány tak, aby čtenář okamžitě zjistil, co je nejdůležitější.

Stejným způsobem byste měli přemýšlet i o svých webových stránkách. Udělejte to tak, aby bylo zřejmé, co je důležité, aby čtenář mohl tuto důležitou informaci rychle najít a aby na ni mohl kliknout.

Tím se dostáváme k dalšímu zásadnímu bodu. Navzdory všeobecnému přesvědčení většině návštěvníků webových stránek nevadí klikání, pokud je volba jednoduchá a důvod kliknutí jasný.

Neskrývejte však důležité informace (například náklady na dopravu) za spoustu kliknutí, protože tím návštěvníka pouze otrávíte.

Příliš často si představujeme, že tvorba webových stránek je jako vytváření produktové brožury pro zájemce o koupi. Ale ve skutečnosti je to spíš jako stavba billboardu, který má přilákat auta řítící se kolem rychlostí 120 km za hodinu!

Přehledný web

Protože navigace je základem každého webu, musí být přehledná, jednoduchá a konzistentní.

Návštěva nové webové stránky je trochu jako vstup do neznámého supermarketu. Jen s jedním zásadním rozdílem. Online se nemůžete procházet a prohlížet si všechny uličky. To představuje výzvu.

Pokud totiž nenajdete to, co hledáte, máte možnost odejít a už se nikdy nevrátit, a to pouhým kliknutím.

Další výzvou je, že je obtížné posoudit rozsah webu, ať už má 100, 500 nebo 12 000 stránek. A právě proto je tak zásadní navrhnout web tak, aby se v něm návštěvník uměl orientovat.

K tomu pomáhá lišta sekcí v horní části stránky, která přesně informuje o tom, co web obsahuje. Kromě toho by každá stránka měla obsahovat následující čtyři navigační prvky, které návštěvníkovi usnadní pohyb.

Zaprvé nezapomeňte na vyhledávací panel. Díky vyhledávací liště může návštěvník okamžitě najít to, co hledá, aniž by se musel učit strukturu webu.

Zadruhé zvažte indikátor „Jste zde“. Podobně jako červená tečka na mapě v nákupním centru umožňuje tento malý indikátor návštěvníkovi snadnou navigaci.

Zatřetí propojte logo své společnosti s domovskou stránkou. Tento prvek by měl být přítomen na každé stránce, aby uživatelé měli v rukou jednoduchý nástroj, jak se dostat na domovskou stránku.

A začtvrté, zahrňte do webu sekci „odkazy“. Tato sekce obsahuje všechny informace o tom, jak používat vaše stránky, jako je prostor pro přihlášení, sekce FAQ, mapa stránek ap.

Pokud jsou tyto čtyři prvky implementovány správně, je mnohem pravděpodobnější, že se návštěvník bude cítit na webu příjemně a bude důvěřovat lidem a společnosti, kteří za webem stojí.

Aby se tak stalo, prozkoumáme v následující části, jak tyto navigační prvky pojmout co nejlépe.

Ustálené konvence

Ustálená pravidla využívají toho, co návštěvník zná, a pomáhají mu tak snadno se zorientovat na vašich stránkách.

Pokud žijete ve Spojených státech, ale řídíte auto v Londýně (kde se jezdí vlevo), pak přesně víte, jaký zmatek to ve vás může vyvolat.

A to je přesně důvod, proč byste měli při navrhování webových stránek konvence dodržovat.

Uživatelé mají určitá očekávání ohledně toho, kde se co nachází a jak co funguje, což znamená, že je naštve, pokud to bude jinak.

Představte si, jak byste byli zmateni, kdyby se váš oblíbený časopis rozhodl netisknout čísla stránek!

Číslování stránek je sice konvencí tištěných médií, ale na konvence jsme zvyklí i na webu. Například když jsou slova umístěna vodorovně podél horního okraje stránky, předpokládáme, že jde o seznam, který představuje hlavní obsah webu.

Weboví designéři se často snaží konvence opustit a nechají se zlákat příslibem, že udělají něco nového a inovativního. Konvence jsou však obvykle výsledkem dlouhých let dolaďování a často představují ty nejlepší a nejefektivnější postupy, které byly doposud vyvinuty.

Vždy samozřejmě existuje prostor pro inovace, a to zejména proto, že ne vždy existuje vhodná konvence, která by vyhovovala všem vašim potřebám. Jen se ujistěte, že cokoli vytvoříte, bude použitelné a bude to představovat spíše evoluci než revoluci.

Jinými slovy: Nejde o to, abyste potlačovali svou kreativitu. Jde o to upřednostnit uživatelský zážitek.

Důslednost a konvence jsou vašimi přáteli. Je v pořádku se trochu odchýlit, pokud zachováte přehlednost a web bude snadno použitelný. S jednou jedinou výjimkou, ale tu probereme až v následující části.