Základní vzory navigace v roce 2016
Vaše navigační menu dělá nebo rozbíjí vaše UX webové stránky, což je to, o čem byste měli být vždy navrženi. Neexistuje žádná lepší služba, kterou můžete poskytnout vašim klientům jako návrhářům, než abyste zajistili, že stránky, které jste pro ně vytvořili, se mohou pochlubit úžasným a vysoce funkčním uživatelským zážitkem.
Vynikající UX zaručuje, že stránky vašich klientů získají více potenciálních zákazníků, návštěvníků a čtenářů, nemluvě o tom, že si udržují pravidelné návštěvníky. Je to nejdůležitější část tvorby webu a vy máte velkou kontrolu nad ním podle toho, jak navrhujete navigační nabídku vašeho webu.
Bohužel ne všichni návrháři kladou vysokou prioritu na navrhování vynikající navigace, což dělá klientům a návštěvníkům špatné služby.
Chcete-li vytvořit velmi důvěryhodnou pověst jako návrhář - a být návrhářem v poptávce - musíte zvládnout jeden z nejzákladnějších aspektů webového designu. To vytváří hvězdnou navigaci pro stránky vašich klientů.
Zde je návod.
Lepší navigace
Lepší navigace je nezbytnou součástí navigace, protože umožňuje uživatelům okamžitě vstoupit do menu a snadno najít, co chtějí na vašem webu. Lepší navigace zůstává zamčená, protože uživatelé posouvají stránku dolů. Neexistuje nic více frustrující - zvláště v případě stránek s dlouhým posunem - než abyste museli znovu procházet celou cestu, abyste se mohli přesunout na jinou stránku na webu.
Nezapomeňte, že na webu je rychlost, která je vše (načítání stránek, nalezení požadovaného obsahu apod.), Což umožňuje rychlejší přístup uživatelů do navigačního menu.
Přidáním lepící navigační lišty také pomáháte snížit kognitivní zatížení uživatelů tím, že neustále ukládáte své navigační volby přímo před nimi.
Alternativní tisk představuje dobrý příklad toho, jak začlenit slepou navigaci do vašich stránek. Všimněte si, jak jsou všechny nejdůležitější části snadno přístupné a identifikovatelné efektivním barevným kontrastem v navigačním panelu bez ohledu na to, jak daleko se pohybujete dolů po stránce.
Zřejmý hypertext
Hypertext je jakýkoli textový odkaz na vašich stránkách, na který mohou uživatelé kliknout, a získávají další informace, obvykle na jiné stránce, ať už se jedná o stejný nebo mimo web. Hypertextové odkazy jsou pravděpodobně nejvíce identifikovatelným příkladem hypertextu.
Vzhledem k tomu, že hypertext obsahuje informace, které pomáhají uživatelům získat více informací, je jen důvod, proč jsou tyto užitečné odkazy velmi patrné. Celkově to přispívá ke splavnosti webu, který stavíte.
Doporučuji vytvořit hypertextový obličej dvěma jednoduchými konstrukčními prvky:
- Podtržení
- Změna barvy
Když zdůrazníte nějaké slovo na obsahu vaší stránky - řekněme, že je to hypertextový odkaz na stránku vašeho klienta - okamžitě upozorní návštěvníky na stránkách, což mu pomáhá při navigaci k důležitým informacím s větší snadností.
Stejně tak, když barvu hypertextových odkazů lišíte od textu a pozadí vašich stránek, znova to vyniknete na stránce, takže uživatelé mohou snadno identifikovat a kliknout na ně.
Marketingové místo Denní vejce používá pro její hypertext podtržení i různé barvy, takže uživatelům je velmi snadné identifikovat odkazy.
Mega menu
Mega menu jsou skvělým nápadem pro navigaci, zejména pokud web, který navrhujete pro svého klienta, má hodně obsahu a kategorií. eCommerce obchody přicházejí na paměti. Jedná se v podstatě o obrovské rozbalovací panely, které otevírají další vrstvy navigace a pomáhají uživatelům najít to, co chtějí rychleji.
Taková menu zlepšují uživatelské prostředí tím, že zahrnují výhody, jako jsou:
- odstranění rolování;
- nápovědy;
- řádné strukturování obsahu pomocí ikon, rozvržení nebo typografie.
Všimněme si, že tyto funkce usnadňují navigační nabídku.
Pro solidní příklad mega menu, jděte do Potravinářská síť Webu. Všimněte si, že nabídka obsahuje jednu z nejžádanějších částí obsahu webu - recepty - ve snadno viditelném formátu, který umožňuje uživatelům okamžitě vybrat místo, kam se chtějí jít, a nikoli rolovat nebo stránkovat pro další možnosti.
Vzory a jazykové možnosti
Výnosnost vzoru využívá konvenční symbol, který většina návštěvníků webu okamžitě porozumí, například ikonu domu, která představuje domovskou stránku vašeho webu. Jazykovým přístupem je výslovné použití slova, jako je "domov", aby se objasnilo, že kliknutí na tuto kartu přivede uživatele na domovskou stránku webu.
Komunikace sdělují uživatelům, jak mohou spolupracovat s prvky ve vašem designu. Zatímco toto je určitě Design Basics 101, je to stejně důležité i dnes, jak tomu bylo v prvních dnech Internetu.
Funkční navigační menu by mělo mít symbol domu nebo slovo "domov" umístěné na první navigační záložce vlevo. Zatímco někteří návrháři mohou místo toho zvolit, aby obsahovaly logo společnosti jako "domov" ikonu nebo tlačítko, které stále přenechává příliš mnoho prostoru pro chybu uživatele.
eTailer Rám skladu demonstruje tento princip designu na odpaliště s použitím "domova", aby nepochyboval o tom, kde se tato karta dostane návštěvníkům stránek.
Rychlý čas načtení
Rychlost = skvělé uživatelské prostředí. Návrháři všech pruhů by si to měli uvědomit jako jednu z nejdůležitějších návrhových pravidel, která prostě nemohou a neměli by odstupňovat. Podle Wired Magazine , téměř 50% zákazníků chce, aby se průměrná stránka načtela za dvě sekundy nebo méně! Dejte jiný způsob, pokud stránky, které navrhujete pro své klienty, trvají déle než dvě sekundy, než se načtou ... existuje opravdu velká šance, že opustí stránky vašich klientů a nikdy se nevrátí, a způsobí tak vážné noční můry konverze.
Jedná se o znepokojivou statistiku, ale určitě může něco, co s tím návrháři mohou udělat, aby zajistili, že svým klientům poskytují vysoce kvalitní výkon stránky. Jednoduše vyzkoušejte rychlost stránky stránek, které navrhujete. Existuje řada spolehlivých nástrojů, které vám pomohou určit časy načítání stránky:
- PageSpeed Insights - Vývojáři Google
- Test rychlosti webových stránek společnosti Pingdom
- WebPagetest.org
Jako příklad velmi rychlého načítání stránky se podíváme na Enchanted Learning Co je velryba? strana. Návrh by mohl pracovat s určitou prací, ale stránka se načítá za něco více než jednu vteřinu, podle panelu nástrojů analýzy Alexa.
Skvělá navigace je skvělá UX
Obrovskou součástí skvělého uživatelského zážitku je navigace vašeho webu. Je to základ, na kterém spočívá celá uživatelská zkušenost, pokud o tom skutečně myslíte. Pokud se uživatelé nemohou snadno dostat k vašim klientským stránkám, pak se pro ně stane frustrující, což jim způsobí, že opustí spěchu. Takže vynikající navigace by měla usnadnit lidem používat jakékoliv stránky, které vytvoříte; to je měřítko dobré uživatelské zkušenosti.
Zatímco to může být lákavé dát navigaci krátkou shrift v etapách designu - kvůli novým designovým trendům, které se stále objevují - není to žádoucí. Vaši uživatelé si všimnou, stejně jako vaši klienti. Chcete-li potěšit své klienty, musíte se prosím těšit svým uživatelům. Můžete to udělat jen tehdy, když navrhneme skvělý zážitek uživatelů, především s primárním důrazem na získání navigace přímo z cesty.