Wireframe ne prikazuje kako bi web stranica trebala izgledati, nego kako bi trebala funkcionirati
Wireframe se može definirati kao skica, maketa, grubi model koji prikazuje strukturu web stranice u nastajanju. Wireframe je u web dizajnu često oruđe u početnoj fazi, prije početka izrade web stranice. Komunikacijski elementi ovdje nisu fotografija, tipografija i tekst, već “kućice”, strelice, etikete, natuknice i sl.
Wireframe nudi okviran raspored sadržaja tj. elemenata web stranice i opis njihovog ponašanja te nam služi kao svojevrsno pomagalo za prezentaciju zamisli vezanih za stranicu u nastajanju. U ovoj fazi rada još se ne pristupa razradi detalja vezanima za tipografiju, boju i stil. Da pojednostavimo, wireframe ne prikazuje kako bi web stranica trebala izgledati, nego kako bi trebala funkcionirati.
Svrha ovog krajnje pojednostavljenog pristupa radu je izbjegavanje potencijalnih pogrešnih koraka. Zato je i pristup sastavljanju wireframea toliko jednostavan – skiciranje rukom na listu papira ili uz pomoć jednostavnog softverskog programa (MockFlow, Wireframe.cc, Cacoo i Mockingbird su samo neki) dopušta brzo i učinkovito prikazivanje shema, kao i jednostavno korigiranje u skladu sa zahtjevima klijenta. Tako web dizajner uspijeva kvalitetnije uključiti klijenta u proces rada i lakše dolazi do definitivnog smjera u kojem treba ići u sljedećoj fazi. Osim toga, ako imate wireframe veća je vjerojatnost da će se usuglašavanje s naručiteljem ubrzati i dobiti na dragocjenom vremenu potrebnom za detaljnu razradu idejnog rješenja koje slijedi.
Kod izrade wireframea treba se osloniti na tri čimbenika koji su također u fokusu i kada pričamo o finaliziranoj web stranici: informacije, navigacija i sučelje.
Oblikovanje informacije bavi se problematikom prezentiranja sadržaja, slaganjem po prioritetu i redoslijedu kojima je razumijevanje najvažniji cilj. Obzirom da je informacija rijetko isključivo verbalna ili potpuno statična, spomenuti segmenti se međusobno isprepliću i ‘uvažavaju’.
Navigacija je bitan čimbenik weba kao protočnog, interaktivnog medija. Često nije samo opravdano, već i poželjno usmjeriti, navigirati korisnika ka željenoj informaciji. Koncizna i očita navigacija je dobra navigacija.
Oblikovanje sučelja odnosi se na vizualnu komunikaciju. Ne postoji monolitan set pravila koji iskustvo na webu čine ugodnim i uspješnim. Efikasnost dizajna je drukčija od slučaja do slučaja. Uspješna komunikacija je svakako temelj uspjeha u ovom slučaju.
Spomenute stavke ne treba shvatiti doslovno, poput priručnika za sastavljanje komada namještaja. Web ne poznaje standardne, unaprijed poznate dijelove. No, uvažavanje ovih čimbenika svakako pomaže, pogotovo u kombinaciji s dobrom starom olovkom i listovima papira. Zapravo puno listova papira.