Jaký program zvolit pro navigátor. Moje verze navigace na cestách Navitel: dobře navržený GPS navigátor pro Android

Častou chybou v použitelnosti webu je složitá nebo matoucí navigace, která zákazníky odradí. Pamatujte na jednoduché pravidlo: čím jednodušší je navigace na vašem webu, tím rychleji uživatel najde potřebné informace a případně zadá objednávku.

Hlavním principem pohodlné navigace na webu je zajistit, aby potenciální klient vždy pochopil, ve které sekci/stránce se nachází, odkud přišel a kam může jít dál. Pojďme zjistit, jaké navigační prvky je třeba přidat na web, aby se uživatel neztratil v hlubinách vašeho zdroje.

Vytvoření navigace na webu: základní prvky

Následující prvky jsou hlavní, musí být přítomny na všech stránkách webu a musí být ve stejném stylu. Jejich absence uživatele dezorientuje.

Záhlaví webu. Musí být vizuálně oddělené od ostatních prvků stránky a obsahovat následující prvky:

  1. Logo, který je lepší umístit do levého horního rohu, protože tato možnost je uživatelům známější.
  2. Název společnosti a Stručný popis aktivity - slogan(pokud tato informace není uvedena v logu). Kromě toho můžete uvést svůj USP (další podrobnosti o tom, co to je a jak vybrat ten správný).
  3. Oblasti působení, rozvoz zboží. Není třeba vypisovat celý seznam, prosím uveďte tyto informace stručně.
  4. Kontaktní informace. Pokud máte několik kanceláří nebo obchodů, měli byste v záhlaví webu uvést důležité informace pouze pro hlavní věc, aby nedošlo k přetížení záhlaví.
  5. Nezapomeňte přidat vedle telefonního čísla pracovní režim aby uživatelé viděli, v kolik hodin mohou společnosti volat.
  6. Odkaz na stránku košíku, pokud máte internetový obchod.
  7. . Přidejte pouze v případě, že vaši specialisté mají čas rychle zpracovat požadavky z ní. Potřebné pro uživatele, kteří se z nějakého důvodu nemohou společnosti dovolat sami.

Příklad informativního záhlaví webu:

Hlavní menu. Nejlepší je umístit tyto odkazy vodorovně pod záhlaví webu. Při výběru názvů sekcí nezapomeňte na sémantický design. Hlavní sekce, které by měly být v hlavní nabídce:

  1. Katalog služeb nebo zboží (položka rozbalovacího menu).
  2. Stránka společnosti.
  3. Způsoby platby a doručení (pro internetové obchody).
  4. Záruky a vrácení (pro internetové obchody).
  5. Portfolio (pokud máte co ukázat).
  6. Akce a slevy.
  7. Recenze (pro servisní stránky).
  8. Blog (pokud nějaký máte).
  9. Kontakty.

Seznam pro každý web je individuální, ale pro snadné pochopení nedoporučujeme umisťovat do menu více než 5-7 odkazů. Pokud je jich více, můžete nad záhlavím webu zvolit druhé menu s odkazy na pomocné sekce - tzv. menu „servis“. Příklad záhlaví webu se dvěma nabídkami:

Vizuálně zvýrazněte aktivní sekci nabídky, aby uživatel viděl, ve které sekci se nachází. Příklad zvýraznění části nabídky:

Vyhledávací formulář. Nezbytnost pro velké weby, zejména pro internetové obchody a informační portály. Bavíme se o tom, co by to mělo být a kam ho na webu nejlépe umístit.

Zápatí webu. Mnoho webů tento blok ignoruje, ale pomáhá uživateli po zobrazení stránky rychle přejít do jiné sekce nebo najít další odkazy, které nejsou v hlavní nabídce. Suterén by měl obsahovat:

  1. Odkazy na všechny části webu. Na všechno bez výjimky. Duplikujte odkazy z hlavní nabídky a určete další sekce. Uspořádejte je do sloupců a rozdělte je do logických podskupin, abyste se v nich snadněji orientovali.
  2. Kontaktní informace. Je lepší uvést více podrobností než v záhlaví webu, přidat adresu a údaje o společnosti.
  3. Odkazy na sociální sítě. Tady s nimi nebude problém.
  4. Objednávkový formulář zpětného volání(pouze pokud jste jej přidali do záhlaví webu.)

