Na co wireframy?

Vytvoření wireframu by měl být ve skutečnosti jeden z prvních kroků při tvorbě webu, který má mít hlavu a patu. Wireframe jasně rozloží jednotlivé prvky a informace v rámci webu. Moderní programy, o kterých ještě bude řeč, jsou schopny vytvořit zcela funkční - proklikávací kostru webu se všemi klasickými prvky. Možná si řikáte, že wireframy jsou dobré pouze pro analytiky či webarchitekty, kteří je dělají jako názornou ukázku pro klienta a pomůcku pro kodéra/designéra.  Z velké části máte určitě pravdu! Wireframy doopravdy zlepšují komunikaci mezi zadavatelem a tvůrcem webu, protože je na nich jasně vidět rozložení webu. Minimalizovat riziko vzájemného nepochopení se vždy vyplatí. Často se ale může méně zkušenému zadavateli zdát, že wireframe je pouze pár popsaných čtverečků za hodně peněz. V těch lepších případech tomu tak pochopitelně není. Wireframy se liší svou propracovaností, některé mohou už korespondovat s vytvořeným designem a veškeré rozložení pitvat do detailu. Wireframe vám pomůže i v případě, že si web vytváříte celý ve vlastní režii (strukturu, design, kód). Vždy je snažší vše změnit na základní šabloně než v hotovém designu.

Wireframy jako zdroj dat

Kdyby wireframy nabízely pouze základní přehled o struktuře webu, bylo by to trošku málo. Jejich skvělou výhodou je, že už během jejich tvorby je můžete testovat na uživatelích. Sice je nemůžete nechat samostatně pracovat, ale můžete se jich ptát na otázky týkající se ovládání a přehlednosti. Dozvíte se tak, kde by uživatel hledal konkrétní funkce, co od kliknutí na jednotlivé elementy očekává a jestli všemu správně rozumí. Wireframy můžete snadno a rychle editovat, takže vás ani hromada připomínek příliš nezdrží. O to víc pak člověka potěší, když jsou jednotlivé připomínky konstruktivní a drátěný model získává svou logiku.

V čem tvořit wireframy?

Existuje desítky desktopových a webových aplikací, ve kterých je tvorba wireframů opravdová hračka. Mezi jedny z opravdu kvalitních patří náš oblíbený Axure RP Pro, jenž nabízí velké množství webových prvků a intuitivní ovládání. Na oficiálním webu je k dispozici zdarma Trial verze programu.

Mezi kvalitní online zástupce zase patří Pidoco, taktéž v měsíční Trial verzi zdarma.  Pochopitelně existuje mnoho dalších programů na tvorbu wireframů, velká část z nich je jich i zdarma. Nenabízejí sice až tak velké množství funkcí, ale pro základní model určitě stačí. Velký přehled včetně náhledů a popisu najdete na Wireframe Magazinu, doporučujeme také článek shrnující 20 nejlepších nástrojů.

Jen do nich!

Vytvořit dobrý web lze nepochybně i bez wireframu, ale určitě to nejde tak lehce. Tak jako tak si snad každý, kdo už má pár webů za sebou, nejdříve sedne s papírem a tužkou. Proč nevyměnit tuhle praktickou dvojici za wireframe program, který toho umí mnohem víc a o poznání sofistikovaněji? Než se naučíte s programem, možná vám to chvíli potrvá, ale ve výsledku ušetříte znatelné množství času, které byste jinak museli pro dosažení obstojného výsledku věnovat dokončujícím úpravám a změnám.