Co si pod tím představit.
UX řeší, zda lidé dokážou na webu nebo v aplikaci pohodlně splnit svůj úkol. UI dává tomuto řešení konkrétní podobu: obrazovky, tlačítka, formuláře a jejich chování. Obě části potřebují vycházet z toho, co návštěvník skutečně hledá. Pomůžeme navrhnout přehledné rozhraní dříve, než začnete investovat do jeho vývoje a složitě měnit hotové funkce.
Nejprve skládáme cestu uživatele a obsah jednotlivých kroků. Potom připravíme jednoduché náčrty obrazovek a klikací prototyp, na kterém lze návrh projít. Teprve po vyjasnění fungování rozpracujeme vizuální styl. Dostanete podklady pro vývoj a společnou představu o výsledku. Prototyp slouží k ověření návrhu; jeho tlačítka mohou simulovat chování, ale sama ještě neprovádějí skutečné objednávky nebo ukládání dat.
Kdy vám služba pomůže.
- Chystáte nový web, e-shop nebo aplikaci a potřebujete si ujasnit funkce před vývojem.
- Jedna služba má mnoho variant a zákazníci nevědí, kterou z nich vybrat.
- Tým se nemůže shodnout na rozhraní a potřebuje konkrétní návrh, který lze společně projít.
Co budete mít v ruce.
Návrh uživatelských cest
Wireframy a interaktivní prototyp
Vizuální návrh pro vývoj
Konkrétní rozsah a způsob předání si potvrdíme v zadání. Budete vědět, co je součástí práce, jaké podklady potřebujeme a kdo schvaluje jednotlivé kroky.
Jak bude práce probíhat.
- Úkoly a uživatelské cesty
Sepíšeme důležité situace, vstupní informace a očekávaný výsledek každého kroku. Promyslíme pořadí voleb, navigaci a srozumitelné pojmenování. Zohledníme také rozdíl mezi novým návštěvníkem a člověkem, který službu pravidelně používá.
- Náčrty a prototyp
Připravíme rozložení obrazovek bez zbytečných detailů a spojíme je do průchodu. Ukážeme formuláře, potvrzení i chybové stavy. Nad prototypem vyřešíme připomínky a podle rozsahu jej můžeme ověřit s vhodnými uživateli.
- Vizuální systém a předání
Navrhneme barvy, typografii a opakovaně použitelné prvky v souladu se značkou. Doplníme varianty pro menší obrazovky a popis chování. Vývojář dostane uspořádané podklady a vysvětlení důležitých rozhodnutí v návrhu.
Příklad z praxe
Ilustrační situace: zákazník si má sestavit zahradní domek, ale dlouhý formulář ukazuje všechny volby najednou. V prototypu rozdělíme výběr na rozměr, provedení a příslušenství. Průběžný souhrn ukáže vybrané položky a dovolí se vrátit k úpravě bez ztráty předchozích voleb.
Co budeme potřebovat od vás?
Popis nabídky, požadované funkce a informace o současném webu nebo e-shopu. Společně doplníme obsahové a technické zadání.
Pokud něco chybí nebo zatím nevíte, kde podklady najít, projdeme to spolu. Na prvním rozhovoru stačí popsat vaši situaci a to, co se má zlepšit. Technické zadání doplníme s kolegy podle potřeby.
Na co se často ptáte.
Je součástí návrhu i naprogramování?
Vývoj se domlouvá samostatně nebo jako navazující část projektu. Návrh připravíme tak, aby mu rozuměl realizátor a aby odpovídal ověřeným možnostem zvolené platformy i rozpočtu.
Jak se služba liší od UX auditu?
Design vytváří nové řešení a podklady pro jeho realizaci. Audit zkoumá existující web a pojmenovává překážky. Výstupy auditu mohou být dobrým zadáním pro následný návrh konkrétních změn.
Jak se domluví cena a termín?
Nejdřív upřesníme rozsah a stav podkladů. Potom navrhneme postup, cenu a termíny jednotlivých kroků. U průběžné spolupráce se domluvíme i na kapacitě, prioritách a pravidelném vyhodnocování. Náklady na média, licence nebo výrobu odlišíme od naší práce, pokud jsou pro zadání potřeba.