Není nutné umisťovat logo a název společnosti do zápatí stránek, zvláště pokud máte mnoho odkazů na sekce. Příklad pohodlného zápatí webu:

Další navigační prvky

Také pomáhají uživateli pochopit strukturu webu, ale nejsou vhodné pro všechny zdroje.

Drobečková navigace nebo místní navigace. Zobrazit cestu uživatele nebo umístění stránky v hierarchii webu. Stojí za to přidat, pokud máte víceúrovňový web (vnořené více než 2 úrovně). Doporučení pro design:

  1. Musí být na všech stránkách webu kromě domovské stránky.
  2. Strouhanka by měla být umístěna vlevo pod hlavní nabídkou a na stejném místě na všech stránkách.
  3. Použijte malou velikost písma.
  4. Všechny prvky kromě posledního musí být odkazy na odpovídající stránky webu.
  5. Poslední prvek by měl odpovídat názvu stránky a měl by být zvýrazněn (nejlépe tučně).

Příklad jasné strouhanky:

Postranní panel. Pokud je část webu rozdělena na podsekce, vyplatí se je zobrazit v postranní nabídce. Menu je lepší umístit vlevo od hlavní části stránky.

Toto menu není třeba duplikovat na všech stránkách webu, umístěte jej pouze do sekce, do které patří. Antipříkladem je, když na svém blogu nebo kontaktních stránkách vidíte nabídku kategorií produktů:

Vybraná sekce by měla být také zvýrazněna v postranní nabídce.

Filtry a třídění produktů. Potřebné hlavně pro internetové obchody. O tom, jaké by mělo být vyhledávání v katalogu.

Tlačítko nahoru. Pomáhá uživatelům rychle se vrátit na začátek stránky. Je lepší jej umístit do pravého dolního rohu. Příklad vizuálního designu tohoto tlačítka:

Ale to není všechno

Existuje několik dalších prvků, o kterých bych také rád hovořil v rámci tohoto tématu.

URL stránky. Vytvářejte jednoduché a snadno pochopitelné běžnému uživateli odkazové adresy. Je žádoucí, aby celá adresa stránky byla v latince.

Dobrý příklad: https://site.ru/company/portfolio/

Špatný příklad: https://site.ru/site/28787343/

Závěr

Všechna doporučení byla ověřena praxí, takže uvedené prvky můžete bez obav přidávat na stránky. Pohodlná navigace na webu je skutečným cílem, kterého lze dosáhnout. Neztrácejte proto čas a dejte do svého plánu potřebná vylepšení. Přejeme vám úspěch!

Pokud si chcete ověřit, jak přehledná a racionální je navigace na vašem webu, můžete nás kontaktovat kvůli auditu. Provádíme také testování použitelnosti, které rychle identifikuje a jasně ukazuje problémy v navigaci.

Navigace na webu se stala důležitým aspektem designu UX – může vašemu webu buď pomoci, nebo ublížit. Navigaci lze přirovnat k podpoře domu. Pokud není plán základů dobře navržen, ohrozíte celou budovu.

Navigace se může mezi weby lišit; neexistuje žádný konkrétní návod, jak to správně udělat.

Co je navigace?

Termín „navigace“ lze vykládat různými způsoby. Celkově se jedná o klíčovou část webu, která umožňuje uživatelům najít to, co hledají, bez zbytečných klikání. Dovede vaše návštěvníky k nejdůležitějším informacím.

Jaké otázky vám pomohou připravit vaši navigační mapu?

    Kdo je vaše cílová skupina a jaký je účel vašeho webu?

    Jaké informace a jaké informační moduly by měly být na webu?

    Jak by měly být informace seskupeny na základě jejich důležitosti pro uživatele?

    Jak uspořádat funkční a informační moduly do stromové struktury?

Plánování vaší navigace

Jak uspořádat obsah? Jak pojmenovat a uspořádat prvky?

