My presentation from my guest lecture at Hogeschool Utrecht about wire framing
TRANSCRIPT
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?
VINCENT SOKOLOWSKI @SOOKOV
wireframes
DIT ZIJN WIJ OOK J
VINCENT SOKOLOWSKI @SOOKOV
VANDAAG Laten we het eens over wireframes gaan hebben
VINCENT SOKOLOWSKI @SOOKOV
wireframes
THINGS YOU LIKE TO KNOW?
VINCENT SOKOLOWSKI @SOOKOV
• Vraag 1 • Vraag 2 • Vraag 3 • …
wireframes
WIREFRAMES & UX
VINCENT SOKOLOWSKI @SOOKOV
wireframes
WAT ZIJN WIREFRAMES?
VINCENT SOKOLOWSKI @SOOKOV
wireframes
WAT ZIJN WIREFRAMES?
VINCENT SOKOLOWSKI @SOOKOV
One Shoe
WAT ZIJN WIREFRAMES?
ADVERTISING & DIGITAL AGENCY
wireframes
WAT ZIJN WIREFRAMES?
VINCENT SOKOLOWSKI @SOOKOV
One Shoe
WAT ZIJN WIREFRAMES?
ADVERTISING & DIGITAL AGENCY VINCENT SOKOLOWSKI @SOOKOV
wireframes
WAT ZIJN WIREFRAMES?
wireframes
SOORTEN WIREFRAMES
VINCENT SOKOLOWSKI @SOOKOV
wireframes
SOORTEN WIREFRAMES
VINCENT SOKOLOWSKI @SOOKOV
IN DE PRAKTIJK Wat kom je tegen als Interaction Designer
VINCENT SOKOLOWSKI @SOOKOV
wireframes
#SPELREGELS
VINCENT SOKOLOWSKI @SOOKOV
wiireframes
#KID IN A CANDY STORE
VINCENT SOKOLOWSKI @SOOKOV
ADVERTISING & DIGITAL AGENCY
wireframes
#DOES IT MATCH USER- & BUSINESS GOALS
VINCENT SOKOLOWSKI @SOOKOV
One Shoe
WIREFRAMES ≠ DESIGN
ADVERTISING & DIGITAL AGENCY
“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
VINCENT SOKOLOWSKI @SOOKOV
ADVERTISING & DIGITAL AGENCY
wireframes
#CONTEXT
VINCENT SOKOLOWSKI @SOOKOV
ADVERTISING & DIGITAL AGENCY
wireframes
#CONTEXT
VINCENT SOKOLOWSKI @SOOKOV
wireframes
#RESPECT HET OS
VINCENT SOKOLOWSKI @SOOKOV
wireframes
#HAALBAARHEID
VINCENT SOKOLOWSKI @SOOKOV
wireframes
#HAALBAARHEID
VINCENT SOKOLOWSKI @SOOKOV
wireframes
#OP DE WERKVLOER
VINCENT SOKOLOWSKI @SOOKOV
VOORBEELDEN
VINCENT SOKOLOWSKI @SOOKOV
Voorbeeld wireframes
VINCENT SOKOLOWSKI @SOOKOV
Voorbeeld wireframes
VINCENT SOKOLOWSKI @SOOKOV
Eneco game wireframes
VINCENT SOKOLOWSKI @SOOKOV
BINNEN DE APPLICATIE VOOR EEN DESTINATIE
1. Inspiratie 2. Beleving 3. Co-creatie 4. Nieuwe business modellen 5. Meetbaarheid
ADVERTISING & DIGITAL AGENCY
wireframes
DON’T FORGET …
VINCENT SOKOLOWSKI @SOOKOV
wireframes
#DON’T LET IT BE A LUCKY SHOT
VINCENT SOKOLOWSKI @SOOKOV
wireframes
#TELL A STORY
VINCENT SOKOLOWSKI @SOOKOV
wireframes
WIREFRAMING IS NOT A MAGICAL DELIVERABLE
VINCENT SOKOLOWSKI @SOOKOV
One shoe
#ASK FOR FEEDBACK
VINCENT SOKOLOWSKI @SOOKOV VINCENT SOKOLOWSKI @SOOKOV
wireframes
#ASK FOR FEEDBACK
wireframes
#ASK FOR FEEDBACK
VINCENT SOKOLOWSKI @SOOKOV
ADVERTISING & DIGITAL AGENCY
One Shoe
#TIME IS MONEY
VINCENT SOKOLOWSKI @SOOKOV
One Shoe
WIREFRAMES ≠ DESIGN
ADVERTISING & DIGITAL AGENCY
“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.”