en
Všechny příspěvky blogu

UX a UI trendy pro rok 2023

Autor: Aneta Klimková 30. 03. 2023 web
UX a UI trendy pro rok 2023

Při tvorbě nového webu, e-shopu či aplikace přemýšlíme nejen nad tím, jak bude web vypadat, ale především, jak bude uživatel s webem pracovat. Tím se zabývá UX a UI design. Jeden bez druhého se jen těžko obejdou a jsou důležitou součástí tvorby webu.

Možná už tyto zkratky znáte, co ovšem znamenají v praxi?

Zkratku UX z anglického výrazu User Experience do češtiny překládáme jako uživatelská přívětivost nebo uživatelská zkušenost. Jedná se o soubor vlastností webu či aplikací, které mají vliv na spokojenost uživatelů. Cílem UX designu je vytvořit jednoduchý a intuitivní web.

UI z anglického výrazu User Interface do češtiny překládáme jako uživatelské rozhraní a jedná se o vizuální stránku webu či aplikace. Cílem UI designu je vytvořit vizuálně přitažlivý web.

Web by měl být maximálně funkční z hlediska UX i UI designu. Zkrátka a dobře platí pravidlo, že co je krásné, musí být zároveň i funkční!

Jaký je rozdíl mezi UX a UI už jsme si vysvětlili. Nyní se ale už pojďme vrhnout na

TRENDY PRO ROK 2023

Ilustrace a animace

Pokud se chcete odlišit a vyčnívat mezi konkurencí, mohou vám pomoci ilustrace. Ať už ručně kreslené nebo digitální, 2D nebo 3D při správném provedení mohou zlepšit míru konverze. Statické stránky mohou těžit z rozpohybovaných ilustrací. Zkrátka a dobře ilustrace a rozpohybované animace vzbuzují zvědavost uživatelů, “zdržují” je na stránkách a mohou být pro uživatelé zapamatovatelným prvkem.

UX a UI trendy pro rok 2023 - Ilustrace a animace
UX a UI trendy pro rok 2023 – Animace (zdroj: medium.com)

 

UX a UI trendy pro rok 2023 - Ilustrace a animace
UX a UI trendy pro rok 2023 – Ilustrace (zdroj: graphicdesignjunction.com)

 

Scrollytelling

V dnešní zrychlené digitální době není čas ztrácet čas se sáhodlouhými texty a upřednostňujeme kratší texty, čísla, ilustrace a videa. Chcete udržet uživatelovu pozornost? Zvole scrollytelling neboli narativní vizualizaci a odvyprávějte příběh vaší značky na pohyblivé ose vizuálních prvků. Nejedná se o video, ale animaci, kterou si uživatel scrolluje svým vlastním tempem. Kombinujte špičkovou grafiku a propracované texty. Dodržujte pravidlo kvalita nad kvantitou.

UX a UI trendy pro rok 2023 - Scrollytelling
UX a UI trendy pro rok 2023 – Scrollytelling (zdroj: medium.com)

Výraznější a charakterističtější písmo

Jedním z ústředních bodů při tvorbě UI designu je typografie. Nebojte se překročit konvenční funkci typografie. Točení, kroucení, extravagantní velikost, dělení slov do více řádků i špatná čitelnost jsou dovoleny! Pokud nejste příliš zastánci extravagance, pohrajte si alespoň s velikostí písma. Čím robustnější a větší, tím lepší (a to se nebavíme jen o nadpisech H1)!

UX a UI trendy pro rok 2023 - typografie
UX a UI trendy pro rok 2023 – typografie

Tmavý režim

Dark mode, noční režim nebo tmavý režim. Zkrátka tmavé pozadí, na kterém je umístěn světlý text. Toto barevné schéma pomáhá zlepšit zrakovou hygienu (jak naznačuje několik studií) a stalo se tak trendem designu UI. Tmavý režim je elegantní, moderní, šetrnější pro náš zrak a kromě toho přispívá také k úspoře baterie na našich zařízeních.

UX a UI trendy pro rok 2023 - Dark mode
UX a UI trendy pro rok 2023 – Dark mode (zdroj: graphicdesignjunction.com)

Dopamin vyvolávající “šťastné” barvy