Od samého začátku důkladně proberte hierarchii, ve které by se měly informace zobrazovat:

    Pracujte s obsahem. Techniku ​​třídění karet lze použít, aby pomohla návrhářům najít odpovědi na otázky před vytvořením návrhu.

    Pak přejděte ke struktuře. Vytvořte mapu webu nebo seznam s různými úrovněmi informací. Navigace by měla být co nejjednodušší. Nepřehledné stránky s matoucími názvy nabídek znesnadňují používání webu. Při vytváření navigačních nabídek mluvte s uživateli v jejich jazyce.

    Nakonec definujte prvky navigační nabídky, její typ a design.

Pamatujte, že neexistuje žádný standard, který by definoval, jak by měla navigace na vašem webu vypadat. Spíše je důležité pochopit, jaký druh webu tvoříte, jaké sdělení chcete uživatelům sdělit a jakého cíle chcete s jeho pomocí dosáhnout. Například při vytváření webu internetového obchodu můžete použít algoritmy, které návštěvníkům umožní co nejrychleji najít produkt nebo službu, kterou potřebují, a koupit si je. Co se týče propagačního webu, můžete se zaměřit na rychlé vyhledávání informací, zapojit uživatele do hry a zjednodušit hlavní prvky pro snadnější navigaci.

Trendy designu navigační lišty

Existuje několik oblíbených typů navigace na webu, které můžete pro svůj projekt použít. Který z nich si vyberete, je jen na vás.

Horizontální nebo vertikální?

Volba mezi horizontální a vertikální navigací je určena několika faktory založenými na designu, použitelnosti a obsahu. Malé weby často preferují vodorovný navigační panel v záhlaví stránky, zatímco velké podnikové weby používají vodorovné i svislé pruhy.

Velké rozevírací seznamy

Rozbalovací nabídky přiblížení jsou lištou nabídek, která „vypadne“ nebo „vyletí“ z hlavní navigační lišty. Tento typ navigace není vhodný pro každý web. Hlavní výhodou rozbalovacích seznamů je, že umožňují zobrazit mnoho odkazů najednou. V jakých případech tedy mohou být potřeba? Velké rozevírací seznamy jsou vhodné pro internetové obchody s velkým seznamem kategorií, které se pravděpodobně nevejdou do standardní navigační nabídky. V souladu s tím mohou tuto navigaci úspěšně využívat i jiné stránky nabízející komplexní škálu služeb.

Opraveno ("lepkavé")

Pevná nebo „lepkavá“ navigační lišta nezmizí, když posouváte stránku. Správně se taková navigace používá na stránkách, kde jsou výzvy k akci umístěny na hlavním panelu.

Zápatí svazku

Jsme zvyklí vídat v zápatí odkazy na právní informace, widgety pro přihlášení k odběru newsletteru nebo ikony sociálních sítí. Mnoho webů má velké zápatí, pokud obsahují hodně obsahu nebo se jedná o internetové obchody, u kterých je důležité označovat ikony s platebními metodami.

Navigace s responzivním designem

Responzivní navigace umožňuje, aby váš web vypadal dobře různá zařízení. Na mobilní zařízení Panel se obvykle sbalí do nabídky „hamburger“. Ikona nabídky se skládá ze tří vodorovných pruhů a po otevření jsou prvky umístěny pod sebou a tvoří takzvaný „hamburger“. Tento typ nabídky byl vytvořen, aby usnadnil navigaci na mobilních zařízeních, aniž by zabíral mnoho místa.

Propojení loga s domovskou stránkou

Zní to jako samozřejmost, ale stále existují stránky, které toto pravidlo ignorují. Když uživatelé kliknou na logo, očekávají, že budou přesměrováni domovská stránka- to je běžná praxe.

Primární / sekundární

Nejčastěji se primární navigace skládá ze základních prvků, které

vypadat stejně na celém webu. Hlavní nabídka se obvykle nachází v horní části stránky, uprostřed, vlevo nebo vpravo. Sekundární navigace se skládá z dalších prvků a je obvykle umístěna uprostřed stránky a není zvýrazněna vhodným designem.

Pojďme se podívat na 10 nejlepších nápadů na design navigace na webu

Typ: vertikální, adaptivní.

