Co to je
Wireframe (česky drátěný model) je jednoduchý nákres stránky nebo obrazovky, obvykle bez barev, fotografií a ozdob. Ukazuje jen rozložení: kde bude nadpis, menu, obrázek, text, tlačítko nebo formulář a jak na sebe části navazují. Může to být kresba na papíře i digitální schéma. Na rozdíl od mockupu, který už ukazuje grafickou podobu, řeší jen strukturu.
Bývá prvním krokem před grafickým návrhem webu i před programováním. Pomáhá diskutovat o obsahu a logice stránky, aniž by účastníky odváděly barvy a fotografie.
Proč na tom záleží
Změnit čáru na papíře je mnohem jednodušší než předělávat hotový web. Wireframe proto pomáhá odhalit, že na stránce chybí důležitá informace nebo že je nabídka zahlcená, ještě než se začne dělat grafika a programování.
Navíc sjednocuje představy: majitel, grafik, textař i programátor se baví o téže věci.
Modelový příklad
Dodavatel pro řemeslnou firmu nakreslí wireframe úvodní stránky: nahoře stručné vysvětlení nabídky, pod ním hlavní služby a dole formulář poptávky. Majitel si všimne, že chybí odkaz na reference, a doplní ho dřív, než se začne vybírat grafika.
Co byste měli vědět
- Hodnoťte logiku a obsah, ne vzhled; barvy a fotografie přijdou později.
- Požádejte o wireframe i pro mobilní verzi.
- Připravte skutečné texty nebo alespoň jejich osnovu, aby se stránka nenavrhovala jen na vzorový text.
- Ukažte ho i kolegům, kteří s webem pracují, třeba z obchodu nebo zákaznické podpory.