Každý rok je vzrušující nechat se inspirovat novými trendy, pokud jde o webový design, a podívat se na současný a budoucí vývoj: S jakou estetikou se musíme v budoucnu rozloučit? A jaké trendy budou dominovat světu designu v následujících letech? Webdesignerka Sonja Hoffmann má své hodnocení pro rok 2020 ve svém zavazadle.

Končící trendy webového designu

Zdá se, že různé zdroje se shodují, že éra plochého designu bude v roce 2020 ustupovat. Na jedné straně se předpokládá, že do popředí se jednoduše dostanou další návrhy . A na druhou stranu, že by zde mohla být oznámena změna směru poloplochého designu.

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.

Designy, které zůstávají

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.

Hlasité barvy a minimalismus

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.

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.

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

Přelom roku se svými nekonečnými předpověďmi opět přináší inspiraci pro "barvu roku" letošního roku. Což, jak se většina designérů shoduje, bude i nadále v oblasti přírody. V roce 2020 také uvidíme spoustu měkkých odstínů zelené a modré s tendencí k "mincovně".

Koláže: rozvržení, fotografie a silná typografie

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.

Zaměřte se na naše uživatele

V budoucnu se dobrý webový design bude i nadále zaměřovat na uživatele. Zejména v oblasti e-commerce je uživatelská zkušenost koncového uživatele v popředí všech kreativních rozhodnutí. Jasné návrhy, které jsou snadno navigovatelné a srozumitelné, nahrazují abstraktní a matoucí rozvržení. Cesta uživatele by měla být co nejjednodušší a nekomplikovaná. Barevně kontrastní výzva k akci bude použita cílenějším způsobem.

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í. 

Nyní, když společnost Google oficiálně učinila vstřícnost mobilních uživatelů hlavním faktorem v hodnocení, nikdo by neměl zanedbávat své mobilní webové stránky, které stále chtějí zaznamenávat návštěvníky svých webových stránek v roce 2020. Tímto způsobem nebudeme v budoucnu osvobozeni od pojmů "mobile first" a "responsive".

Vkládání souborů SVG navíc zůstává aktuálním tématem. I když to nejsou nové informace, příliš málo webových stránek stále používá vektorizovanou grafiku. Zejména na menších zařízeních má vektorová grafika značné výhody – například rychlejší načítání a výjimečnou ostrost se stoprocentní škálovatelností.

Nejpozději od GDPRzpůsobila, že jsme všichni paniku, jsme si vědomi toho, že naše data jsou uložena. V budoucnu by měly být používány rozumněji a více přizpůsobeny uživateli. Cílené reklamy již nejsou novinkou. Od této chvíle budeme moci přijímat push notifikace z našich navštívených webových stránek, i když jejich úspěch je pro nás provozovatele webových stránek obtížně pochopitelný (Co skutečně přichází? Co se vlastně čte?).

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.

Globální trendy webového designu

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 od zavedení nového webového formátu .webm se to poněkud uvolnilo. Abychom v budoucnu vytvořili zajímavější webové stránky, uvidíme animované ilustrace ve formě GIFů častěji. Kromě toho bude stále více takzvaných mikrointerakcí, díky nimž bude navigace na webových stránkách 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 a mělo by se stát. Hravá forma "zpětné vazby", abych tak řekl. Jako uživatel se díky tomu cítíte integrovanější a můžete se snadněji identifikovat s webovou stránkou / produktem. Kromě toho mohou tyto interakce poskytnout pozitivní okamžiky překvapení a sloužit jako vodítko pro jasnější definování cesty uživatele. To usnadňuje tok uživatelů - takže uživatel s větší pravděpodobností najde to, co hledá na webových stránkách.

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

3D a 3D světlo ve webovém designu

Jako vedlejší efekt šíření rozšířené reality (AR) a virtuální reality (VR) očekáváme v budoucnu více 3D prvků integrovaných do našich webových návrhů. AR / VR však v příštím roce ještě neudělá průlom do webového designu. Důvodem jsou na jedné straně příliš vysoké náklady. Ale také rozpor s optimalizovanými dobami načítání a návrhy, které se zaměřují na koncového uživatele. Samozřejmě, že použití nových technologií má největší smysl, pokud existuje zřejmá přidaná hodnota.

Jako úsporná alternativa, tj. jakési "3D světlo", jsou prvky umístěné na sobě na vzestupu. Zvláště podložené světlými stíny naznačují mírnou trojrozměrnost a vytvářejí větší hloubku.

Zaměření na ochranu údajů

Od vstupu obecného nařízení o ochraně osobních údajů v platnost ( GDPR ) v květnu 2018 již byla řada porušení předpisů potrestána. Mezi nimi jsou těžké, jak uvádí Heise Online v tomto článku. Mezitím byl také schválen pojem pro měření výše pokuty, který mimo jiné zohledňuje obrat společnosti a závažnost zákona.

Dále očekáváme, že v roce 2020 bude přijato nařízení o soukromí a elektronických komunikacích (ePVO), které vyjasní právní situaci týkající se nástrojů pro sledování. EPVO měl být původně doprovázen GDPRbýt zveřejněny společně. Obě nařízení slouží především k ochraně údajů. V tomto článku právník Mario Steinberg vysvětluje, jaké požadavky bude nařízení o soukromí a elektronických komunikacích znamenat pro provozovatele webových stránek. 

Webové nástroje a architektury

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í.

Přestože React již v roce 2019 získal na významu, ještě nedosáhl své vrcholné fáze a v roce 2020 se nám bude stále více dostávat do očí. S pomocí Reactu budeme s největší pravděpodobností pokračovat v integraci prvků uživatelského rozhraní do našich webových stránek a webových aplikací i v budoucnu. Pro vývojáře frontendu je to určitě nástroj, který stojí za to získat. To platí zejména v kontextu WordPress, protože nový Gutenberg Editor bloků je založen na React.

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

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šiřovat do frontendu. Tímto způsobem se dozvíme více o tom, na co jsme klikli na našich webových stránkách a kdy a jak, a můžeme tak efektivněji a trvaleji přizpůsobit uživatelské rozhraní a trvale zlepšit UX.

Závěr: 2020 a dále

Na základě současného vývoje můžeme v dlouhodobém horizontu 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 například prostřednictvím neobvyklé a kreativní navigace na stránce, jako je tomu u portfolia Bruna Simona.

Obecně by měl být internet zábavnější – ať už prostřednictvím kreativnějších a osobnějších přístupů k přípravě a reprodukci informací. Nádherné a hravé shrnutí Webdesign Trends pro rok 2020 nabízí newyorská agentura Red Collar na této stránce.

Rád bych také zmínil implementaci hlasové navigace. I když je nepravděpodobné, že by tato technologie měla v roce 2020 zásadní průlom, můžeme se jí dlouhodobě přizpůsobit. Také 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ími.

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

Máte nějakou zpětnou vazbu na zmíněný vývoj nebo další trendy webového designu pro rok 2020? Těšíme se na váš komentář!