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.

Domovská stránka

Domovská stránka by měla působit dobrým prvním dojmem a jasně sdělovat, o čem váš web je.

Když kliknete na odkaz na Twitteru nebo Facebooku, často skončíte hluboko ve struktuře webu. Když ale chcete zjistit, kde jste se ocitli, a rozhodnout se, zda máte obsahu webu věřit, často zamíříte na jeho domovskou stránku.

Vzhledem k tomu, že domovská stránka hraje tak zásadní roli, je navržení dokonalé struktury téměř nemožné. Každý z vašeho týmu bude mít svůj názor!

Zejména proto, že položky na vaší domovské stránce jsou důležité pro vyhledávače (tzv. SEO), bude se o místo na ní ucházet všechny zainteresované strany. Pokud každému ustoupíte, bude vaše domovská stránka nepřehledná a přeplněná.

Nepodléhejte tlaku! Při navrhování domovské stránky by mělo být vaší prioritou utvořit dobrý první dojem. To je rozhodující! Studie o webovém designu ukázala, že první dojem z webové stránky utkví i poté, co návštěvník na stránce stráví více času.

Je to proto, že naše představivost pracuje na plné obrátky, kdykoli se setkáme s něčím novým. Když se setkáme s něčím novým, vytvoříme si celkový obrázek o tom, jak tato nová věc funguje, a pak se snažíme nově získané informace začlenit do našich zažitých představ.

Pokud je tedy návštěvník od začátku zmatený, začne si váš web vykládat špatně. A to ho bude mást tím více, čím více času na vašem webu stráví.

Co můžete udělat, abyste se tomu vyhnuli? Nejefektivnějším způsobem komunikace na domovské stránce je umístit vedle loga slogan, který vystihuje obsah celého webu.

Dobrý slogan je živý a osobitý a vyjadřuje hodnotu vašeho webu. Například zpravodajský web The Daily Beast používá slogan „Přečtěte si tohle, přeskočte tamto“. Slogan služby pro sdílení aut Zipcar zní: „Kola tam, kde je chcete mít.“

Oba slogany na první pohled jasně sdělují, o čem weby těchto společností jsou.

Testování

Nespoléhejte se při hodnocení svých webových stránek na své přátele a spolupracovníky. Testujte, testujte a ještě jednou testujte.

Vaše webové stránky by měly být přehledné a srozumitelné. Jak ale zajistit, aby výsledný produkt tyto cíle skutečně splňoval? Možná vás napadne zeptat se svých přátel nebo prostě věřit vlastnímu úsudku.

Bohužel se na svůj vlastní úsudek tak úplně spoléhat nemůžete. Koneckonců, web jste vytvořili, takže jsou jeho funkce a uživatelské rozhraní pro vás samozřejmostí. V tomto případě je zkrátka nemožné být objektivní!

Podobně bezvýsledné budou i diskuse o webu s přáteli. Protože v konečném důsledku mají lidé na to, jaký by měl web být, velmi subjektivní názory.

Když se zeptáte designéra, řekne vám, že má rád krásné stránky se spoustou bílého místa a jemnými prvky, které nabízejí příjemný vizuální zážitek. Vývojář by naproti tomu raději viděl stránky se spoustou inovativních funkcí, se kterými si návštěvník může pohrát. A oba budou předpokládat, že mají pravdu.

Všichni jsme takoví! Cokoli se nám na webu líbí, ať už je to spousta barevných obrázků nebo strohý minimalismus, je pro někoho jiného odpudivé. A málokdo se snaží podívat na věc z jiného úhlu pohledu. Prostě předpokládáme, že máme pravdu.

Ve skutečnosti však neexistují správné a špatné názory na váš web. A proto ptát se několika lidí na jejich názor zkrátka nefunguje.

Místo toho je lepší provádět testy. Sledování lidí, kteří se snaží procházet vaším webem, je nejobjektivnější způsob, jak zhodnotit, co jste vytvořili, a zjistit, zda váš web funguje tak, jak jste zamýšleli.

Testování je cenné také proto, že odstraňuje kategorie „dobré“ a „špatné“ a přesouvá vaši pozornost na to, co funguje a co ne. Navíc vám ukáže, jak rozdílní jsou uživatelé webu!

Testeři

Sledujte, jak lidé procházejí vaším webem, abyste zjistili, jak jim jeho funkce nedávají smysl.

Ačkoli je testování nezbytné, většině lidí nepřipadá příliš zábavné. Proto byste neměli zapomenout na odměnu nebo občerstvení pro testery (vývojáři mají například obzvlášť rádi pizzu). Tím zajistíte, že váš web otestuje co největší počet lidí.

Vaše webové stránky by měly být srozumitelné každému bez ohledu na jeho původ. Proto se nebojte vybírat i jiné subjekty než je vaše cílová skupina. Stačí jakýkoli člověk, jen nezapomeňte testery za jejich pomoc odměnit. Zaplaťte jim za jejich čas.

Jakmile vyberete skupinu testerů, požádejte je, aby se pohybovali po vašich stránkách, zatímco je vy nebo facilitátor (někdo trpělivý a empatický) budete sledovat a dělat si poznámky. Jedním z cílů facilitátora by mělo být udržet uživatele soustředěné a v pohodlí.

Začněte s úvodní stránkou. Nechte testujícího klikat a mluvit o tom, co vidí. To vám umožní zjistit, zda chápe hlavní myšlenku webu. Pokládejte otázky typu: „Na co myslíte?“ nebo „Na co se díváte?“.

