UX design webů, e-shopů
a aplikací
Než začneme vyvíjet, zjistíme, co lidé skutečně potřebují. Navrhneme uživatelský zážitek (UX) i rozhraní (UI), ověříme je na prototypu a připravíme pro vývoj.
Proč UX předchází vývoji
Neinvestujte do řešení, dokud nevíte, že řeší správný problém.
-
01
Méně dohadů. O prioritách nerozhoduje osobní vkus, ale společný cíl a ověřené poznatky.
-
02
Méně změn během vývoje. Strukturu, klíčové cesty a složité stavy prověříme už na prototypu.
-
03
Srozumitelnější zadání. Produktový, obchodní i vývojový tým pracují se stejnou představou o výsledku.
Jak spolupráce probíhá
Čtyři kroky od otázky k ověřenému návrhu.
-
Pochopíme problém
Ujasníme obchodní cíl, cílové skupiny, omezení a způsob měření. Projdeme dostupná data a zkušenosti lidí, kteří produkt prodávají, spravují nebo podporují.
-
Navrhneme řešení
Připravíme strukturu, klíčové scénáře a prototyp. Průběžně zapojujeme produkt, obchod i vývoj, aby návrh odpovídal realitě projektu.
-
Ověříme ho s uživateli
Otestujeme důležité nebo rizikové situace, problémy seřadíme podle závažnosti a návrh upravíme.
-
Připravíme design pro vývoj
Doplníme UI, komponenty, stavy a pravidla chování. Návrh předáme vašemu týmu, nebo na něj navážeme vlastním vývojem.
„Nevím, co je v balíčku služeb.“
„Nejdřív hledám, jestli je to skladem.“
„Varianty jsou až moc dole.“
Heatmapa: kliky vedle nabídky služeb
Analytika: odchody z detailu produktu
Hledání: dostupnost na prodejně
Nabídka služeb je nejasná
Varianty výš, hned pod název
Dostupnost vedle ceny
1Varianty hned pod názvem
2Dárky a služby k produktu
3Cena a košík bez posouvání
Přidejte fotoaparát do košíku i s balíčkem služeb.
0:48Balíček služeb splývá s dárky, uživatel ho chvíli hledal.
Úprava: služby jako samostatná volba.
Kdy má UX smysl
Před novým produktem, redesignem i důležitou změnou.
- Připravujete nový produktPotřebujete ověřit cílovou skupinu, hlavní scénáře a rozsah první verze.
- Web nebo e-shop neplní cíleLidé nedokončují nákup, poptávku či registraci a samotná analytika nevysvětluje proč.
- Řešíte složitý procesB2B objednávky, oprávnění, zákaznické zóny nebo interní aplikace mají mnoho rolí a výjimek.
- Produkt ztratil konzistenciFunkce vznikaly postupně a každá další změna prodlužuje návrh i vývoj.
- Chcete ověřit návrh před realizacíVývoj může zajišťovat PragueBest, váš interní tým nebo jiný dodavatel.
Kdy samotné UX nestačí: příčinou může být také pomalá technologie, nekvalitní data, chybné měření nebo nedostatek relevantní návštěvnosti. Pomůžeme určit, zda má první krok vést přes UX, vývoj, data, obsah nebo jejich kombinaci.
Co může být výsledkem
Dostanete podklady pro rozhodnutí, ne jen sadu obrazovek.
- Pochopit problémZjištění z výzkumu a dat, priority a doporučení
- Uspořádat obsah a procesyInformační architektura a uživatelské cesty
- Ověřit řešeníWireframy, interaktivní prototyp a výsledky testování
- Připravit realizaciUI návrh, komponenty, stavy a dokumentace pro vývoj
Rozsah volíme podle rozhodnutí, které potřebujete udělat.
UX v praxi
Návrhy ověřujeme na skutečných lidech a scénářích.
- FotoŠkodaCard sorting a 16 variant detailu
Analytika a heatmapy ukázaly problematická místa, testování s různými typy zákazníků odhalilo nejasnosti v nabídce a card sorting s tree testingem pomohly ověřit novou navigaci. Ještě před designem vznikl prototyp 16 variant složitého produktového detailu.
- Harfa SportMobile-first návrh podle dat
Struktura e-shopu vycházela z analytiky, vyhledávacího chování a rozhovorů s reálnými uživateli. Návrh vznikal mobile-first a průběžně jsme testovali informační architekturu, wireframy i prototypy. Celý nový e-shop — včetně UX, SEO, obsahu, architektury a vývoje — vznikl v jednom týmu.
-
Albi B2BDesign systém pro velkoobchod
Workshop, analytika a heatmapy pomohly navrhnout informační architekturu a specifické B2B scénáře. Wireframy a design systém pokryly uživatelskou zónu, katalog i práci s objednávkami napříč zařízeními.
Samostatně, nebo s vývojem
Návrh můžeme předat vašemu týmu. Nebo ho rovnou postavit.
UX samostatně
UX službu lze objednat samostatně. Připravíme podklady, vysvětlíme pravidla a podle dohody zůstaneme k dispozici během implementace.
UX s naším vývojem
Pokud na návrh navážeme vlastním vývojem, pracují designéři s analytiky a vývojáři už od začátku. Technickou proveditelnost, integrace, obsah i administraci tak neřešíme až nad hotovými obrazovkami.
E-shopy na míruWeby a portályAplikace na míruDatová analytika a měření
Cena a harmonogram
Rozsah určuje problém, ne počet obrazovek.
Jiný rozsah má test jedné nákupní cesty a jiný návrh nového B2B portálu. Po úvodním rozhovoru navrhneme vhodné fáze, výstupy, harmonogram a rozpočet.
Na co se nejčastěji ptáte
Lze UX design objednat samostatně bez vývoje?
Ano. Můžeme dodat výzkum, audit, informační architekturu, prototyp, testování, UI nebo design systém a předat výstupy vašemu realizačnímu týmu.
Potřebujeme redesign celého webu?
Ne vždy. Pokud je problém ohraničený, může být účinnější upravit jednu důležitou cestu a změnu změřit. Kompletní redesign doporučíme jen tehdy, když dílčí úprava neřeší příčinu.
Jaký je rozdíl mezi UX auditem a uživatelským testováním?
Při auditu hodnotí rozhraní odborník s pomocí dat a pravidel použitelnosti. Při testování sledujeme zástupce cílové skupiny při plnění konkrétních úkolů. Obě metody se doplňují, ale odpovídají na jiné otázky.
Kolik uživatelů je potřeba pro testování?
Záleží na výzkumné otázce, počtu odlišných cílových skupin a složitosti produktu. Počet i způsob výběru účastníků navrhneme podle toho, co potřebujeme zjistit.
Kolik UX design stojí a jak dlouho trvá?
Záleží na rozsahu výzkumu, počtu scénářů, náročnosti prototypu, testování a UI. Po krátkém briefu doporučíme konkrétní rozsah, harmonogram a rozpočet.
Co dnes brání lidem udělat důležitý krok?
Popište nám produkt, jeho uživatele a rozhodnutí, před kterým stojíte. Navrhneme první krok, který pomůže snížit nejistotu před další investicí.