V posledních letech zažívají veselé barvy comeback zejména v módním průmyslu. Pozitivních dopadů dopaminu vyvolávajících šťastných barev si ale začínají všímat také velké značky spotřebního zboží a využívají je ve svých kampaních. Využití retro prvků a veselých barev na webu zaujme uživatele z generace X tzv. husákovy děti až po generaci Z.

UX a UI trendy pro rok 2023 - Dopamin vyvolávající “šťastné” barvy
UX a UI trendy pro rok 2023 – Dopamin vyvolávající “šťastné” barvy (zdroj: medium.com)

Zabavte uživatele při načítání webu

Až 25 % uživatelů internetu opustí jakoukoli stránku, pokud se načítá déle než 4 sekundy. Pokud máte obsahově náročný web, který má dlouhou prodlevu při načítání, přidejte na web svým uživatelům zábavné a interaktivní prvky, které uživatele udrží na stránce a jen tak z ní neodejdou. Animace procentuálního nárůstu načtení stránky nebo galerie obrázků, která se zobrazí při načítání stránky. Případně kreativně a hlavně vtipně zpracujte chybovou stránku 404, která uživatele navede na další kroky a sníží riziko odchodu uživatelů z webu.

UX a UI trendy pro rok 2023 - chybová stránka 404
UX a UI trendy pro rok 2023 – chybová stránka 404 (zdroj: 99designs.com)

Design pro “skládací” zařízení

S příchodem nového smartphonu modelu Z Flip od Samsungu se pro UX a UI designéry stává výzvou přizpůsobení UX a UI pro skládací obrazovky. Trend skládacích zařízení se nám může zdát jako pouhá módní vlna. Společnost Google ovšem s vydáním nového Androidu 12 zveřejnila také podrobnosti o podmínkách a omezeních pro přizpůsobení aplikací pro skládací obrazovky.

UX a UI trendy pro rok 2023 - Design pro “skládací” zařízení
UX a UI trendy pro rok 2023 – Design pro “skládací” zařízení (zdroj: graphicdesignjunction.com)

Rozšířená realita

AR – Augmented reality neboli rozšířená realita se začala v každodenním životě používat na běžné bázi. Rozšířenou realitu známe například z filtrů v aplikacích jako je Instagram nebo Snapchat. Očekávejte, že v roce 2023 bude technologie AR ještě rozšířenější a stane se trendem v UX a UI designu aplikací.

UX a UI trendy pro rok 2023 - Rozšířená realita
UX a UI trendy pro rok 2023 – Rozšířená realita (zdroj: graphicdesignjunction.com)

Inkluzivní design

Inkluzivním designem rozumíme proces návrhu produktů či služeb tak, aby byly použitelné pro co nejvíce lidí. A to zejména pro skupiny lidí se specifickými potřebami. Kromě hendikepovaných uživatelů do této skupiny můžeme zařadit také uživatele, kteří se potýkají s důsledky sociálního vyloučení. Webdesignéři v tomto případě zvažují nejen fyzické postižení související se zrakem, sluchem či obratností, ale také duševní poruchy, situační omezení či jazykovou a geografickou bariéru nebo rozdíly ve věku, rase či pohlaví. Inkluzivní web design odstraňuje předpojatost a domněnky, takže si uživatelé nepřipadají vyloučení.

UX a UI trendy pro rok 2023 - Inkluzivní design
UX a UI trendy pro rok 2023 – Inkluzivní design (zdroj: graphicdesignjunction.com)
Sdílet příspěvek

Další články

Umělá inteligence v marketingu 20. 04. 2023 marketing

Umělá inteligence v marketingu: hrozba nebo příležitost pro “lidské” zaměstnance?

Umělá inteligence (AI) se v současné době stává stále důležitější v oblasti marketingu. Pomocí AI lze získat mnoho cenných informací o zákaznících a poskytnout jim lepší zážitek z nákupu. Měli by se pracovníci marketingových oddělení a agentur bát umělé inteligence?

E-commerceday 2023 11. 04. 2023 e-commerce

E-commerce day 2023

Nadupaný program, skvělí řečníci a nekonečně mnoho inspirace a možností na získání nových kontaktů. Tak by se dal shrnout 3. ročník největší moravské konference pro e-shopy.

Všechny příspěvky

Máte zájem o naše služby?

Ozvěte se nám, rádi navrhneme řešení na míru i pro Vás!