Existují určité správné a nesprávné způsoby návrhu navigačních nabídek. Tato základní část webové stránky je často přehlížena v procesu návrhu a ukazuje se z hlediska použitelnosti.

Nejčastější problémy jsou neohrabaná, přeplněná nebo chybějící navigace a upřímně řečeno, mohou vaše webové stránky jednoduše nasát. Nebuďte ten chlap (nebo dívka). Pomocí těchto tipů zajistěte, abyste v projektech svých webových stránek používali moderní navigační vzory pro chladné, kreativní navigační prvky, které neuspívají. (A jsou vysoce použitelné.)

1. Opusťte Mega menu

Mega menu byl designový mód, který zákazníci milovali - i když návrháři ho nenáviděli. Nadměrný styl nabídky, který obsahuje "vše, kromě kuchyňského dřezu", je ohromující pro uživatele a neposkytuje žádnou skutečnou hodnotu.

Pouze hrst velkých maloobchodníků může opravdu dostat pryč s použitím mega menu, a účelem je ukázat rozsah inventáře. Užitečnost přetíženého navigačního prvku je sporná.

Často je vybrána volba mega menu, protože je příliš těžké zúžit co se má dát do navigace. Proveďte těžké rozhodnutí. Proveďte v analytické službě informace o tom, co uživatelé hledají. Upřímně řečeno, většina uživatelů, kteří chtějí velmi specifickou věc, ji najdou vyhledáváním.

metajive

2. Zajistěte, aby vyhledávací stránka byla významná

A hovoříme o hledání: Udělejte to prominentní. Hledání by mělo být na každé stránce. Mělo by to být v hlavní navigaci. A měl by být velký a snadno přístupný.

Vynikající vyhledávací funkce je odkaz, který bude udržovat uživatele na webových stránkách. Pokud to, co hledají, není snadno dostupné, další možnost ji pravděpodobně vyhledá. (Děkujeme Googlu za tento vyhledávaný proces.)

Nepokoušejte se s tím bojovat. Spolupracujte s uživateli a zahrnout vyhledávání jako součást hlavní navigace. (A ujistěte se, že je krabice dostatečně velká, aby psala a plně viděla obvyklé fráze.)

živel

3. Omezit počet navigačních možností

Je vaším úkolem předvídat, jakým uživatelům budou chtít získat další přístup. Omezte volby navigace na nejoblíbenější stránky a informace v návrhu webových stránek.

Téměř každé navigační menu by mělo obsahovat vyhledávací stránku, kontaktní stránku nebo stránky kontaktů a e-commerce by měly vždy obsahovat tlačítko košíku nebo koupit nyní. Poté by navigační prvky měly být řízeny obsahem webu.

livso

4. Vyvíjení inteligentních navigačních menu

Dobrá navigace pomůže uživatelům přejít z jednoho bitového obsahu na další logický bod. Tento obsah se v různých částech webu často liší.

Vytvořte několik konfigurací navigace, aby uživatelé měli snadný přístup k obsahu, který je dalším logickým krokem v jejich cestě kolem návrhu. Zatímco některé prvky se mohou překrývat, ostatní pomáhají uživatelům a pomáhají jim proniknout hlouběji do návrhu.

Jsme ve věku, kdy uživatelé očekávají určitou úroveň personalizace. Amazon dělá skvělou práci s navigačními prvky, které dokonce volají uživatele podle jména. Podívejte se blíže na navigaci při příštím přihlášení, abyste viděli Amazon.com [Vaše jméno je zde]. Vedlejší navigace obsahuje informace, jako je roční uživatelská dotace uživatele pro Smile, nedávnou historii objednávek a dokonce i kredity na jiné služby Amazon. (Všechno je pak docela personalizováno.)

Amazonka

5. Určete Nav prvky

Pořadí navigačních prvků je stejně důležité jako rozhodnutí o jejich použití. Položky na začátku a na konci navigačního prvku budou nejúčinnější, nejviditelnější a nejvíce kliknuté. Uživatel tyto pozice pečlivě.

Je dokonce nějaká věda, která to podpoří. The sériový poziční efekt je tendence osoby vzpomenout na první a poslední položky v seznamu nejvíce konzistence. Dále uživatelé mají tendenci vyvolávat nejaktuálnější položky nejlépe (novodobý účinek) a první položky v seznamu jsou vyvolány lépe než střední prvky (efekt primacy).

Podívejte se na vzory toků uživatelů ve vašich webových stránkách, které vám pomohou určit, jaké stránky a prvky by měly být přední a středové. Zahrnout stránky, ze kterých se uživatelé chystají, z domovské stránky a obsahu, s nimiž se uživatelé chtějí připojit. Odstraňte navigační prvky, které nevedou k toku uživatele.

whisky

6. Použijte Sticky Navigation pro stránky s dlouhým posunem

Nedovolte, aby uživatelé ztratili přehled o navigaci. Bez ohledu na to, zda se drží na horní, dolní nebo boční straně obrazovky, měla by každá stránka s dlouhým posunem obsahovat přilnavé menu. Důvodem je jednoduchý: Nevystavujte uživatele práci, abyste neustále komunikovali s vašimi webovými stránkami.

Čím je jednodušší pohybovat se a zažívat obsah, tím pravděpodobnějším uživatelům je právě to. Čím více času stráví uživatel na vašem webu s vaším designem, tím je pravděpodobnější, že převedou na požadovanou akci uživatele.

názvy

7. Nepokládejte navigaci

Drobné položky nabídky, odkazy zastrčené v dolní části obrazovky nebo pouze v zápatí a navigace vyskakovacích oken skryté za ikonami oddball a nedostatečné navigace na vnitřních stránkách budou pouze uživatelům umožňovat kliknutí. Neskrývejte navigaci na webu. Mělo by to být přední a střední. Mělo by to být na každé stránce.

Uživatelé se mohou dostat na vaše webové stránky mnoha způsoby. Ujistěte se, že při příjezdu existuje navigační prvek.

pivovarnické výlety

8. Použijte popisné štítky

Od navigačních slov po ikony by každý prvek měl uživatelům přesně říct, co se stane s kliknutím. Používejte běžně přijímané ikony, jako je například nákupní karta, kterou chcete zkontrolovat, nebo zvětšovací sklo pro vyhledávání, nebo dokonce i ikonu hamburgerů pro styly pop-out menu.

Pak ji učinte o krok dále a použijte textové štítky, které uživateli říkají přesně, jaké informace jsou v něm obsaženy. Snažte se vyhnout se příliš obecným štítkům, jako jsou služby nebo nabídky, pokud existuje slovo, které lépe vysvětluje obsah.

postable

9. Zvažte plnou stránku Nav

Někdy je designem navigace. Pokud existuje několik klíčových prvků, které jsou pro uživatele důležité, předveďte je s navigací na celou obrazovku.

Ačkoli to nebude vhodné pro každý projekt, může to být účinné pro menší webové stránky, portfolia nebo projektovou práci.

árie

10. Jděte svisle

Vertikální navigace je nyní trendová , a z dobrého důvodu. Je snadné vidět a kreslit oko, protože je poněkud odlišné.

Boční, vertikálně orientovaná navigace je dobrou volbou pro webové stránky, které potřebují trochu více prostoru pro počet navigačních prvků. S hlubší nabídkou lze design přizpůsobit více prvkům nav, bez pocitu přeplnění a udržení dostatečného prostoru mezi prvky.

jho