Trendy webového designu roku 2020: Tyto designy v současné době udávají tón

Sonja Hoffmann Naposledy aktualizováno 21.10.2020
8 min.
Naposledy aktualizováno 21.10.2020

Každý rok je pokaždé napínavé, inspirovat se trendy webového designu a podívat se na současný a nadcházející vývoj: S jakou estetikou se musíme v budoucnu rozloučit? A které trendy budou dominovat světu designu v nadcházejících letech? Webová návrhářka Sonja Hoffmann se svým hodnocením pro rok 2020.

Různé zdroje se shodují na tom, že v roce 2020 zmizí éra plochého designu. Na jedné straně se předpokládá, že se etablují jiné designy . A na druhou stranu, že by mohla přijít změna směrem k semi flat designu.

Trendy webového designu roku 2020: Tyto designy v současné době udávají tón

Kromě toho lze pozorovat stále více ilustrací, které jsou většinou ručně kreslené a mají daleko k perfekcionismu. Tak dostene nejen záhlaví osobní tvář, ale také pevně integrované prvky, jako jsou ikony a tlačítka. Protože webový design - tady se různí odborníci na odborné publikace shodují - je v posledních letech příliš umělý a dokonalý. V budoucnu bude věnována větší pozornost individualitě a osobnosti.

Gradienty přišly s dalším vývojem CSS a zůstanou s námi i v budoucnu. Stále se zdá, že je zapotřebí průzkum a vývoj. V roce 2020 se můžeme těšit i na nové varianty a kombinace. Barevné přechody také nadále zaujímají pevné místo u designu loga.

Výrazné barvy a minimalismus budou hrát i v roce 2020 významnou roli 

Bohatství informací, se kterým se dnes potýkáme, nás nutí prezentovat naše informace jasněji a ostřeji. Dobře využívaný prostor zajišťuje, že se uživatel může propracovat obsahem rychleji, a proto má příjemnější, ale také efektivnější uživatelské zkušenosti. Minimalismus, zejména výhody bílých znaků, bude i nadále nedílnou součástí konceptů designu v příštím roce.

Trendy webového designu roku 2020: Tyto designy v současné době udávají tón

Minimalismus – tedy velmi jednoduchý a redukovaný design – se stále více používá také ve formě monochromatických variací. Zde můžete také použít výrazné a expresivní barvy.

Trendy webového designu roku 2020: Tyto designy v současné době udávají tón

Přirodní barvy zůstávají v trendu

Přelom roku nám i letos přináší inspiraci pro "barvu roku". Což, jak se většina designérů shodne, bude i nadále v oblasti přírody. V roce 2020 uvidíme také spoustu měkkých zelených a modrých, s tendencí pro "mint".

Grafické prvky v kombinaci s obrázky nebo fotografiemi

I v roce 2020 bude pravděpodobně stále existovat záliba asymetrického rozvržení. Zejména obrázky a fotografie jsou kombinovány s ilustracemi a "Bold Typography". Směs grafických prvků a vizuálního materiálu tak vzrušujícím způsobem završuje minimalistický trend pro příští rok.

Trendy webového designu roku 2020: Tyto designy v současné době udávají tón

Uživatel zůstává v centru pozornosti

I v budoucnu se nadále dobrý webový design zaměřuje také na uživatele. Zejména v oblasti elektronického obchodování je uživatelská zkušenost koncového uživatele v popředí všech kreativních rozhodnutích. Jasné návrhy, které lze snadno navigovat a jsou srozumitelné, nahrazují abstraktní a matoucí rozložení. Cesta uživatele by měla být navržena tak jednoduše a nekomplikovaně, jak je jen možné. Konkrétněji budou použity barevné výzvy k akcím.

Kromě jasně strukturovaných internetových obchodů bude i nadále upřednostňován zejména responzivní design. Proč? V západním světě jsme dnes z téměř 60ti procent na internetu pomocí našich mobilních zařízení. 

Potom co i Google oficiálně učinil mobilní uživatelskou přívětivost velkým faktorem ve svém žebříčku, by neměl nikdo zanedbávat své mobilní webové stránky, kdo v roce 2020 stále chce zaregistrovat návštěvníky na svých stránkách. Pojmy "mobile first" a "responzivní" nás ani v budoucnosti neopustí.

