Základ pro dobrý návrh je pochopení kontextu

Sbíráme informace o cílové skupině, konkurenci i specifikách vašeho produktu.

Co zahrnuje analýza?

• Workshop nebo rozhovory

  Zjišťujeme potřeby vašeho týmu i uživatelů.
• Analýza konkurence

  Studujeme, co v daném odvětví funguje a co ne.
• Definice person

  Vytváříme modelové uživatele a scénáře použití.
• Stanovení cílů

  Ujasníme si, co má návrh řešit a podporovat.

Uživatelské rozhraní začíná dobrou strukturou

Organizujeme obsah tak, aby se uživatelé v aplikaci neztratili a snadno našli, co potřebují.

Co zahrnuje návrh struktury?

• Mapy stránek a toků

  Navrhujeme navigaci, hierarchii a přechody mezi obrazovkami.
• Navigační logika

  Určujeme, jakým způsobem se uživatel dostane k cíli.
• Obsahová struktura

  Řešíme, jak rozložit informace, aby dávaly smysl.
• Základy použitelnosti

  Zohledňujeme dostupnost a běžné uživatelské návyky.

Nejdřív ověříme, jestli návrh funguje

Pomocí wireframů rychle testujeme logiku rozhraní a sbíráme zpětnou vazbu dřív, než se pustíme do detailního designu nebo vývoje.

Co v této fázi tvoříme?

• Základní wireframy

  Připravíme jednoduchý návrh rozložení a logiky obrazovek.
• Klikatelné prototypy

  Vytvoříme interaktivní model pro interní validaci nebo testování s uživateli.
• Iterace návrhů

  Rychle upravujeme návrh na základě zpětné vazby.
• Testování prototypů

  Ověřujeme s uživateli, zda rozumí, jak se v aplikaci pohybovat.

Design, který dobře vypadá i funguje

Zajistíme vizuální kvalitu, která odpovídá vaší značce i moderním standardům. Vše připravíme ve Figmě pro snadnou implementaci.

Na co se zaměřujeme?

• Jednotný styl

  Sladíme typografii, barvy, komponenty a celé layouty.
• Responsivita

  Design přizpůsobíme pro mobily, tablety i desktop.
• Branding a firemní identita

  Design ladíme s vaší značkou a tone of voice.
• Předání do vývoje

  Vše připravíme ve Figmě pro snadnou implementaci.

Návrh validujeme přímo s uživateli

I ten nejlepší návrh může selhat bez konkrétní zpětné vazby – proto testujeme a ladíme.

Jak testujeme?

• Uživatelské testování

  Sledujeme chování uživatelů při práci s prototypem.
• Dotazníky a zpětná vazba

  Získáváme názorovou zpětnou vazbu i subjektivní hodnocení.
• Záznam a vyhodnocení

  Analyzujeme problémy a hledáme místa ke zlepšení.
• Návrh vylepšení

  Na základě testů upravujeme návrh pro lepší UX.