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