K tomu zůstává vkládání souborů SVG aktuálním tématem. I když se nejedná o nové informace, používá stále příliš málo webových stránek vektorovou grafiku. Zejména na menších zařízeních má vektorová grafika významné výhody, například rychlejší načítání a výjimečnou ostrost se 100 % škálovatelností.

Nejpozději od doby, kdy nás GDPR nechal zpanikařit, jsme si vědomi toho, že jsou naše data ukládána. V budoucnu by měly být využívány rozumněji a být více přizpůsobeny uživatelům. Cílené reklamy (targeted ads) již nejsou novinkou. Od této chvíle budeme moci přijímat push notifications z našich navštívených webových stránek, i když úspěch pro nás provozovatele webových stránek je jen obtížné pochopit (Co je opravdu důležité? Co z toho je čteno?).

Zvláště potom dává použití chat botů a umělé inteligence větší smysl, protože jsou založeny na vzájemné interakci a nabízejí jasně rozpoznatelnou přidanou hodnotu pro spotřebitele.

Máme dost rigidních webových stránek: rok 2020 bude pohyblivější a živější. Doposud bylo médium videa používáno ve webovém designu poměrně málo. Přeci jenom musí být při použití pohyblivých obrázků vždy zohledněny důsledky na dobu načítání, míru okamžitého opuštění a hodnocení Googlu.

Nejpozději po zavedení nového formátu .webm, který je uživatelsky přívětivější, se to poněkud zmírnilo. Aby byly v budoucnu vytvořeny zajímavější webové stránky, bude se užívat více animovaných ilustrací v podobě GIF. Kromě toho jsou takzvané mikrointerakce stále jasnější a přátelštější.

Mikrointerakce jsou malé animace, které nám jako uživatelům ukazují, že se zde něco děje nebo by se mělo stát. Dalo by se to nazvat hravou formou "zpětné vazby". Jako uživatelům vám to dává pocit, že jste více integrovaní a můžete se snadněji identifikovat s webovými stránkami / produktem. Kromě toho mohou tyto interakce poskytnout pozitivní momenty překvapení a sloužit jako vodítko pro jasněji definovat cestu uživatele. To usnadňuje user flow, takže uživatel s větší pravděpodobností najde to, co na webových stránkách hledá.

Mikrointerakce může vypadat například takto:

Trendy webového designu roku 2020: Tyto designy v současné době udávají tón
Trendy webového designu roku 2020: Tyto designy v současné době udávají tón
Trendy webového designu roku 2020: Tyto designy v současné době udávají tón
Trendy webového designu roku 2020: Tyto designy v současné době udávají tón

3D a "3D light”

Jako vedlejší efekt pro šíření augmented reality (AR) a virtuální reality (VR) se očekává, že do našich webových stránek bude v budoucnu integrováno více 3D prvků. I když to v příštím roce AR / VR do webového designu ještě nezvládne. Důvody jsou na jedné straně příliš vysoké náklady. Na druhé straně je to v rozporu s optimalizovanými časy načítání a designu, které se zaměřují na koncového uživatele. Používání nových technologií samozřejmě dává největší smysl, pokud nám dává zřejmou přidanou hodnotu.

Trendy webového designu roku 2020: Tyto designy v současné době udávají tón

Jako úsporná alternativa, tedy druh "3D light", jsou překrývající se prvky velmi na vzestupu. Zvláště podpořené světelnými stíny k naznačení mírné trojrozměrnosti a vytvoření větší hloubky.

Trendy webového designu roku 2020: Tyto designy v současné době udávají tón

Od vstupu obecného nařízení o ochraně osobních údajů (GDPR) v platnost byla v květnu 2018 již potrestána řada protiprávních jednání. Patří mezi ně těžké, jako píše Heise Online v tomto článku . Také došlo mezitím ke shodě na konceptu výpočtu výše pokuty , který zohledňuje mimo jiné obrat společnosti a závažnost aktu.

