Jan Štráfelda - Průvodce online -projektem
Praha/Mělník  |  776 678 044  |  jan@strafelda.cz  |  Pošlete mi poptávku

Wireframe není prototyp

Víte, jaký je rozdíl mezi wireframe a prototypem? Podle mých 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.

  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).

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)

Zaujal jsem vás? Přihlašte se do mailingu a mé další texty už vám neuniknou:

Zprávy posílám cca 8× ročně. Odhlásit se můžete kdykoliv. Více informací.

Komentáře (0)

Přidat nový komentář

Zatím tu nejsou žádné komentáře.

Přidávání nových komentářů k tomuto článku bylo uzavřeno.