Co zahrnuje UX a UI design
Uživatelský výzkum
Nejprve pochopíme, kdo jsou vaši uživatelé, jaké mají cíle a s jakými problémy se potýkají. Provádíme rozhovory, analýzu dat a definujeme uživatelské persony.
Informační architektura
Navrhneme strukturu aplikace – jak jsou informace uspořádané a jak uživatel prochází jednotlivými obrazovkami.
Wireframy a prototypy
Vytvoříme drátěné modely (wireframy) klíčových obrazovek a interaktivní prototypy, které testujeme s reálnými uživateli před zahájením grafického návrhu.
UI design a design systém
Teprve poté přistoupíme ke grafickému zpracování – navrhneme vizuální styl, komponenty a finální podobu každé obrazovky. Součástí je i design systém pro konzistentní výsledek.
Prohlédnout realizované projekty
UX (User Experience) design se zaměřuje na celkový zážitek uživatele při práci s aplikací. UI (User Interface) design řeší vizuální stránku aplikace – barvy, typografii, rozmístění prvků a celkový vzhled. Náš přístup spojuje obojí.
Nástroje, které používáme
Design a prototypování
Výzkum a testování
Design systém – základ konzistentního designu
Design systém je sada opakovaně použitelných komponent, pravidel a principů zajišťující konzistentní vzhled a chování aplikace. Investice do design systému se vyplatí zejména u rozsáhlejších aplikací a produktů.
- Knihovna UI komponent (tlačítka, formuláře, tabulky, modální okna).
- Pravidla pro typografii, barvy a mezery.
- Dokumentace pro vývojáře.
- Principy přístupnosti (accessibility).
- Ikony a grafické prvky.
Spokojenost uživatelů je základ úspěchu
Špatný UX design je jednou z nejčastějších příčin neúspěchu softwarových projektů. Uživatelé opouštějí aplikace, které jsou složité nebo matoucí – bez ohledu na jejich technické možnosti.
Spojme se nad Vaším nápadem
Nejčastější dotazy o UX a UI designu
Jaký je rozdíl mezi UX a UI designem?
UX (User Experience) se zaměřuje na celkový zážitek uživatele – jak snadno plní své úkoly a jak se v aplikaci orientuje. UI (User Interface) řeší vizuální stránku – barvy, typografii a rozmístění prvků. Dobrý produkt potřebuje obojí.
Co je wireframe a proč ho potřebuji?
Wireframe je schematické znázornění rozvržení aplikace bez grafického zpracování. Umožňuje rychle ověřit logiku a tok uživatele ještě před zahájením drahého vývoje. Odhalí problémy, kdy je jejich oprava levná.
Jak dlouho trvá UX a UI design aplikace?
Záleží na rozsahu. Návrh menší aplikace (10–20 obrazovek) trvá 4–8 týdnů. Komplexní podnikový systém s rozsáhlým UX výzkumem může trvat 3–6 měsíců.