Dále nás v roce 2020 očekává výnos nařízení o soukromí a elektronických komunikacích (ePD), které objasní právní situaci v oblasti tracking nástrojů. EPD mělo být původně zveřejněno společně s GDPR. Oba předpisy slouží prvně ochraně údajů. Jaké požadavky bude nařízení o soukromí a elektronických komunikacích pro provozovatele internetových stránek vyžadovat, vysvětlí právník Mario Steinberg v tomto článku

Nadbytek webových nástrojů a frameworks

I příští rok budeme stále trpět množstvím "programovacích pomůcek" ve formě frameworks (aplikačních rámců) a dalším nárůstem údajně jednodušších jazyků. Trh je ale téměř nasycen - a naši vývojáři jsou na limitu. Aplikační rámce, které byly původně určeny k usnadnění realizace návrhu, také v minulosti způsobily komplikace. V budoucnu, i když ještě ne přímo v příštím roce, tady budou opět vyhledána jednodušší universální řešení.

Vkládá se hodně naděje do knihovny React

JavaScript zůstává důležitou součástí webového programování, podporované React - JavaScript knihovnou pro vytváření uživatelských rozhraní.

React sice již v roce 2019 nabyla na významu, ale ještě nedosáhla svého vrcholu a v roce 2020 ji uvidíme čím dál víc častěji. S pomocí knihovny React budeme s největší pravděpodobností i v budoucnu pokračovat v integraci prvků uživatelského rozhraní do našich webových stránek a webových aplikací. Pro frontend vývojáře je to určitě nástroj, který stojí za to si osvojit. To platí zejména ve WordPress kontextu, neboť nový blokový editor Gutenberg na Reactu staví.

PHP, Ruby, Python, Node.js, Java a .Net také zůstávají relativně ekvivalentní programovací jazyky pro backend.

Trendy webového designu roku 2020: Tyto designy v současné době udávají tón

Uživatel bude ještě více v centru pozornosti ve frontendu a backendu

V budoucnu budeme nejen generovat a vyhodnocovat backendová data, ale také je rozšíříme na frontend. Tímto způsobem se dozvíme více o tom, na co kdy a jak je kliknuto na našich webových stránkách u můžeme tak efektivněji přizpůsobit UI a trvale zlepšit UX.

Na základě současného vývoje můžeme z dlouhodobého hlediska předpokládat, že web bude v budoucnu ještě interaktivnější. Větší potenciál vidím pro zážitky, které jsou přímo a individuálně přizpůsobeny individuálnímu uživateli. Ať už je to prostřednictvím fantazie a kreativní navigaci na webu, jak v portfoliu od Bruna Simona.

Trendy webového designu roku 2020: Tyto designy v současné době udávají tón

Obecně by měl internet být zábavnější– třeba prostřednictvím více kreativního a osobnějšího přístupu k přípravě a reprodukci informací. Nádherné a hravé shrnutí trendů webového designu pro rok 2020 nabízí newyorská agentura Red Collar na této stránce.

Trendy webového designu roku 2020: Tyto designy v současné době udávají tón

Rád bych se také zmínil o implementaci hlasové navigace. Ačkoli je nepravděpodobné, že by tato technologie měla v roce 2020 zásadní průlom, můžeme se na něj dlouhodobě připravit. Tady opět se zaměřením na uživatele: webové stránky, které jsou pečlivěji přizpůsobeny skupinám lidí s omezením.

Takže můžeme konstatovat, že rok 2020 bude vzrušující rok, pokud jde o webový design, ve kterém chceme zdokonalit naše nahromaděné znalosti a prezentovat je snadněji - a s větší osobností a zábavou.

Máte nějakou zpětnou vazbu k tomuto vývoji nebo k jiným trendům webového designu pro rok 2020? Vážíme si vašeho komentáře!

Obrázek příspěvku: Elina Krima | Pexels

Po studiu game designu a creative writingu v zeleném Aucklandu se Sonja specializovala na design webových aplikací a jeho vývoj. Zaměřuje se na gamification a výzkum motivace uživatelů a jejích zkušeností, spolu s vášní a zvědavostí pro technologické trendy.

Podobné články

Komentáře k tomuto článku

Napsat komentář

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