Klikněte na ikonu nabídky vlevo a hlavní nabídka se přesune do středu stránky.

2. ST3

Typ: pevný, vertikální; umístěný vpravo nahoře.

Design stránek je interaktivní. Při posouvání stránky se objevují nové informace.

Typ: adaptivní, vertikální; umístěný na levé straně.

Navigace v levém panelu, který se rozbalí z ikony nabídky, je podobná té, na kterou jste zvyklí vídat mobilní verze místo. Navigace je umístěna vlevo od nástupní sekce a je dobře viditelná.

4.Kennedyho centrum

Typ: horizontální, rozevírací seznam.

Na webu JFK Center se můžete pohybovat dvěma způsoby: přetažením obrázků nebo pomocí vodorovné nabídky.

5. B&O Play

Typ: pevný, adaptivní, horizontální.

Stránka přitahuje pozornost uživatele svým produktem, takže navigační lišta je vcelku jednoduchá.

Typ: pevné, vodorovné, objemové zápatí, adaptivní, s rozevíracím seznamem.

Dlouhé rolování po stránce s hlavními funkcemi a velký rozevírací seznam nasměruje uživatele na požadovanou stránku.

7. Luxusní hotely na Jadranu

Typ: pevný, vodorovný, velký rozevírací seznam, objemové zápatí.

Na tomto webu můžete najít to, co potřebujete, pouhým posunutím stránky dolů nebo pomocí pevného menu.

Typ: pevné, adaptivní, horizontální, objemové zápatí.

Navigace Kalios se nachází vlevo nahoře. Kliknutím na ikonu nabídky získáte informace o produktech najetím myši na požadovaný produkt.

Tyto stránky lze spravovat kliknutím na šipky. Uživatel může webem procházet jako v muzeu. Informace můžete procházet stránkami každé místnosti.

10. Australský balet

Typ: pevný, adaptivní, rozevírací seznam hlasitosti

Závěr

Existuje mnoho typů navigace, které můžete na svém webu použít. Univerzální způsob, jak vytvořit dokonalou navigaci, přitom neexistuje; vše záleží na vašich potřebách nebo přáních vašeho klienta. Doufáme, že vás naše příklady inspirovaly a tým AGENTE vám zase pomůže realizovat vaše nejdivočejší nápady.

Čím jednodušší je práce se stránkou, tím větší je pravděpodobnost opakovaného použití, objednání produktu, vyplnění formuláře a provedení dalších užitečných akcí uživatelem.

Stává se, že většina stránek má jedinečný design a strukturu. To vede k tomu, že noví uživatelé si musí pokaždé nastudovat princip navigačního zařízení, aby se dostali k potřebným informacím nebo dokončili svůj plán.

Úkolem designéra je minimalizovat čas, který nový návštěvník stráví takovým školením, a maximálně zpřístupnit informace. Klíčem k úspěchu při řešení tohoto problému je vybudování správného navigačního systému.

Dobrá navigace se řídí následujícím souborem zásad.

1. Jednoduchá a logická struktura dat

Uživatelsky přívětivé rozhraní je založeno na správné organizaci dat. Než se pustíte do návrhu, má smysl podrobně promyslet informační architekturu projektu.

Data by měla být distribuována napříč stránkami nebo obrazovkami takovým způsobem, aby nový návštěvník, aniž by znal úplný obrázek, mohl rychle posoudit, jak se dostat k informacím, které hledá. K tomu je nejprve nutné sestavit logickou hierarchickou strukturu z datové sady, která byla poskytnuta v projektu.

Špatně Že jo

O zvýšení efektivity svého online podnikání můžete mluvit, jak chcete, ale k praktickému řešení se blíže nepřiblížíte. Internetový marketing je ale čistá praxe. A dnes zahajujeme sérii materiálů věnovaných webům s vysokým počtem konverzí. Pomocí konkrétních příkladů.

První na řadě je Booking.com, služba pro rezervaci pokojů v hotelech po celém světě. Pokud se věnujete cestování, pravděpodobně to znáte. Webové stránky společnosti navštíví denně 11 000 000 unikátních návštěvníků. Z toho 700 000 lidí podnikne cílovou akci.

