Definícia
Wireframe je zjednodušený návrh štruktúry a funkcionality webovej stránky alebo aplikácie, ktorý bez farieb, fontov a grafiky určuje rozloženie jednotlivých prvkov na obrazovke.
Popis
Wireframe pomáha klientovi predstaviť si, aké sekcie, texty a funkcie bude web obsahovať, ešte pred tvorbou grafického dizajnu. Zmeny v štruktúre sú v tejto fáze rýchlejšie a lacnejšie než po dokončení dizajnu, preto sa wireframe oplatí odsúhlasiť ešte pred ďalšími krokmi.
Pripravuje ho zvyčajne webdesignér alebo UX špecialista po analýze cieľov webu, napríklad landing page alebo celej stránky, a to ešte pred návrhom responsive designu pre jednotlivé zariadenia.
Wireframe môže mať rôznu formu – od jednoduchých čiernobielych skíc (low-fidelity), ktoré vzniknú aj na papieri, až po interaktívne prototypy v nástrojoch ako Figma, ktoré už simulujú správanie hotového webu (high-fidelity).
Wireframe vs. dizajn
Wireframe rieši len štruktúru a funkčnosť stránky, zatiaľ čo finálny dizajn dopĺňa farby, typografiu, obrázky a vizuálnu identitu značky. Prechod z wireframe do dizajnu je bežný krok v procese tvorby každého nového webu.