Drátový model je zjednodušený náčrt rozvržení, který zobrazuje strukturu bez vizuálního designu. Žádné barvy, žádné fotografie, žádný uhlazený text. Pouze rámečky, čáry a zástupný text. Jde o to, zjistit, kam věci směřují, než se rozhodneme, jak budou vypadat. Drátové modely odpovídají na otázky týkající se hierarchie, navigace a toku obsahu. Jejich výroba je levná a snadno se mění.

Návrháři kreslí wireframy ručně, v nástrojích jako Figma nebo Sketch, nebo pomocí specializovaných aplikací. Wireframy s nízkou věrností používají hrubé rámečky a načmárané popisky. Vysoce věrné wireframy přidávají skutečný obsah a přesnější rozestupy, ale stále se vyhýbají barvám a obrázkům. Týmy používají wireframy k brzkému sladění zúčastněných stran. Klient, který se zdráhá přesunout tlačítko v wireframu, ušetří všem pozdější trápení s přestavbou hotové obrazovky.

Co ukazují drátové modely

• Umístění hlavních částí stránky.
• Navigační struktura a položky nabídky.
• Hierarchie a seskupování obsahu.
• Interaktivní prvky, jako jsou tlačítka a formuláře.

Drátové modely nejsou plány. Jsou to nástroje pro konverzaci. Cílem je dohoda o struktuře ještě předtím, než kdokoli stráví čas na povrchu.