Guest lecture about Wireframing

WIREFRAMES Make it functional not pretty!

26-12-2012 – Hogeschool Utrecht // Vincent Sokolowski

wireframes

WIE BEN IK?

VINCENT SOKOLOWSKI @SOOKOV

•  Vincent Sokolowski @sookov •  Utrecht •  Interaction Designer bij One Shoe

wireframes

WIE IS ONE SHOE?


wireframes

DIT ZIJN WIJ OOK J


VANDAAG Laten we het eens over wireframes gaan hebben


wireframes

THINGS YOU LIKE TO KNOW?


•  Vraag 1 •  Vraag 2 •  Vraag 3 •  …

wireframes

WIREFRAMES & UX


wireframes

WAT ZIJN WIREFRAMES?


wireframes



One Shoe


ADVERTISING & DIGITAL AGENCY

wireframes



One Shoe


ADVERTISING & DIGITAL AGENCY VINCENT SOKOLOWSKI @SOOKOV

wireframes


wireframes

SOORTEN WIREFRAMES


wireframes

SOORTEN WIREFRAMES


IN DE PRAKTIJK Wat kom je tegen als Interaction Designer


wireframes

#SPELREGELS


wiireframes

#KID IN A CANDY STORE



wireframes

#DOES IT MATCH USER- & BUSINESS GOALS


One Shoe

WIREFRAMES ≠ DESIGN


“The goal of wireframing is to communicate an idea quickly. The faster you can create and

distribute your wireframes for review, the more time you have to think, sketch, and revise your

work.”

“The goal of wireframing is to communicate an idea quickly. The faster you can create and distribute your wireframes for review, the more time you have to think, sketch, and revise your work.”

#DON’T DIVE TO DEEP

BRON: UXMATTERS

wireframes

MAKE IT FUNCTIONAL NOT PRETTY



wireframes

#CONTEXT



wireframes

#CONTEXT


wireframes

#RESPECT HET OS


wireframes

#HAALBAARHEID


wireframes

#HAALBAARHEID


wireframes

#OP DE WERKVLOER


VOORBEELDEN


Voorbeeld wireframes


Voorbeeld wireframes


Eneco game wireframes


BINNEN DE APPLICATIE VOOR EEN DESTINATIE

1.  Inspiratie 2.  Beleving 3.  Co-creatie 4.  Nieuwe business modellen 5.  Meetbaarheid


wireframes

DON’T FORGET …


wireframes

#DON’T LET IT BE A LUCKY SHOT


wireframes

#TELL A STORY


wireframes

WIREFRAMING IS NOT A MAGICAL DELIVERABLE


One shoe

#ASK FOR FEEDBACK

VINCENT SOKOLOWSKI @SOOKOV VINCENT SOKOLOWSKI @SOOKOV

wireframes

#ASK FOR FEEDBACK

wireframes

#ASK FOR FEEDBACK



One Shoe

#TIME IS MONEY


One Shoe

WIREFRAMES ≠ DESIGN


“The goal of wireframing is to communicate an idea quickly. The faster you can create and

distribute your wireframes for review, the more time you have to think, sketch, and revise your

work.”

“The goal of wireframing is to communicate an idea quickly. The faster you can create and distribute your wireframes for review, the more time you have to think, sketch, and revise your work.”

DON’T DIVE TO DEEP

BRON: UXMATTERS

wireframes

MAKE IT FUNCTIONAL NOT PRETTY


wireframes

LEAP


BOOKS & BLOGS …


wireframes

SOME NICE BOOKS & BLOGS


Blogs: JohnnyHolland, UXmatters, Smashingmagazine, UXBooth, Uxmovement, Boxesandarrows, LukeW.