Žádné místo v tomto výklenku se nemůže ani jen přiblížit takové účinnosti. Navzdory skutečnosti, že zdroj je doslova „nacpaný“ prodejními funkcemi, vývojáři jej nadále vyvíjejí.

Sledujte, studujte a hlavně aplikujte ty nejlepší techniky slavné značky.

Domovská stránka

Strategie Booking.com je postavena na sociálních důkazech. Autoři nepopisují, jak jsou cool, ale doslova zálohují každý prvek čísly. Návštěvník získává pocit, že se ocitl v obrovské skupině stejně smýšlejících lidí. Pokud této službě důvěřují statisíce cestujících, jaké jsou pochybnosti?

Jakmile se dostanete na domovskou stránku, upoutá vaši pozornost následující widget:

„Jaké jsou to návrhy pro účastníky? Musíte se zaregistrovat a podívat se!” Takto uvažuje začátečník a služba si snadno a přirozeně sbírá klientskou základnu.

"Buny" pro registraci:

Další snímek ukazuje notoricky známou šíři výběru. Bez apartmánu na dovolené rozhodně nezůstanete. :

Poptávka po službách je vidět na feedu« Právě rezervováno" Aktualizuje se každé 3 sekundy:

Pohodlná navigace při hledání

Intuitivní rozhraní vyhledávacího filtru uživatele nijak nezpomaluje, ale naopak usnadňuje výběr. První fáze konverzního trychtýře jde jako po másle.

Práce s námitkami

Nenápadně a přesvědčivě, přímo pod vyhledávacím formulářem. Většina uživatelů se ptá na 2 otázky:

  • Jak zrušit rezervaci?
  • Jak rychle je rezervace potvrzena (zachytí někdo moje číslo)?

V každém podnikání má cílové publikum 2–3 „žhavé“ otázky a pochybnosti. Odpovědět na ně jasně a jasně znamená zvýšit odezvu.

Výhody a výhody

O hlavních rysech Booking.com přesvědčivě hovoří i tradiční seznam bulletinů s výhodami:

Shrnutí: ziskové, pohodlné, spolehlivé. Na základě těchto 3 faktorů se rozhodujeme ve prospěch toho či onoho zdroje.

Sociální důkaz

Podívejte se, jak služba elegantně využívá sociální důkazy, aby vám pomohla při rozhodování při výběru hotelu:

Za prvé, hotel má vysoké hodnocení (4 z 5 hvězdiček). A ne z rozhodnutí správy, ale na základě recenzí. Dále uvidíte další „háček“: hodnocení je „Úžasné“ na základě 66 recenzí. Mimochodem, podrobněji jsou uvedeny uvnitř hotelové karty. Konečně informace, že zbývá poslední číslo a někdo se na něj dívá ve stejnou chvíli jako vy, mimovolně vyvolává „uchopovací“ reflex.

Místo závěru

Co lze a co by mělo být použito ze zkušenosti Booking.com:

  • Pokud požádáte uživatele o registraci (poznámka pro majitele internetových obchodů), vysvětlete důvod a uveďte hodnotu jako dárek (například trvalou slevu);
  • Usnadněte si navigaci na webu co nejvíce. Návštěvníci by měli klouzat směrem k cílové akci jako po vyšlapané stezce;
  • Identifikujte hlavní námitky a stručně a přesvědčivě na ně odpovězte;
  • Požádejte každého spokojeného klienta o recenzi, nebo ještě lépe umístěte formulář pro automat zpětná vazba;
  • Sociální důkaz výrazně zvyšuje konverze. Jeden fakt se prodává lépe než sto krásných slov.

Šťastné prodeje vám!

V tomto článku si povíme, co by to mělo být dobrá navigace na webu a jak to udělat opravdu efektivní. Materiál bude užitečný především pro ty, kteří si chtějí vytvořit vlastní web.

Navigace jsou metody, techniky a speciální prvky, které vám umožňují pohybovat se mezi jejími stránkami.Vše závisí na tom, jak dobře je to promyšleno: jak konverze, tak úspěšnost propagace zdrojů.

