Trendy základního návrhu, leden 2016
Aplikace jsou všude. Staly se nedílnou součástí každodenního života díky množství smartphonů a nositelných zařízení, která vlastníme.
A kvůli tomu jsou aplikace jedním z největších faktorů řízení, pokud jde o trendy v návrhu webových stránek. Podívejme se.
Návrat svitu
Malé, vertikálně orientované obrazovky přinesly značku zpět. Jakmile jste si mysleli, že jste se chtěli vyhnout, protože se uživatelé nebudou pohybovat po obrazovce, posouvá se je docela nedílnou součástí procesu návrhu.
A posouvání je nyní lepší než kdy bylo. Díky skvělým animacím, paralaxovým efektům a spoustě nápadů kreativního obsahu je rolování velkým zábavem a dobrým způsobem, jak zapojit uživatele.
Nezastavujte se s obyčejným posouváním stránky; zvážit horizontální posouvání nebo oživenou možnost, která uživatelům může potěšit díky malému překvapení. Jen se ujistěte, že máte k dispozici dvě vizuální narážky pro uživatele s efekty rolování, které jsou mimo normu, aby se nezměnily ani nezanechaly vaše webové stránky, protože nerozumí, jak je používat.
Materiálový design přejde do hlavního proudu
Koncepce návrhu společnosti Google byla zahájena jako mobilní rozhraní. Ploché inspirované rozhraní založené na fyzikálních vrstvách začalo jako estetické pro zařízení Android, ale rychle se rozšířilo i do aplikací založených na iOSu.
Návrháři rozšiřují koncept pro použití i na celoobrazovkových webových stránkách.
Materiální koncept je jednoduchý, intuitívní a zakořeněný v realistických prvcích, takže je snadno použitelný a srozumitelný. Designéři mají spoustu zábavy s stylu rozhraní s jasnými barvami a spoustou šikovných animací.
Skrytá navigace je všude
Jedná se o jeden z těch přenosů, které skutečně mění způsob, jakým přemýšlíte o návrhu domovské stránky. Skrytá navigace má právě teď důležitý moment.
Diskusní návrh ikony hamburgerů je nejrozšířenější aplikace s ikonou, která zobrazuje úplné menu. Návrháři webových stránek se rozhodli pro jednu ze dvou možností: nabídka, která vyskočí přes část obrazovky nebo navigaci na celou obrazovku. Volba na celou obrazovku funguje téměř shodně s tím, jak fungují styly v aplikacích, a že další návrháři v oblasti nemovitostí mají spoustu prostoru pro vytvoření navigační stránky, která je víc než jen několik vnitřních vazeb.
Co je zvláště pěkné v nadrozměrných stylech navigace, je, že jsou snadno čitelné a proklikávají. (Nic není horší než drobné navigační prvky, které jsou navrženy téměř jako nápad.)
Karty, karty a další karty
Sotva můžete procházet web, aniž byste narazili na rozhraní typu karty. Tyto obsahové kontejnery jsou vysoce použitelné a zásobují dobře v citlivých rámcích.
Karty jsou oblíbenou volbou, protože mohou být také velmi zábavné. Karty mohou být přizpůsobeny tak, aby vyhovovaly jakémukoli stylu designu a pracují s téměř jakýmkoli typem obsahu. Jedna věc, kterou je třeba pamatovat na karty, je, že každý kontejner by měl obsahovat jeden kus obsahu a připojit se k jedinému kliknutí. Tato "věc" může aktivovat video, odeslat formulář, přesunout na jinou stránku, koupit položku nebo jiný počet jednotlivých akcí. Různé karty na stejném webu mohou dělat různé věci. (Pokud uživatel pochopí akce.)
Je to styl rozhraní, který potřebuje také velmi málo vysvětlení. Webové stránky sociálních médií, jako jsou Facebook, Twitter a Pinterest, jsou zakořeněny v rozhraní typu karty s nekonečným rolováním, takže nový obsah je stále populární. Zdá se, že drtivé uživatelé mají rád a přijmou tento návrhový vzor.
Mikro-interakce jsou nezbytné
Ne tak dávno, mikro-interakce byly téměř výhradně prvek aplikace. Možná budete chtít tento nápad přehodnotit. Linie mezi aplikacemi a webovými stránkami je zcela rozmazané. Uživatelé chtějí navštívit aplikaci a později stránku později a získat stejný zážitek.
To se týká i mikro-interakcí. Mikrointeraktivita je něco, co pomáhá uživateli komunikovat s rozhraním, vidět, jak probíhá akce nebo manipuluje s rozhraním. Každá z těchto bitů komunikace je tak drobná, že uživatel o tom vůbec neví, jako je poplach, textová zpráva nebo prstem pro obnovení obsahu. (Jen si přemýšlejte o tom, kolik oznámení o schůzkách získáte na svém pracovním počítači nebo telefonu, to jsou mikro-interakce.)
Spojujícím faktorem pro tento bezproblémový přechod je dotek personalizace a spousta možností pro přizpůsobení uživatelem. Použití mikro-interakcí je složité, protože existuje jemná čára mezi požadovanými oznámeními nebo alarmy nebo zprávami a ohromením uživatele.
Když integrujete mikro-interakce, držte se nejdůležitějších funkcí a zjistěte, jak uživatelé reagují. Poté můžete do mixu přidat, pokud to vaše uživatelská základna přijímá.
A teď ... nositelné
Další fáze návrhu webových stránek již probíhá. Vzhledem k tomu, že nositelná zařízení rostou v popularitě, navrhují prvky z těchto malých obrazovek.
Prvky, které budou mít dopad, zahrnují malé animace založené na statusu, jako jsou rolovací kola, která se plní, aby dokázali dokázat úspěchy, více mikro-interakcí a spoustu trackerů. (Uživatelé jsou v současné době prakticky posedováni datami, od dat založených na fitness až po získávání nákupních bodů.)
Wearables také přidávají další vrstvu gamification do každodenního života. To bude pravděpodobně přenesení na design webových stránek také.
To, co skutečně nosí, je další čára mezi všemi našimi zařízeními. Webové stránky, aplikace, notebooky - všichni potřebují poskytnout uživatelům integrované zážitky, takže přechod od zařízení k zařízení je bezproblémový a zkušenost je konzistentní.
Závěr
Vzhledem k tomu, že obrazovky mění velikost, tak si to tak, jak je navrhneme pro ně. Chcete-li vytvářet uživatelské interakce, s nimiž se uživatelé chtějí zapojit, bez ohledu na zařízení, musí každé rozhraní pracovat stejným způsobem. Myšlenka dramaticky ovlivňuje způsob, jakým jsou navrženy všechny webové stránky (dokonce i ty, které nemají nutně nápadné nebo nositelné protějšky).
Vytvořením něčeho, co se uživatelům líbí na nejmenších obrazovkách a rozšířením na větší zařízení, mohou návrháři vytvářet snadno srozumitelné rozhraní. To také dělá vaše rozhraní trochu více-poptávka.