Trendy aplikace WebDesign 2016: Snadná navigace, minimalismus, přizpůsobení

Torben Simon Meier Naposledy aktualizováno 15. ledna 2020
5 min.
trendy webdesignu 2016

Inovativní webové návrhy jsou krásné na pohled, ale pro většinu webových stránek strašně nepraktické. Dnes vám řeknu, které designové trendy v roce 2016 budou v roce 2016 důležité, a také slibuji stále jednodušší konverze.

Na přelomu roku bude pravidelný výhled na trendy webového designu v nadcházejícím roce. V roce 2016 hraje důležitou roli také minimalismus, stejně jako v plochém designu nebo materiálovém designu. Dnes vám ukážu, jak navrhnout navigaci, oblast konverze a obsah tak, abyste mohli být i v roce 2016 v trendu a optimalizovat tak svůj konverzní poměr. A to bez nutnosti jít do specifikací určitých směrů návrhu.

Trend webového návrhu 1: Cílová navigace

Pokud dáte uživateli příliš mnoho možností, je rychle ohromen. Ačkoli lidé mohou bez problémů uložit do své krátkodobé paměti v průměru 5-7 objektů, je pro normálního spotřebitele obtížné pamatovat si cokoli, co leží nad nimi. Více než 7 navigačních bodů je proto zbytečných a snižuje interakci s vaší stránkou. V tomto případě mám na mysli zbytečné všechny navigační body, které neskrývají ani nerozptylují od žádné konverze. Tyto položky menu lze proto z navigace odstranit a shrnout například v tzv. burgeru. Uživatel si pak může vybrat pouze mezi několika možnostmi, z nichž všechny jsou relevantní pro převod. Všechny ostatní podstránky mohou být návštěvníkem navigovány jako obvykle, ale musí stisknout hamburger.

Trendy aplikace WebDesign 2016: Snadná navigace, minimalismus, přizpůsobení

UBER má příkladnou minimalistickou navigaci: uživatel má pouze možnost zaregistrovat se nebo otevřít ostatní navigační body.

Je důležité dát do hamburgeru pouze ty stránky, které nejsou relevantní pro konverzi. Vzhledem k tomu, že všechny navigační body v této nabídce, původně určené pro malé obrazovky, riskují, že nebudou vidět, a tím méně často kontrolovány.

Vizualizace a komprese návrhu karty

Dokonce i design karty může detoxikovat navigační lištu a rychle a účelně nasměrovat návštěvníky do oblastí vašeho webu, kde probíhá konverze. Tento design vám také nabízí možnost sdružovat textové a obrazové prvky. Při implementaci byste měli být opatrní, abyste uživatele příliš nezahltili. Návrh karty byl například výrazně implementován Pinterestem.

Trendy aplikace WebDesign 2016: Snadná navigace, minimalismus, přizpůsobení

Pinterest je klasickým příkladem aplikace pro návrh karty.

Trend webového designu 2: Minimalismus

Velké slovo a široká oblast použití, já vím. Vaše webové stránky budou téměř jistě dokonce navrženy v minimalistickém designu, protože dva z nejvýznamnějších trendů webového designu posledních let jsou založeny na tomto principu: plochý design a design materiálu. Tyto styly také poskytují důležitý vstup pro návrh oblasti převodu. To by mělo být vizuálně co nejtenčí.

Dobrý titulek, několik výhod a přesvědčivá otázka pro oblast konverze

Tlačítko převodu by mělo být kombinováno s dobrým obsahem, tj. srozumitelným a podmanivým nadpisem a stručným popisem klíčových výhod. Na druhou stranu, bílé místo a jasné rozložení poskytují potřebnou pozornost a snadnější pochopení obsahu. Samotné tlačítko převodu by pak mělo obsahovat tematicky vhodnou, krátkou otázku nebo výzvu.

Trendy aplikace WebDesign 2016: Snadná navigace, minimalismus, přizpůsobení

Ukázkový příklad minimalistické a chytře ilustrované konverzní oblasti. Posouvání dolů uživatele získá více informací. Konverze je možná pouze třemi kliknutími.

Výrazně umístěte tlačítko převodu

Také byste se měli ujistit, že skutečné tlačítko převodu je co nejvýraznější. Máte-li například stránku s více textovými sloupci, je možné zobrazit tlačítko převodu v plné šířce a bez postranního panelu nebo jiných nepotřebných prvků. Pouze tlačítko, záhlaví s výzvou a v případě potřeby několik klíčových dat a oblast převodu okamžitě upoutá pozornost uživatele. Se spoustou bílého místa v této oblasti a odpovídající volbou barvy můžete tento efekt dokonce zesílí.

Trendy aplikace WebDesign 2016: Snadná navigace, minimalismus, přizpůsobení

Naše konverzní tlačítko vyniká, protože jasně vyniká od zbytku stránky: Namísto čtyř řádků se při převodu zobrazuje pouze jeden sloupec, který je také vizuálně zvýrazněn.

Trend webového návrhu 3: Přizpůsobení

Personalizace znamená v této souvislosti dvě věci. Na jedné straně emocionální, lidské zastoupení vlastní společnosti, týmů, blogů atd. To má mít pozitivní vliv na návštěvníka, tj. neurčitý dobrý pocit při interakci s webem. Ve většině případů zde nechci vyvolat určitou emoci, ale spíše učinit značku (bloggera, společnosti, stránky) jednoduše lidštější, a tím snadněji pochopit. Na druhou stranu přizpůsobení znamená přizpůsobení uživatelského prostředí (UX) preferencím uživatele.

Vzhledem k tomu, že téma personalizace UX je speciální téma, které také vyžaduje zvláštní znalosti a dovednosti – nebo alespoň určitý rozpočet – v tuto chvíli nediskutujem o konstrukčních a designových aspektech UX. Tato otázka by se měla řešit samostatně.

Personalizace vlastní image značky je naopak poměrně jednoduchá – alespoň teoreticky. Pokud si vyberete správné motivy, například vlastní zaměstnance, vlastní prostory nebo alespoň ty obrázky, které dobře odrážejí vaši vlastní (značkovou) osobnost, udělali jste první krok. Pokud máte schopnosti a zdroje, je také možné integrovat s video materiálem. Pohyblivý obrázek vám umožní získat důvěru potenciálních zákazníků rychleji a snadněji a udržitelněji ilustrovat své vlastní podnikání. In WordPress například integrace videa je poměrně jednoduchá prostřednictvím pozadí videa.

Závěr: Velký potenciál pro testování konverzí

To byly mé trendy webového designu 2016, které nejenže dělají váš web stylovější a modernější, ale také dělají více konverzí: odpařování navigace a přizpůsobení vaší konverzi, minimalismus nejen v oblastech obsahu vašeho webu, ale především v oblastech konverze a nakonec přizpůsobení vaší stránky pomocí videa a obrazového materiálu.
Tyto obecnější pokyny pro návrh vám dávají příležitost pohrát si s oblastmi konverze v roce 2016 a neustále je vylepšovat. Je důležité, abyste k implementaci přistupujte profesionálně a autenticky od samého začátku. Funguje to, ale vaši zákazníci vám poděkují.

Komentáře k tomuto článku

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Povinná pole jsou označena *.