To lze přirovnat k dispozici domu. Pokud je dispoziční řešení dobré, pak snadno najdete místnost, kterou potřebujete, a nespletete si vstup do kuchyně se vstupem do obývacího pokoje. Pokud je tam hodně průchodů, chodeb a dveří, pak se v takovém domě můžete ztratit.

Totéž platí pro webové stránky. Pokud je navigace špatná, existuje mnoho odkazů, které nevedou tam, kam mají jít, nebo není jasné, kam povedou, uživatelé jsou zmatení a nemohou najít stránky, které potřebují, a informace, které potřebují.

Pro vyhledávače dobrá, logická navigace je také důležitá. Vyhledávač musí rozumět roli této stránky na vašem webu. Dobře navržená navigace také zlepšuje faktory chování, protože uživatelé rychle najdou informace, které potřebují.

Základní prvky a techniky navigace

Navrhuji, abyste se nejprve seznámili s hlavními prvky, které vám pomohou při navigaci na webu.

Navigace v širokém slova smyslu zahrnuje mnoho technik a prvků, jejichž hlavním úkolem je umožnit uživateli přejít na požadovanou stránku a seznámit se s informacemi.

Jedním z těchto prvků, který se na webu již dlouho stal povinným, jelogo společnosti, po kliknutí na něj budete přesměrováni.

Například zde stačí kliknout na logo a vrátit se na úvodní stránku.

Tato technika je již uživatelům známá a umožňuje vám vrátit se na domovskou stránku z jakékoli stránky webu.

Druhým „klasickým“ prvkem jeHorní menu.

Nachází se pod záhlavím a skládá se z tlačítek nebo odkazů, které vedou do hlavních částí webu. Taková nabídka může být složitější, s rozevíracími seznamy, které vedou do podsekcí nebo jednotlivých stránek.

V posledních letech se stala populární další technika - tatohamburgerové menu, ve kterém jsou všechny odkazy skryty na schematických třech vodorovných čarách. Nejprve tento prvek žil pouze na mobilních zařízeních, ale nyní se stále častěji vyskytuje na verzích stránek pro počítače:

Také na některých stránkách můžete vidětvertikální menu. Používá se nejčastěji v případě, že se do horního menu nevešlo vše potřebné, nebo pokud je potřeba uživatelům usnadnit navigaci v určitých sekcích.

Nebo možná může žít nezávisle, bez horizontální menu v horní části stránky. A dokonce může existovat několik takových nabídek, jako zde - vlevo a vpravo:

(micro markup) je další navigační prvek, který nejen definuje hierarchii stránky, ale také umožňuje snadný návrat do požadovaného úseku nebo na hlavní stránku z libovolné stránky:

Odkazy uvnitř článkůna další stránky webu – to jsou také navigační prvky. Například tyto:

Pomohou vám nejen posunout se dále, ale jsou dobré i z pohledu SEO – tato technika umožňuje zvýšit počet prohlížených stránek.

Odkazy v patičce(zápatí, zápatí) je dalším navigačním prvkem. Obvykle se v patičce umísťuje odkaz na kontakty, uživatelskou smlouvu, pravidla používání stránek atd. A někdy můžete vidět mnoho odkazů na různé stránky webu, seskupené do kategorií:

Na dlouhých vstupních stránkách, stejně jako na některých webech, můžete vidětstupnice pokroku, který ukazuje, jak daleko jste se na této stránce posunuli:

Ukazatele průběhu lze nalézt také na přihlášce a registračním formuláři, pokud je formulář dlouhý a rozdělený do několika kroků.

Usnadňuje to procházení samotné stránky – vidíte, jak daleko ke konci. To je také malá psychologická technika, která povzbuzuje návštěvníka, aby dovedl to, co začal, k dokončení.

Na dlouhých stránkách a vstupních stránkách můžete najít další skvělý navigační prvek -tlačítko pro rychlý návrat nahoru:

Toto tlačítko umožňuje rychlý návrat na začátek stránky.

Do horního menu, kontaktů nebo jiných důležitá informace byly neustále na očích, používá se tzv. „sticky header“ nebo „sticky navigační lišta“. Zůstává v horní části stránky, zatímco uživatel posouvá dolů.

