Obsah stránky
2) Jaký je rozdíl mezi designem UX a UI?
3) Jak UX design a UI design spolupracují
4) Jak dělat UX
5) Jak dělat UI
Design UX a UI vysvětlen trochu jinak!
Četba: 4 minuty
Rozdíl mezi UX a UI
UX a UI: Dva pojmy, které se často zaměňují. Ale ve skutečnosti se za těmito zkratkami skrývají dva naprosto odlišné pojmy. Jaký je tedy přesně rozdíl?
Domnívám se, že už někteří z vás někdy slyšeli o skvělém UX produktu, nebo špatném UI webové stránky. Měli jste pocit, že druhá strana hovoří v nějakých tajných šifrách.
Pokud se tedy chcete dozvědět, co přesně UX a UI znamenají a jak se liší, jste na správném místě a pokusím se vám problematiku popsat.
UX
UX je v první řadě způsob návrhu produktu.
UI
První přístup člověka k navrhování estetického zážitku z produktu
Ano, jsou to fráze, které vám teď nic neříkají. Pevně věřím, že až dočtete tuto stránku, budete lépe chápat tyto základní pojmy a lépe pochopíte souvislosti.
Pěkně popořádku: Co vlastně znamená UX a UI?
Seznamujeme se zde s obory, které navzdory tomu, že existují desítky let a teoreticky po staletí, byly definovány nyní technickým průmyslem jako UX a UI Design.
UX design odkazuje na termín „user experience design“, zatímco UI znamená „user interface design“. Pokud bychom to chtěli přeložit, tak řekněme, že UX je „uživatelské rozhraní“ a UI bychom mohli nazvat jako „uživatelský prožitek“.
Jen se ptám, proč to překládat? Budu dále používat zkratky, které jsou uvedeny v nadpisu a kdo máte potřebu o těchto oborech hovořit v přeložené, krkolomné formě, tak jak je libo.
Oba prvky jsou pro produkt zásadní a úzce spolupracují. Ale navzdory jejich vzájemnému vztahu jsou oba prvky samy o sobě zcela jiné a odkazují na velmi odlišné aspekty procesu vývoje produktu a disciplíny designu.
Než se zamyslíme nad klíčovými rozdíly mezi UX a UI, pojďme nejprve definovat, co každý termín znamená jednotlivě.
Připomenutí
UX je „User experience“, tedy „Uživatelský prožitek“.
UI je „User interface“, tedy „Uživatelské rozhraní“.
Existuje analogie, kterou lze pro jednodušší popis použít k základnímu schématu všech částí (digitálního) produktu:
UX a UI jsou jedny z nejvíce zmatených a zneužívaných pojmů v SEO. Každý z tohoto pojmu je určen na naprosto jinou část digitálního designu. Přitom ale jedno bez druhého se vlastně neobejde. Proto tento příměr k funkci lidského těla. Prostě je nutné pochopit, že UX a UI jdou spolu ruku v ruce, kdy není možné mít jedno bez druhého. K tomu, abyste byli návrhářem UX, však nemusíte mít dovednosti v oblasti UI a naopak. UX a UI tvoří samostatné role s oddělenými procesy a úkoly.
Můžeme to shrnou takto:
Informace
Persona – Název je převzat z anglického shodného názvu Persona, někdy i Personas. Je to název osoby v marketingu, a i designu, zaměřené na uživatele, jako fiktivní postavy. Persona je vytvořená tak, aby reprezentovala typ uživatele, který může předdefinovaným způsobem používat web, aplikaci, službu, nebo produkt.
Popsali jsme si rozdíly mezi UX a UI, tak se nyní podívejme, jak spolu fungují. Možná se ptáte, jestli je jeden důležitější než druhý, ale realita je taková, že oba jsou zásadní. Jak vidíte, UX a UI jdou prostě pevně ruku v ruce a čím je jedno lepší, to druhé musí být také. UI je jako třešnička na dortu UX.
Představte si, že máte úžasný nápad na aplikaci, něco, co na trhu zjevně chybí a mohlo by skutečně změnit životy lidí k lepšímu. Najmete si designéra UX, který provede uživatelský průzkum a pomůže vám přesně zjistit, jaké funkce by vaše aplikace měla mít a jak by měla být zmapována celá cesta uživatele. Tedy aplikace nabídne něco, co vaše cílové publikum potřebuje a chce. No a když si aplikaci stáhnou, zjistí, že text na každé obrazovce je sotva čitelný (například žlutý text na bílém pozadí). Dále tlačítka jsou malá a příliš blízko u sebe. Takže stále omylem mačkáte nezvolenou funkci jiného tlačítka! Tedy to je klasický případ, kdy špatné UI ničí to, co by bylo dobré v UX.
Takže pokud jde o produktový design, UX a UI se vzájemně doplňují a na dnešním konkurenčním trhu je správná funkce a dokonalý design naprostou nutností. Ať už se rozhodnete pracovat jako návrhář UX nebo návrhář UI, je užitečné rozumět oběma částem tohoto designu.
Můžeme se setkat i s CX
CX je zákaznický prožitek z anglického Customer Experience. CX rozšiřuje vnímání UX o samotné interakce. Jsou to prožitky mimo digitální svět. Přitom se vše stále týká vztahu a poznání produktu, službě anebo Brandu. Je to například kontakt se zákaznickou podporou, rada od zástupce firmy, nebo přístup prodavače při řešení nedostatků. Je to propojení digitálního světa s tím reálným, jako že částí UX je zákaznická zkušenost.
Nyní tedy víme, abstraktně, co role designéra UX obnáší. Jak se tato činnost promítne do každodenních úkolů? Zde je ukázkový příklad typických úkolů a povinností návrháře UX.
Strategie a obsah:
Projektování a prototypování:
Informace
Wireframe webu se v oblasti vývoje webových prezentací či aplikací používá pro náhled nového řešení. Jde o návrh definující funkci a obsah stránek webu, pro lepší pochopení: WF = projektová dokumentace nového webu.
Příprava a analytika
Tedy jste částečně obchodník, částečně designér, a částečný projektový manažer. Ano role UX je složitá, náročná a mnohostranná. Role UX designéra se ve skutečnosti velmi liší v závislosti na typu společnosti, pro kterou se aplikace, nebo web připravuje. Vidíte, že opakování spojená s analýzou nebo testováním je zmíněno dvakrát, ale ve skutečnosti byste opakované testování a analýzu nejspíše zařadili mezi každou další položkou v seznamu.
Pokud se vám líbí myšlenka vytváření úžasných UI, a vidíte se jako osoba s tvůrčím talentem, možná vás bude více zajímat právě UI. Níže naleznete stručný přehled klíčových úkolů návrháře UI, a upřesnění toho, co návrhář uživatelského rozhraní skutečně dělá.
Vzhled a dojem z produktu:
Responzivita a interaktivita:
Jako vizuální a interaktivní designér je role UI zásadní pro jakékoli digitální rozhraní a pro zákazníky je klíčovým prvkem důvěry ke značce. Zatímco za značku samotnou nikdy není zodpovědný výhradně jen návrhář UI, jejím převodem do produktu ano.
Podívejte se na popis UX a UI v perfektním článku na webové adrese:
Podle mého je to skvelě vysvětleno.
KÓD = kostra
UX = orgány
UI = vzhled
© 2019 - 2025 Všechna práva vyhrazena!
Powered & Hosted by Bear Hugs s.r.o.