Drátěný model webu vám ušetří více času (a peněz), než si myslíte. Díky němu víte, že zákazník, designér i vývojář jsou na jedné lodi. Připravili jsme pro vás sérii článků, které vám toto téma přiblíží. Dnes se dozvíte, co takový drátěný model je.

Obsah

Co je to wireframe?

Drátěný model, neboli wireframe je důležitým krokem v procesu tvorby webové stránky, který určuje, co bude web obsahovat a jak bude fungovat. Určuje obsah jednotlivých stránek a jejich propojení. Kde budou obrázky a kolik jich bude? Jak dlouhé budou obsahové texty? Kam povedou tlačítka na webu? Na tyto i další otázky odpoví správně vypracovaný drátěný model.

Co je potřeba k tvorbě drátěného modelu?

Technicky není základní tvorba drátěného modelu nic složitého. Pro začátek stačí mít papír a tužku. Pro nejlepší výsledek je možné využít softwarových nástrojů. S jejich pomocí lze potom vytvářet interaktivní modely. Aby byl využit potenciál tohoto pracovního postupu naplno, je vhodné mít v době tvorby drátěného modelu co nejvíce informací o vznikajícím webu. Proto je dobré mít kvalitně zpracovaný předchozí krok tvorby webu, totiž zadání či jinak řečeno „brief“. Nejdůležitější je znát cíle, kterých chcete pomocí nového webu dosáhnout – zvýšit povědomí o své značce, zvýšit prodej vašeho produktu nebo třeba dosáhnout toho, aby vaši zákazníci našli informace.

Co by měl drátěný model obsahovat?

Wireframe by měl obsahovat všechny prvky, které budou i na skutečném webu. Proč? Jednoduše proto, aby jejich uspořádání dávalo smysl a bylo koncepční. Mezi hlavní prvky patří nadpisy, bloky textů, obrázky, tlačítka a další. Díky kvalitně zpracovanému drátěnému modelu mají všichni zúčastnění (zákazník, vývojář atd.) přesnou představu o rozsahu webu i jeho funkcích. 

Hlavně to nepřehnat s dokonalostí

Jak už víte, drátěný model slouží především pro určení, co a kde na webu bude a jak bude web fungovat. Z tohoto hlediska je mnohem důležitější si říct, jak takový model vypadat nemá. V první řadě by neměl být zaměnitelný za grafický návrh. Designéry při práci na drátěném modelu často svádí touha udělat je vizuálně dokonalé. 

Podobná situace se stává dnes a denně: Klient: „Vypadá to dobře, co na tom ještě budete dělat?“ Designer: „Hmm… ještě celý grafický návrh“. Osvědčenou metodou je tvořit modely monochromatické (v odstínech jedné barvy) anebo ještě lépe pouze v odstínech šedé. Účelem wireframu je práci zjednodušit, ne naopak.