Jan Štráfelda - Průvodce internetovými projekty
celá ČR (přes video)  |  776 678 044  |  jan@strafelda.cz

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.

E-book za mail

Získejte podrobný návod Jak na e-mail marketing (52 stran). Více informací.

Žádný spam, jen užitečný obsah. Newsletter posílám cca 8× ročně. Odhlásíte se kdykoliv.

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)

O autorovi

Jsem Jan Štráfelda a působím jako průvodce online projekty. Potřebujete předělat web či e-shop? Nebo posunout internetový marketing? Poradím s obojím. 14 let budování vlastní digitální agentury mě skvěle vyškolilo – a rád se o zkušenosti podělím.

S čím také umím pomoci:

Své znalosti sdílím i na LinkedIn. Přidejte se k 3 004 marketérům, kteří z nich již pravidelně těží.

Komentáře (0)

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

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