Pár trendov web dizajnu na rok 2016

Nový rok začal množstvom nových techník a trendov, ale dominantnou témou budú aj naďalej trendy, ktorých štart sme spozorovali koncom roka 2015. Viac videí, vertikálny flow, interface inšpirovaný Material Designom a 'kartičkové' stránky budú populárnejšie.

Vertikálny flow a scrollovanie

Viac a viac sa orientujeme na mobilné zariadenia (niektorí zastávajú názor, že mobilný traffic sa tento rok vyrovná desktopovému) a to znamená, že stránky budú nadizajnované tak, aby sa na nich ľudia pohybovali vertikálne.

Pred pár rokmi sa rozprávalo o konci scrollovania vo web dizajne, ale scrollovanie sa čoskoro vrátilo a stal sa z neho dôležitý interakčný prvok. Čím menšie displeje, tým viac musia ľudia scrollovať a dizajnéri čím ďalej tým viac tvoria vertikálny interface.

Príklady:
http://www.beoplay.com/products/beoplayh7v2
http://www.unoknokke.be/

"Kartičkový" interface

Jeden z najrozšírenejších elementov, ktoré vzišli z Material Design-u je kartičkový interface. Kartičky sa objavujú všade - od aplikácií, cez webstránky až po printové médiá. Kartičky udržiavajú informácie pokope v user-friendly boxíkoch a upútavajú pozornosť užívateľov. Ďalšou výhodou je fakt, že ich môžete takmer bezproblémovo prispôsobiť na akékoľvek rozlíšenie, keďže je jednoduché ich "dať nakopu" alebo zarovnať pod seba.

Príklady:
http://block16omaha.com/
http://www.oyya.be/

Hero Video

Dizajn webstránbok sa začína približovať filmom. Vyššia rýchlosť internetového pripojenia a zvýšená kvalita integrácie video pluginov zjednodušuje tvorenie 'filmových' zážitkov na stránkach. Video ako prvok narastá z malých, pár sekundových útržkov na takmer plnohodnotné trailery. Ich obraz je ostrý, jasný a vo vysokej kvalite, čím vytvára video zážitok, ktorý je pre užívateľov webstránok nový, ale dobre známy z iných zariadení, ako napríklad televízie.

Príklady:
http://follow-your-intuition.com/
https://www.christmas.express/en/
http://younusabdalla.com/

Maličké animácie

Animácie boli jedným z 'IT' trendov roku 2015. Animované elementy sú všade - od celostránkových až po malé perličky, ktoré si takmer nevšimnete. Tieto sa stávajú čoraz populárnejšími, hoci sa ich veľkosť zmenšuje. Animované prvky user interface sú zábavnou pomôckou, ktorá pomáha vtiahnuť užívateľa do deja stránky. Sú niečím, s čím sa môžu užívatelia hrať zatiaľ čo čakajú na načítanie obsahu a zároveň ľudí milo prekvapia.

Len nezabúdajte, že keď príde na animácie, každý prvok musí niečomu slúžiť. Musíte vedieť presne, prečo ten efekt vytvárate a čo ním chcete dosiahnuť.

Príklady:
http://labs.convoy.me/camper/#!/landing
https://www.truedigital.co.uk/

Interakcie

Interakcie idú ruka v ruke s animáciami. Hoci sú typické pre aplikácie a mobilný interface, vytvárajú bližšie spojenie medzi používateľom a zariadením aj na desktope. Dobré interakcie sú často malé a používateľom prinášajú úžitok. Majú mnoho podôb - jednoduché upozornenia, textové správy, alebo maličké bliknutie, keď ste v hre na rade práve vy. Tieto interakcie vás učia ako narábať so zariadeniami a aplikáciami (a aj vďaka nim zostanete aplikácii verní).

Príklady:
http://www.wove.com/

Záver

Dizajnéri sa nebudú orientovať len na jeden trend, ale na kombináciu viacerých trendov, ktoré sa rozvíjajú niekoľko posledných rokov. Pozrite sa na stránky ešte raz bližšie a zistíte, že mnohé z nich používajú viac trendových prvkov tak, aby vytvorili interaktívne zážitky pre svojich užívateľov.

Voľný preklad článku: 11 Web Design Trends for 2016: Carrie Cousins