Výzvy Přesun do horizontální navigaci


Original: http://www.uie.com/brainsparks/2006/04/26/horizontal-navigation/

Návrháři CNN.com nedávno přebudovaný jejich domovské stránky, měnící se z levého, vertikální navigační systém do top-of-the-stránce, horizontální jeden. Oni dokonce vytvořili stránku, která zdůrazňuje jejich nové změny.

Zajímavé je, že návrháři se nezměnilo (nebo ještě změnit) vnitřní stránky webu, řidičský konzistence smýšlející návrháři matice všude. Naštěstí, nicméně, to nám dává možnost podívat se blíže na rozhodnutí, které učinili, a vyzdvihnout několik problémů spojené s provedením takové změny.

Zde je to, co jejich homepage vypadalo to v poslední době:

 

CNN homepage

A tady je to, co interiér strana vypadala jako:

CNN subpage

Jak můžete vidět ,rozvržení dramaticky změnila . Obsah byl posunut doleva , kde navigace býval . Navigace je nyní v tenké modré liště v horní části stránky . To má pozitivní vliv pohybu vizuálního hmotnost od navigace a ke skutečné příběhu . Pokudnavigace je na levé straně , naše oči jsou instinctly upozorňují na to , i když už víme , co to je . Toto rozptýlení , ale malé , je méně patrný v novém horizontálním provedení .

Chcete-li získat tuto změnu , návrháři však není jen NAV tlačítek levé ruky end-to -end v horní části stránky . Ne , oni museli udělat několik konstrukčních možností . Většina z těchto voleb byl ovlivněn šířkou stránky a počet odkazů , které pracovaly s .

    Délka odkaz zmenšuje
Jedna z prvních věcí, které změnit , když navigace vede vodorovná jedélka vazby . V návrhu CNN , návrháři zkrátit několik odkazů . “Podnikání na CNN Money ” se stal ” Business ” . ” Sport jako SI.com ” se stal “Sport ” . ” Auta s Edmunds.com ” se stal ” Auta ” . A ” Zvláštní zprávy ” se stal jen ” Akční nabídka ” .

Náš výzkum zde na UIE ukázaly, že čím delší je spojení , tím lépe funguje . V tomto případě , nicméně , to nevypadá jako moc se ztratil , když odkazy se kácet . Byl ” na CNN Money ” opravdu přidat veškeré příslušné informace na odkaz ” Business ” ? Pravděpodobně ne moc . I tak snížit ” Special Reports ” odkaz na pouhé ” Slevy “, zdá se, že něco ztratili .

Navigační panely jsou všakzvláštní případ odkazy . Obecně platí, že jsme viděli krátký , jeden – slovo navigační odkazy pracují na horním navigačním úrovni na místech , kdy podsekce jsou poměrně odlišné . Nicméně , jak se ponořit hlouběji do webu , odkazy mají tendenci pracovat lépe , když jsou delší , protože je třeba , aby obsahovaly více informací, které je odlišuje od svých sourozenců . Například , ” Sport ” a ” obchodní” jsou dvě poměrně odlišné kategorie , takže vytváří nejvyšší úrovně navigační odkazy se právě tato slova by mohla být vhodná . Ale když se na ” obchodní ” podřízený web , všechno má co do činění s podnikáním , takže spojení je třeba jasně rozlišovat , co ty rozdíly jsou . Čím více slov jsou v odkazech , tím snazší je udělat .
    # Navigačních možností změn
Ve vertikální konfiguraci navigačního na podstránky CNN , tam jsou 17 navigačních možností . V horizontální konfiguraci navigačního na domovské stránce jsou pouze 12 . Konstruktéři mají snížit na volby , aby se ušetřilo místo . Tam by nebylo dost místa , aby všechny 17 na vodorovné navigačního panelu na stejnou šířku stránky.

V zájmu zachování stejných navigačních možností jako předtím , se konstruktéři rozhodli využít rozbalovací políčko držet zbývající odkazy . To jeběžný způsob , že návrháři používají , když nechtějí , aby všechny odkazy na stránce současně . Nicméně , náš výzkum se znovu a znovu ukazuje, že rozbalovacích nabídkách a Plovoucí nefungují dobře . Naše klasické článek Uživatelé Rozhodněte prvé , Přesunout Second rozhovory o to více do hloubky .

V důsledku toho , tak bych vsadil dolarů na koblihy , že tyto odkazy v rozevíracím seznamu mají méně lidí, kliknutím na ně , než oni dělali , když byli ve svislém navigačním panelu . Důvod je jednoduchý : lidé musí pracovat , aby je teď vidět .
    Upřednostňování možností
Designéři na CNN to prostě brát posledních pět odkazů a dát je do rozevíracího seznamu . Pokud by se tak stalo , by si zvolili ” Cestování ” , ” vzdělávání ” , ” Special Reports “, ” Video ” a ” Auta ” . Místo toho , oni si vybrali ” zákon “, ” Science & Space ” , ” Cestování ” , ” vzdělávání ” a ” Video ” . Je zřejmé, že konstruktéři mysleli, že ” Autos ” je důležitější než ” zákon ” a ” Zvláštní zprávy ” je důležitější než ” Science & Space ” . Udělali výslovné rozhodnutí upřednostnit některé nad ostatními .

To jeběžný problém, problém vidíme v pohybu do horizontální navigaci . Na nějakém místě , co je třeba snížit . Místo toho ztrácí hodnotu , nicméně , konstrukční týmy mohou využít této příležitosti , aby semísto silnějším zaměřením na to, co je nejdůležitější na místě. Viděli jsme mnoho návrhářským týmům se snažíme, aby vše, co se pod sluncem na svých webových stránkách , když téměř ve všech případech,drtivá většina návštěvníků přijde na malým kouskem obsahu .

To jsou tři zjevné konstrukční problémy, kterétým musel čelit při přechodu na horizontální navigační systém . Většina týmů rozhodující právě tuto otázku, bude čelit tyto a další . Máte nějaké zajímavé problémy z nedávné přechodu na horizontální navigaci ? Uvažujete takový krok ?