Wireframe není prototyp

Definice pojmů

Oba pojmy se týkají modelování webové aplikace před tím, než je předána do produkce.

1. Wireframe

   Wireframe je schematický obrázek, jehož účelem je ukázat strukturu jedné budoucí stránky (tj. umístění hlavičky, patičky, hlavní a vedlejší navigace…). Často se připravuje sada wireframů pro různé typové stránky (úvodní stránka, přehled produktů, detail produktu…). Funkcionalitu budoucího webu wireframe obvykle pouze naznačuje

2. HTML prototyp

   HTML prototyp je interaktivní model napodobující finální produkt. V nejjednodušším případě jde o wireframy propojené odkazy, častěji však o kompletní HTML verzi s funkčními formuláři, s navigací reagující na pohyby myši, záložkami a dalšími interaktivními prvky.

Napovědět může i grafická podoba. Wireframe mívá pouze jednoduchý vzhled tvořený obdélníčky (tzv. blokový wireframe) nebo obsahuje i odkazy, slepé texty a rámečky obrázků (tzv. detailní wireframe).

Prototyp může vypadat stejně jako detailní wireframe, ale někdy bývá graficky propracovanější (například obsahuje barvy, loga apod.), neboť se používá i k testování na reálných uživatelích.

Kdy chtít wireframe

Wireframe od dodavatele vyžadujte v případech, kdy:

• strukturu stránky nelze jednoduše popsat a potřebujete pro grafika jednoznačné zadání
• si potřebujete s dodavatelem ujasnit konkrétní podobu stránek, např. váháte nad různými typy navigace, umístěním reklamy či upoutávek na další podstránky apod.
• si chcete vybrat z více variant layoutu (rozložení prvků na stránce)

Kdy chtít prototyp

Tvorbu prototypu si objednejte, pokud:

• jde o složitější projekt a je obtížné se orientovat ve všech jeho detailech
• je užitečné testovat koncepci na uživatelích, např. kvůli odladění navigačních cest či intuitivnosti ovládání nestandardních funkcí
• se na tvorbě webu bude podílet větší množství lidí, více než jedna dodavatelská firma či různí externisté
• je třeba jednoduchým způsobem představit projekt širšímu obecenstvu (např. vedení společnosti, investorům)