Wireframe není prototyp

10. 9. 2009  |  Jan Štráfelda

Víte, jaký je rozdíl mezi wireframe a prototypem? Podle našich zkušeností klienti oba termíny znají v kontextu úvodní analýzy či zadávací dokumentace, ale vzájemně je zaměňují. Navíc málokdy chápou, v jaké situaci jim mohou být užitečné wireframy a kdy už mají trvat na zpracování HTML prototypu.

Definice pojmů

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

  • Wireframe = 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.
  • Prototyp = 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).

Blokový wireframe     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)

Vaše názory


Adaptic na Twitteru

Newsletter

více informací

Internetový slovníček

Vybrali jsme pro vás:

Ve slovníčku máme již 190 pojmů.

Facebook: sledujte nás