Zde máme neustále před očima vyhledávání, logo s možností návratu na hlavní stránku a malé menu.

Jak všechny tyto prvky efektivně a výhodně využít?

Jak usnadnit navigaci na webu

Při práci na navigaci na vašem webu pamatujte a zkuste použít jedno jednoduché pravidlo:Z hlavní stránky na kteroukoli stránku webu by měl uživatel získat maximálně tři kliknutí. A naopak.

1. Umístěte logo návratu na domovskou stránku do pravého horního rohu.

Toto je obecně přijímaný standard a má to dobrý důvod: právě zde logo okamžitě upoutá pozornost. A uživatel nebude muset hledat, na co kliknout, aby se vrátil.

2. Zvažte primární a sekundární prvky.

Horní menu může být primární. Sekundární – postranní panel, další odkazy uvnitř textu, v patičce. Drobečková navigace může také sloužit jako sekundární navigační prvky.

Zde je hlavním navigačním prvkem horní nabídka a pomocným prvkem jsou drobky.

Umístěte nejdůležitější části webu do hlavní nabídky.

3. Přemýšlejte o tom, které stránky lze seskupit.

Pokud se vše nevejde do horního (nebo bočního) menu. Například často najdete možnost, když jsou některé části webu skryty pod jedním tlačítkem „Informace“, „Více“, „Více“ atd.

Mail.ru mail „skryl“ projekty společnosti tímto způsobem:

4. Najděte vhodné místo pro informační odkazy.

Informační odkazy jsou jako „Kontakty“, „Veřejná nabídka“ a podobně. Tyto odkazy musí uživatel najít na všech stránkách webu. Proto je pro ně nejvhodnější místo zápatí.

Zde je nápadný příklad takového umístění informačních odkazů:

5. Nezapomeňte na design.

Všechny navigační prvky by měly být jasně viditelné a mělo by být jasné, že odkaz je odkaz a tlačítko je tlačítko. Zvýrazněte odkazy barvou, zvýrazněte je nebo podtrhněte. Je důležité, aby uživatel pochopil, že před ním je klikací prvek, který ho pošle na jinou stránku webu.

Toto je místo, kde nemohu označit menu za úspěšné. Písmo je příliš malé. Ale tady je jiný přístup - okamžitě s domovská stránka Můžete přejít do katalogu své oblíbené značky nebo si prohlédnout slevy:

6. Neotevírejte stránky v nových oknech.

To mate uživatele.

7. Doplňkové prvky.

Promyslet si to doplňkové prvky typ„Související produkty“, „Doporučený obsah“ nebo „Související články“, což uživateli pomůže rychle najít to, co potřebuje.

8. Rady.

Usnadněte si navigaci pomocípopisky , což uživateli pomůže pochopit, k čemu toto tlačítko nebo ikona slouží:

9. Nabídku nechte na viditelném místě.

Snažte se zajistit, aby návštěvník nemusel na každé stránce hledat nové menu. Neměňte ani neodstraňujte nabídky na sekundárních stránkách.

10. Neschovávejte své kontakty daleko.

Nechte své telefonní číslo v záhlaví. Ujistěte se, že tlačítka zpětného volání a chat s online asistentem jsou okamžitě viditelná – nejčastěji ve spodní části stránky vlevo nebo vpravo, ale ne na straně.

Adresu lze ponechat jak v záhlaví, tak v zápatí. Nenuťte návštěvníka hledat všechny tyto informace na celém webu.

Všechny tyto techniky výrazně zjednoduší navigaci na webu, zjednoduší a zefektivní.

Vyberte hosting pro web:

Při navrhování navigace myslete nejprve na uživatele.Podaří se mu definitivně najít vše, co hledal v co nejkratším čase? Je vše jasné člověku, který se poprvé setkal nejen s vašimi stránkami, ale i obecně s vaším oborem? Jsou stránky schované daleko? Je možné se na každou dostat maximálně třemi kliknutími?

Přemýšlejte sami, na kterých stránkách je pro vás nejjednodušší navigace, a vezměte si vodítko od těch nejlepších.

Hodně štěstí při vývoji vlastního internetového zdroje!

Publikace na dané téma