Home  >  Blog   > Upotreba wireframea u web dizajnu

19/08/2022

Upotreba wireframea u web dizajnu

Tekst: Logobox

Slika u objavi

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.

 

 

POVEZANI ČLANCI

MARKETING

Kako LED lightbox banneri stvarno izgledaju na konferencijama (i zašto ih organizatori sve češće biraju)

MARKETING

“A kako si ti?” treći put: nastavljamo važan dijalog o mentalnom zdravlju u digitalnom dobu

GRAFIČKI DIZAJN

5 vrućih grafičkih dizajn trendova za 2026. – pretjerano, organski, nesavršeno

Posts