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?

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.”

DON’T DIVE TO DEEP

BRON: UXMATTERS

wireframes

MAKE IT FUNCTIONAL NOT PRETTY

VINCENT SOKOLOWSKI @SOOKOV

wireframes

LEAP

VINCENT SOKOLOWSKI @SOOKOV

BOOKS & BLOGS …

VINCENT SOKOLOWSKI @SOOKOV

wireframes

SOME NICE BOOKS & BLOGS

VINCENT SOKOLOWSKI @SOOKOV

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