Wireframe

Wireframe je vizuální reprezentace rozložení webové stránky nebo aplikace v nízké míře detailu (low-fidelity), která ukazuje strukturu, umístění obsahu a funkční prvky bez detailů vizuálního designu, jako jsou barvy, typografie nebo obrázky. Wireframy používají jednoduché tvary, čáry a zástupný text, aby sdělily informační hierarchii, navigační vzorce a vztahy mezi prvky stránky.

Wireframy slouží jako plány, které sladí zadavatele, designéry a vývojáře na začátku projektu, ještě než se investuje významné úsilí do designu nebo vývoje. Umožňují levně prozkoumat více variant rozložení a získat zpětnou vazbu ke struktuře dřív, než se rozhodne o směru. Mezi běžné nástroje pro wireframing patří Figma, Sketch, Balsamiq, ale i skici na papíře. U projektů vývoje webu wireframing předchází nákladné chybě, kdy se skočí rovnou do vizuálního designu nebo kódu dřív, než je ověřená informační architektura a uživatelské toky. Výstup překlenuje mezeru mezi konceptuálními nápady a detailními vizuálními návrhy a zajišťuje, že se všichni shodnou na tom, co má stránka obsahovat a jak má být uspořádaná.