Co znamená Wireframe?

Wireframe (česky "drátěný model") je zjednodušené, nízkofrekvenční vizuální znázornění struktury webové stránky nebo aplikace. Jeho hlavním úkolem je definovat rozložení jednotlivých prvků na obrazovce, jejich hierarchii a základní funkčnost, a to zcela bez grafického designu – nepoužívá barvy, konkrétní fonty ani obrázky. V podstatě je to architektonický plán, který ukazuje, "co" a "kde" bude, nikoliv "jak" to bude vypadat.

Cílem wireframu je soustředit diskusi výhradně na strukturu a uživatelskou cestu (user flow). Díky své jednoduchosti umožňuje rychle a levně testovat různé varianty rozložení obsahu a navigačních prvků. Tým se tak může v rané fázi projektu shodnout na základní kostře, aniž by ho rozptylovaly subjektivní debaty o barvách nebo vizuálním stylu. Slouží jako klíčový komunikační nástroj mezi designéry, vývojáři a klientem.

V procesu návrhu je wireframe zásadním krokem, který předchází tvorbě detailního grafického návrhu (UI designu). Jeho schválením se předejde nákladným změnám v pozdějších fázích vývoje, kdy je úprava hotového designu nebo naprogramované aplikace mnohonásobně složitější. Wireframe zajišťuje, že výsledný produkt bude postaven na pevných základech informační architektury a použitelnosti, což je předpoklad pro kvalitní uživatelský prožitek (UX).