Dbejte však i na to, abyste neovlivňovali chování testera. Pokud vás požádá o pomoc, řekněte něco jako: „Co byste dělal, kdybych tu nebyl?“

Nechte testovací skupinu vyzkoušet všechny funkce webu, včetně přihlášení, vytvoření profilu nebo vrácení zboží. Pokud tester v nějakém úkolu selže, sledujte ho, jak se snaží situaci vyřešit, a pak ho nechte klikat, dokud nebude příliš frustrovaný nebo dokud si neuvědomíte, že skončil ve slepé uličce.

Důležitým tipem je přimět manažery, členy týmu a další zúčastněné strany, aby proces testování sledovali s vámi. Lidé často nevidí smysl takového testování a předpokládají, že web je dostatečně dobrý.

Sledovat někoho, kdo je na webu poprvé, může být transformující zkušenost, díky níž vedoucí pracovníci začnou brát použitelnost webu vážně. S největší pravděpodobností uslyšíte z úst manažera něco jako: „Proč jsme to neudělali už dávno?“

Nároky testování

Testování nemusí být náročné na zdroje ani čas, aby přineslo užitečné poznatky.

Mnoho týmů zabývajících se vývojem webových stránek se testování vyhýbá, protože předpokládají, že testování vyžaduje mnoho času, peněz a odborných znalostí. To ale není pravda.

Koneckonců nemusíte do testování zapojit stovky lidí. Neprovádíte vědeckou studii ani se nesnažíte dosáhnout statisticky významných výsledků. Snažíte se pouze získat informace pro své rozhodování a pochopit, kde mohou mít lidé na vašem webu problémy.

Za tímto účelem stačí otestovat tři běžné, každodenní uživatele webu a nechat každého, kdo proces testování sleduje, aby si poznamenal tři hlavní problémy, které testery frustrují.

Podle autorových zkušeností vždy narazíte na více problémů, než kolik jich můžete reálně vyřešit. Budete tedy muset stanovit priority a zaměřit se pouze na věci, které je třeba opravit ihned.

Jinými slovy, nedělejte si starosti s opravou problémů, ze kterých se tester rychle vzpamatoval sám. Tyto drobné překážky jsou součástí zábavy při zkoumání nového webu.

Další výhodou malé testovací skupiny je, že můžete začít s celým procesem dříve, což činí testování efektivnějším. Čím dříve odhalíte problémy, tím snadněji lze provést změny.

Dále si uvědomte, o kolik snazší je upravit beta verzi webu než web již zavedený, složitý a živý! Předností tohoto přístupu je, že nebudete muset vysvětlovat změny uživatelům, kteří jsou již obeznámeni s dlouhodobě, i když neoptimálně, fungujícím webem.

S testováním můžete začít také ještě předtím, než web vytvoříte, a to tak, že budete sledovat, jak se lidé pohybují na podobných stránkách konkurence. Tímto způsobem můžete získat užitečné poznatky, které budou sloužit jako podklad pro váš vlastní proces vývoje.

V konečném důsledku můžete díky včasnému testování činit lepší rozhodnutí v průběhu celého procesu vývoje. Ušetříte tím čas, protože nebudete muset na konci vše předělávat. Stačí k tomu jen pár hodin času a trocha peněz.

Mobilní verze

Ujistěte se, že se mobilní verze vašeho webu rychle načítá a upřednostňuje žádané funkce.

Vzpomínáte si na dobu před smartphony? I tehdy měly některé mobilní telefony webové prohlížeče, jen byly málo využívané. Teprve když společnost Apple představila dotykový displej s funkcemi jako je přejetí prstem nebo kliknutí, staly se mobilní prohlížeče a jejich využívání tak rozšířené.

Dnes se lidé na internetu pohybují rychleji než dříve a méně čtou. Navíc je pravděpodobné, že web opustí, jakmile narazí na první zádrhel. Nezapomínejte, že rychlost stahování u mobilních zařízení je nestálá a výkon samotných zařízení se značně liší. Proto dbejte na to, aby se vaše stránky načítaly rychle.

Váš design stránek se také musí přizpůsobit malému displeji smartphonu. Vzhledem k tomu, že máte k dispozici méně prostoru pro předání stejného množství informací, budete muset dělat kompromisy.

Stanovte si priority, abyste uživatelům zajistili zobrazení důležitých funkcí a informací na úvodní stránce. Zbytek informací může být klidně o několik kliknutí dál, stačí, když bude uživateli zřejmé, jak se k nim dostat.

Další důležitou věcí je, že lidé používají internet všude a chtějí na něm dělat všechno. Častým omylem je domněnka, že lidé používají chytrý telefon pouze na cestách, a proto potřebují pouze základní funkce. Skutečnost je taková, že uživatel může stejně tak pravděpodobně sedět doma na pohovce a surfovat na chytrém telefonu. Proto také očekává, že bude mít přístup k neokleštěné verzi webu.

Z tohoto důvodu byste měli vždy poskytnout odkaz na kompletní web a nezapomenout na funkci zoomování. Vracející se návštěvníci mohou být na váš web zvyklí, takže se nemusí načíst ani celá stránka, aby zjistili, jak se na ní pohybovat.

Celkově lze říci, že mobilní telefony a prohlížeče jsou budoucností a nové možnosti online interakce poskytnou úžasné příležitosti k vytvoření skvělého uživatelského zážitku.

Jen nezapomeňte, že jediný způsob, jak se ujistit, že jste vytvořili něco použitelného, je testovat to!