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 – Animace (zdroj: medium.com)
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 (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
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 (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 (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 (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í (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 (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 (zdroj: graphicdesignjunction.com)
UX a UI design jsou nezbytnou součástí tvorby webu a měli bychom jim věnovat dostatek pozornosti. Stačí se řídit výše zmíněnými trendy a maximálně funkční a designový web je na světě! Rádi vám s tvorbou takového webu pomůžeme.
