Analýza a rešerše
Ujasníme si cíle a cílové skupiny a projdu řešení konkurence. Z toho vychází celý návrh.
UX design a wireframe
Dobrý web nezačíná barvami, ale strukturou. Navrhnu, jak se v produktu budou uživatelé pohybovat, co uvidí jako první a jak se nejrychleji dostanou k cíli. Vše si ověříme na wireframech nebo rovnou na funkčním prototypu v kódu dřív, než se začne pracovat na vzhledu. U stávajícího webu začnu UX auditem.
Cena dle rozsahu spolupráce
Chci wireframeProč začít UX návrhem
UX design (user experience) řeší, jak se web nebo aplikace používá. Jestli návštěvník pochopí nabídku, najde kontakt a dokončí objednávku, nebo jestli odejde ke konkurenci. Chyby ve struktuře se později opravují draze, protože se promítnou do grafiky i vývoje.
Proto na začátku projektu analyzuji cíle, uživatele a konkurenci, navrhnu informační architekturu a uživatelské cesty a vše převedu do wireframů. Wireframe je zjednodušený nákres stránky bez grafiky. Rychle se upravuje a dá se na něm snadno diskutovat o obsahu a rozložení.
Už v této fázi ale můžeme jít rovnou cestou prototypu. S pomocí AI převedu strukturu do funkčního prototypu v kódu, který si proklikáte na počítači i v telefonu. Odpadnou kola kreslení a předělávání statických obrazovek, takže se k ověřenému řešení dostaneme rychleji, a tedy i levněji.
UX návrh ale nemusí začínat od nuly. Pokud už web nebo aplikaci máte a nepřináší tolik poptávek nebo spokojených uživatelů, kolik byste chtěli, začnu UX auditem. Projdu klíčové stránky a uživatelské cesty očima uživatele, zhodnotím srozumitelnost obsahu, navigaci, formuláře i chování na mobilu a navrhnu úpravy seřazené podle toho, co přinese největší efekt. Audit je také dobrý první krok před redesignem. Pomůžu i formou konzultace, například s přípravou zadání pro nový web nebo s posouzením návrhu od jiného designéra.
UX návrh dělám pro prezentační weby, e-shopy i rozsáhlé webové aplikace. Na rozsáhlých webových aplikacích jsem navrhl stovky obrazovek, wireframů a prototypů, takže umím pracovat i s velkým množstvím dat a funkcí.
Co ode mě dostanete
Informační architektura
Struktura stránek, navigace a obsahu tak, aby se v ní uživatel neztratil.
Uživatelské cesty
Kroky, kterými uživatel projde od vstupu na web po objednávku, poptávku nebo registraci.
Wireframe nebo prototyp
Nákresy klíčových stránek ve Figmě, nebo rovnou funkční prototyp v kódu, na kterém si řešení vyzkoušíte.
UX audit
Průchod stávajícím webem nebo aplikací a seznam problémů s doporučeným řešením seřazeným podle přínosu.
Konzultace
Pomoc se zadáním nového webu, posouzení návrhu nebo řešení konkrétního problému.
Jak to probíhá
-
1. Úvodní konzultace
Probereme projekt, cíle a představu o výsledku. Zjistím, co už máte a co je potřeba vyřešit.
-
2. Analýza nebo UX audit
Projdu konkurenci a data, která máte k dispozici. Stávající web nebo aplikaci zhodnotím formou UX auditu.
-
3. Struktura a cesty
Navrhnu informační architekturu a uživatelské cesty a společně je odsouhlasíme.
-
4. Wireframe nebo prototyp
Rozpracuji klíčové stránky do wireframů, nebo rovnou do prototypu v kódu, který slouží jako zadání pro UI design.
Časté otázky
Co je wireframe?
Wireframe je zjednodušený nákres stránky nebo obrazovky bez barev a grafiky. Ukazuje rozložení obsahu, navigaci a hlavní prvky. Díky tomu se o struktuře dá rychle diskutovat a upravovat ji, než se začne pracovat na vzhledu.
Můžeme místo wireframů rovnou udělat prototyp?
Ano a často je to nejrychlejší cesta. Prototyp v kódu si proklikáte jako hotový web, takže se rychleji shodneme na řešení a ušetříme kola úprav. Kratší proces znamená i nižší cenu.
Potřebuji UX návrh i pro menší web?
I u menšího webu se vyplatí ujasnit si, co má návštěvník udělat a jak ho k tomu dovést. U jednoduchých webů bývá UX návrh rychlý a často ho spojím rovnou s UI designem.
Můžu si objednat jen wireframy?
Ano. Wireframy můžete předat svému grafikovi nebo vývojáři, nebo na ně navážu UI designem a prototypem.
Co je UX audit?
UX audit je odborné posouzení použitelnosti webu nebo aplikace. Odhalí místa, kde uživatelé nerozumí obsahu, ztrácejí se v navigaci nebo nedokončí důležitou akci, a navrhne, jak je opravit.
Je audit vhodný i před redesignem?
Ano, je to ideální první krok. Ukáže, co na současném webu funguje a co je potřeba změnit, takže redesign stojí na faktech, a ne na pocitu. Na audit pak rovnou navážu návrhem úprav, nejrychleji formou prototypu v kódu.
Pojďme probrat váš projekt
Napište mi pár vět o tom, co potřebujete. Ozvu se vám a domluvíme další postup.