3 základní trendy pro rok 2015
Šťastný nový rok všem našim čtenářům! Dnes se podíváme na tři klíčové navigační trendy, které budou dominovat v roce 2015.
Možná si myslíme, že jsme prozkoumali všechny možné varianty navigace na webu, a přitom stále vidíme pokračování průzkumu uvnitř tohoto velmi specifického výklenku. Je skutečně úžasné, kolik variant designu lze aplikovat na pokorný seznam odkazů.
Zde bych chtěl zvážit 3 oblíbené trendy v oblasti navigace: nejprve jak se mění používání navicon (nebo ikona hamburgerů), druhým je nový přístup pomocí menu na celou obrazovku a nakonec to, co považuji za dokonalost rozbalovací nabídky mega. Pojďme se ponořit a vidět tyto přístupy v práci.
Dlouhý život / smrt, navicon!
Facebook má za to, že popularizuje použití naviconů pro skrytí možností navigace mimo obrazovku nebo mimo plátno. S narozením citlivého webového designu komunita webového designu zoufale potřebovala řešení navigace. Balení vše do navigačního panelu, který sedí z plátna, a pohybuje se při výběru navicon byl atraktivní řešení. Zdá se, že komunita na ní byla zablokována jako poněkud snadné řešení, které zřejmě učinilo život mnohem jednodušší pro návrháře a vývojáře. Následkem toho se navicon stal volbou go-to pro mobilní aplikace a webové stránky.
V poslední době však navicon napadl. V mnoha z těchto debat se zdá, že jeden zásadní detail je vynechán. Odvětví mobilních aplikací se snadno odkládá od navigace mimo obrazovku ve prospěch možností na obrazovce. To přichází jako trend směřující k soustředěným, jednobodovým aplikacím. Změna je logičtější. Naopak, i malé webové stránky mohou být nabité desítkami, ne-li stovkami odkazů v navigaci. Vezměte například stránky jako sony.com nebo dokonce i tyto stránky. Tyto stránky mají navigační potřeby, které přesahují to, co je možné, pomocí jednoduchého pásku karet. Z tohoto důvodu se mi zdá, že navicons a off obrazovky menu jsou zde zůstat. Prostě si musíme uvědomit jejich omezení, potenciální problémy a tak dále. A samozřejmě vždy pamatujte na použití: je to mobilní aplikace nebo mobilní / citlivé webové stránky. Protože nejsou stejné.
Webová stránka pro designovou agenturu Long Story Short je krásným příkladem toho, jak využít Navicon smysluplně a omezeně. Tato stránka využívá navicon ke skrytí celé řady navigačních možností. To se děje na mobilních i desktopových verzích webu. Použití navicons na ploše je vlastně celý podtón. Co dělá tento web prémiovým příkladem přístupu je, že nejdůležitější prvky navigace se objevují mimo menu . Domovská stránka je portál tří nejdůležitějších částí webu. Tímto způsobem skrytá nabídka není primární navigace, ale spíše sekundární, která vyplňuje polotovary.
Místo Squarespace je dalším krásným příkladem, jak efektivně používat skryté nabídky. Na této stránce jsou vždy viditelné možnosti prohlížení a přihlášení. Přibližně 23 možností menu celkem je obsaženo v nabídce prezentace. Upřímně řečeno, používání skrytých nabídek, které umožňují, aby nejdůležitější možnosti navigace byly v centru pozornosti, není nic brilantního. Projel jsem fázi, kdy jsem byl skutečně zklamán na používání naviconů na ploše; zdálo se, že je chybějící technika. Nicméně poté, co jsem zjistil, jak to stránky používají k tomu, aby řídili uživatele k těm nejkritičtějším prvkům, nemohu jim pomoci, ale miluji to.
Konečně, pokud máte zármutek nad používáním navicons nebo skrytými nabídkami, nezapomeňte na někoho slovo. Místo toho proveďte vlastní testy použitelnosti a zjistěte, zda funguje pro vaše stránky. Velkým pravidlem je vyhnout se debatě a místo toho vyjít.
Navigace na celou obrazovku
Druhým trendem, na který bych se chtěl podívat, je použití navigačních menu na celou obrazovku. Tato menu jsou obvykle aktivována tlačítkem nebo linkou nějakého typu; poměrně často navicon. Rozdíl zde spočívá v tom, že namísto malého panelu, který se vysune, navigace přebírá celou obrazovku. V mobilu se to cítí normální, ale na ploše to je vlastně nový a zajímavý přístup.
Navigace na tomto webu je opravdu zajímavá tím, že překryvná navigace zabalená do menu. Zde mají očekávané možnosti nabídky, ale vzhledem k tomu, že jsou na celé obrazovce, mají také prostor pro kompletní kontaktní formulář, kontaktní informace, odkazy na sociální média, nedávný příspěvek na blog a prominentní výzvu k akci.
Je zajímavé uvažovat o tom, že uživatel, který spouští nabídku, hledá směr. To je hlavní příležitostí, jak je nasměrovat k tomu, co chcete dělat. V tomto případě chtějí, aby se uživatel kontaktoval nebo navštívil plánovač projektu.
V tomto příkladu vidíme také model v práci, ale mnohem více minimalistickým způsobem. Namísto balení do dalších možností se rozhodli jednoduše představit velmi stručný seznam možností navigace. Navíc získají bonusové body pro animaci navicon do "x" pro zavření menu.
Dokonalost nabídky velkého rozměru
Konečně bych chtěl zvážit super rozměry nebo mega rozbalovací nabídku. Použití supermenných systémů menu není nic nového. To, co považuji za zajímavé, je obsah umístěný uvnitř. V mém posouzení věcí návrháři skutečně dali tomuto novému prostoru mocnou práci.
Webová stránka společnosti Lowes dokonale demonstruje, co mám na mysli. Zde vidíte, že systém nabídek se stal místem pro obsah. Tento obsah lze použít k řízení toku uživatelů prostřednictvím webu. Nejdůležitější je, že je může přivést k nejdůležitějšímu obsahu. Ta otázka se stává, jaký je nejdůležitější obsah? Možná to jsou ty nejvýnosnější věci ve vašem obchodě. Tímto způsobem navigace působí jako prodejce, který prosazuje nejziskovější produkty. Nebo je možná používána pro uživatele nejoblíbenějších položek.
Další web, který tuto možnost využívá trochu jinak, je webová stránka společnosti New Balance. Zde jsou první tři dropdowns velké, ale jsou v podstatě seznamy odkazů. Poslední možnost vytvoření vlastních obuvi však vyvolá rozbalovací nabídku zobrazenou výše. Tato volba nabídky je jediný odkaz. Mám rád, že využili příležitosti, aby tuto jednotlivě uvedli do opravdu přesvědčivého úvodu k obsahu za odkazem.
Závěr
Tyto tři trendy, i když je můžeme diskutovat zvlášť, mají mnoho společných znaků. Prvním z nich je, jak se navigace v průběhu let změnila. Rozbalovací nabídky bývaly obecně seznamem odkazů. Z velké části byly poněkud neutrální, protože všechny věci byly prezentovány stejně. Nyní zjišťujeme, že navigační systémy jsou klíčovým způsobem, jak pomoci uživatelům usilovat o dosažení požadovaných cílů.
Pro mě je výzva jasná. Že bychom měli povznést naše myšlení o navigaci a skutečně přijmout její vliv na zkušenost s používáním webových stránek, které vytváříme. Příliš často se mi zdá, že navigace je trochu nápaditá. Pokud se ve skutečnosti jedná o jeden z nejvíce kriticky zvažovaných a rafinovaných prvků v designu.