Wire

Proces i stvaranje 

framing

Ja, me, moa, ich...

• UI/UX Dizajner i front end developer u osječkoj tvrtci Mono.
• Suosnivač i organizator Frontend Meetup Osijek.
• Eno-gastro entuzijast i bloger na portalima istog ukusa.

Što je wireframing?

• Brzo skiciran i jednostavan prikaz dizajna mobilne aplikacije, web stranice ili bilo kojeg digitalnog proizvoda.

Što prikazuje?

• Glavne grupe informacija.
• Strukturu informacija vašeg proizvoda.
• Opis i osnovnu vizualizaciju korisničkog sučelja i njegovu interakciju sa sučeljem.

Wireframovi nisu beznačajne sive kutije, već "noseći stupovi" budućeg dizajna.

Manje je više!

• Predstaviti ideju što jednostavnije i što brže.
• Svima mora biti jasno što ste dizajnom htjeli reći.
• Ako komplicirate, ne idete u pravom smjeru.

Kvalitetni wireframeovi komuniciraju jasno put kojim treba ići i postavljaju cilj za finalni proizvod.

Kada koristiti?

• Na početku samog projekta.
• Za update manjih featurea na proizvodu.
• Za brzu izradu sučelja i korisničkog iskustva.

Wireframovi su brza i jeftina alternativa dugotrajnom i skupom procesu izrade kompletnog UI sučelja ili prototipa.  

Alati

• Proto.io
• UXPin
• Balsamiq
• InVision
• Axure
• Moqups
• Wireframe.cc

Hvala na pažnji!