• Početna
  • Usluge
    • Grafički dizajn
    • Izrada web stranica
    • Oglašavanje na društvenim mrežama
    • Google Adwords oglašavanje
    • Content marketing
    • E-mail marketing
    • Optimizacija za tražilice (SEO)
    • Optimizacija konverzija (CRO)
    • Web analitika
    • Video marketing
    • Tisak
    • Sustavi za prezentaciju
  • Upoznaj nas
  • Radovi
  • Blog
  • Kontakt
  • HR
logobox
logobox

Upotreba wireframea u web dizajnu

Ana Cvetković
2. veljače 2018.
Web dizajn
wireframe-webdesign
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.

wireframe-for-website

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.

: web dizajn, web stranica, wireframe
Avatar
Ana Cvetković

Kategorije

  • AdWords oglašavanje (3)
  • Content marketing (4)
  • Digitalni marketing (6)
  • Društvene mreže (12)
  • Grafički dizajn (11)
  • Novosti (7)
  • Video marketing (1)
  • Web dizajn (8)

Oznake

AdWords boja brend content content marketing DAMconf digitalni marketing dizajn društvene mreže e-mail Facebook fotoaparat fotografija Google grafički dizajn inbound marketing infografika Instagram konverzija live video logotip marketinška strategija medijska objava metrika odnosi s javnošću oglas oglašavanje Photoshop pr prijelom remarketing responzivni web dizajn sadržaj SEO Snapchat stock fotografija struktura teksta targetiranje tekst tipografija tražilica video vizualni identitet web dizajn web stranica

LOGOBOX d.o.o.
Ured: Trg žrtava fašizma 6
10 000 Zagreb
T: +385 1 5574 320
E: [email protected]

Pretplati se na naš newsletter

Pravila privatnosti

Facebook
Twitter
LinkedIn
Instagram

LOGOBOX d.o.o.
Ured: Tomislavova 11
Sjedište: A. Šoljana 22
10 000 Zagreb
T: +385 1 5574 320
E: [email protected]

Pretplati se na naš newsletter

Ova web stranica koristi kolačiće (eng. cookies) zbog pružanja boljeg korisničkog iskustva i funkcionalnosti. Više informacija o kolačićima pronađite u pravilima privatnosti. Prihvaćam
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Uvijek omogućeno
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Non-necessary
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
Spremi i prihvati
 Logo Header Menu
  • Početna
  • Usluge
    • Grafički dizajn
    • Izrada web stranica
    • Oglašavanje na društvenim mrežama
    • Google Adwords oglašavanje
    • Content marketing
    • E-mail marketing
    • Optimizacija za tražilice (SEO)
    • Optimizacija konverzija (CRO)
    • Web analitika
    • Video marketing
    • Tisak
    • Sustavi za prezentaciju
  • Upoznaj nas
  • Radovi
  • Blog
  • Kontakt
  • HR