Wireframe

Obsah [skrýt] 1 Co je to? 2 Proč? 3 Řešíme 4 Neřešíme 5 Nástroje

Co je to?

• Zjednodušený návrh rozložení prvků uživatelského rozhraní.
• Lze kreslit na papír nebo v softwarových nástrojích.
• Slouží k rychlému ověření základního návrhu uživatelského rozhraní.

Proč?

• Snížit čas (a tedy i cenu) prvního návrhu.

Řešíme

• Jak budou prvky rozmístěny na stránce/obrazovce.
• Jaký typ prvku to je: obrázek, nadpis, článek textu.

Neřešíme

• Grafický vzhled prvků — ten řeší až v další fázi grafik.
• Konkrétní obsah — ten řeší až v dalších fázích copywriter.

Nástroje

1. Papír
   • V prvních fázích je nejrychlejší a vždy po ruce.
2. Jednoduché nástroje
   • Rychlý náčrt, snadné sdílení
   • Příklad: Wireframe.cc
3. Komplexnější nástroje
   • Často placené.
   • Vytvoření modelu již zabere značné množství času.
   • Umí sledovat vazby mezi stránkami.
   • Příklad: Moqups.com — Zdarma jen jeden projekt (ale libovolné množství stránek)
   • Příklad: Webflow.com
   • Příklad: Axure
4. Pencil.Evolus.vn
   • Svobodná alternativa
   • Desktopová aplikace, instalujete lokálně (stačí zkopírovat nainstalovanou verzi)