Co je to WireFrame nebo-li drátěný model?

Kromě WireFrame, Drátěného modelu se ještě používá výraz Skica webu. Pomocí drátěného modelu se znázorňuje základní struktura webové stránky. Předchází samotným grafickým a programátorským pracem.

Proč se WireFrame používá?

  • Slouží jako podklad pro grafika a programátora.
  • Podílí se na něm marketingové oddělení – např. SEO specialista, UX specialista, copywriter, případně další. Promítají své znalosti do WireFramu, aniž by museli umět kreslit. Vycházejí z podkladů jako je např. Analýza klíčových slov, analýza konkurence, použitelnosti a další.
  • Ukazuje rozmístění prvků na stránce – např. CTA, filtry, boxy, formuláře a další.
  • Skica se může několikrát předělat a opravit. 
Ukázka WireFrame
Ukázka WireFrame

Nástroje pro tvorbu WireFrame

Pro tvorbu drátěného modelu stačí tužka a papír.

Nicméně, pro snadnější sdílení s kolegy a další práci použijte např. následující software:

  • Axure,
  • MicroSoft Visio,
  • Mockflow,
  • JustinMind, …

Další zdroje

Petr Jiránek
Follow me
Latest posts by Petr Jiránek (see all)