WIREFRAMESMake it functional not pretty!26-12-2012 – Hogeschool Utrecht // Vincent Sokolowski
wireframes     WIE BEN IK?     •  Vincent Sokolowski @sookov     •  Utrecht     •  Interaction Designer bij One Shoe     V...
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 hebbenVINCENT SOKOLOWSKI @SOOKOV
wireframes     THINGS YOU LIKE TO KNOW?     •  Vraag 1     •  Vraag 2     •  Vraag 3     •  …     VINCENT SOKOLOWSKI @SOOKOV
wireframes     WIREFRAMES & UXVINCENT 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             wireframes     WAT ZIJN WIREFRAMES?     WAT ZIJN WIREFRAMES?ADVERTISING & DIGITAL AGENCY VINCENT SOKO...
wireframes     SOORTEN WIREFRAMESVINCENT SOKOLOWSKI @SOOKOV
wireframes     SOORTEN WIREFRAMESVINCENT SOKOLOWSKI @SOOKOV
IN DE PRAKTIJK    Wat kom je tegen als Interaction DesignerVINCENT SOKOLOWSKI @SOOKOV
wireframes     #SPELREGELSVINCENT SOKOLOWSKI @SOOKOV
wiireframes     #KID IN A CANDY STOREVINCENT SOKOLOWSKI @SOOKOV
wireframes     #DOES IT MATCH USER- & BUSINESS GOALSADVERTISING & DIGITAL AGENCY VINCENT SOKOLOWSKI @SOOKOV
One Shoe     #DON’T DIVE TO DESIGN     WIREFRAMES ≠ DEEP      “The goal of wireframing is           “The goal of wireframi...
wireframes     MAKE IT FUNCTIONAL NOT PRETTYVINCENT SOKOLOWSKI @SOOKOV
wireframes     #CONTEXTADVERTISING & DIGITAL AGENCY VINCENT SOKOLOWSKI @SOOKOV
wireframes     #CONTEXTADVERTISING & DIGITAL AGENCY VINCENT SOKOLOWSKI @SOOKOV
wireframes     #RESPECT HET OSVINCENT SOKOLOWSKI @SOOKOV
wireframes     #HAALBAARHEIDVINCENT SOKOLOWSKI @SOOKOV
wireframes     #HAALBAARHEIDVINCENT SOKOLOWSKI @SOOKOV
wireframes     #OP DE WERKVLOERVINCENT SOKOLOWSKI @SOOKOV
VOORBEELDENVINCENT SOKOLOWSKI @SOOKOV
wireframes     VoorbeeldVINCENT SOKOLOWSKI @SOOKOV
wireframes     VoorbeeldVINCENT SOKOLOWSKI @SOOKOV
wireframes     Eneco gameVINCENT SOKOLOWSKI @SOOKOV
wireframes      BINNEN DE APPLICATIE VOOR EEN DESTINATIE     1.  Inspiratie     2.  Beleving     3.  Co-creatie     4.  Ni...
DON’T FORGET    …VINCENT SOKOLOWSKI @SOOKOV
wireframes     #DON’T LET IT BE A LUCKY SHOTVINCENT SOKOLOWSKI @SOOKOV
wireframes     #TELL A STORYVINCENT SOKOLOWSKI @SOOKOV
wireframes     WIREFRAMING IS NOT A MAGICAL DELIVERABLEVINCENT SOKOLOWSKI @SOOKOV
wireframes           One shoe     #ASK FOR FEEDBACKVINCENT SOKOLOWSKI @SOOKOV VINCENT SOKOLOWSKI @SOOKOV
wireframes     #ASK FOR FEEDBACKVINCENT SOKOLOWSKI @SOOKOV
One Shoe     #TIME IS MONEYADVERTISING & DIGITAL AGENCY VINCENT SOKOLOWSKI @SOOKOV
One Shoe      WIREFRAMES ≠ DEEP      DON’T DIVE TO DESIGN       “The goal of wireframing           “The goal of wireframin...
wireframes     MAKE IT FUNCTIONAL NOT PRETTYVINCENT SOKOLOWSKI @SOOKOV
wireframes     LEAPVINCENT SOKOLOWSKI @SOOKOV
BOOKS & BLOGS    …VINCENT SOKOLOWSKI @SOOKOV
wireframes     SOME NICE BOOKS & BLOGS      Blogs: JohnnyHolland, UXmatters, Smashingmagazine, UXBooth, Uxmovement,      B...
Upcoming SlideShare
Loading in …5
×

Guest lecture about Wireframing

614 views

Published on

My presentation from my guest lecture at Hogeschool Utrecht about wire framing

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
614
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
1
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Guest lecture about Wireframing

  1. 1. WIREFRAMESMake it functional not pretty!26-12-2012 – Hogeschool Utrecht // Vincent Sokolowski
  2. 2. wireframes WIE BEN IK? •  Vincent Sokolowski @sookov •  Utrecht •  Interaction Designer bij One Shoe VINCENT SOKOLOWSKI @SOOKOV
  3. 3. wireframes WIE IS ONE SHOE?VINCENT SOKOLOWSKI @SOOKOV
  4. 4. wireframes DIT ZIJN WIJ OOK JVINCENT SOKOLOWSKI @SOOKOV
  5. 5. VANDAAG Laten we het eens over wireframes gaan hebbenVINCENT SOKOLOWSKI @SOOKOV
  6. 6. wireframes THINGS YOU LIKE TO KNOW? •  Vraag 1 •  Vraag 2 •  Vraag 3 •  … VINCENT SOKOLOWSKI @SOOKOV
  7. 7. wireframes WIREFRAMES & UXVINCENT SOKOLOWSKI @SOOKOV
  8. 8. wireframes WAT ZIJN WIREFRAMES?VINCENT SOKOLOWSKI @SOOKOV
  9. 9. wireframes WAT ZIJN WIREFRAMES?VINCENT SOKOLOWSKI @SOOKOV
  10. 10. One Shoe WAT ZIJN WIREFRAMES?ADVERTISING & DIGITAL AGENCY
  11. 11. wireframes WAT ZIJN WIREFRAMES?VINCENT SOKOLOWSKI @SOOKOV
  12. 12. One Shoe wireframes WAT ZIJN WIREFRAMES? WAT ZIJN WIREFRAMES?ADVERTISING & DIGITAL AGENCY VINCENT SOKOLOWSKI @SOOKOV
  13. 13. wireframes SOORTEN WIREFRAMESVINCENT SOKOLOWSKI @SOOKOV
  14. 14. wireframes SOORTEN WIREFRAMESVINCENT SOKOLOWSKI @SOOKOV
  15. 15. IN DE PRAKTIJK Wat kom je tegen als Interaction DesignerVINCENT SOKOLOWSKI @SOOKOV
  16. 16. wireframes #SPELREGELSVINCENT SOKOLOWSKI @SOOKOV
  17. 17. wiireframes #KID IN A CANDY STOREVINCENT SOKOLOWSKI @SOOKOV
  18. 18. wireframes #DOES IT MATCH USER- & BUSINESS GOALSADVERTISING & DIGITAL AGENCY VINCENT SOKOLOWSKI @SOOKOV
  19. 19. One Shoe #DON’T DIVE TO DESIGN WIREFRAMES ≠ DEEP “The goal of wireframing is “The goal of wireframing is to communicate an to communicate an idea idea quickly. The faster you can create and quickly. The faster you can create and distribute your distribute your wireframes for review, the more wireframes for review, the more time you have to think, time you have to think, sketch, and revise your sketch, and revise your work.” work.”ADVERTISING & DIGITAL AGENCY BRON: UXMATTERS
  20. 20. wireframes MAKE IT FUNCTIONAL NOT PRETTYVINCENT SOKOLOWSKI @SOOKOV
  21. 21. wireframes #CONTEXTADVERTISING & DIGITAL AGENCY VINCENT SOKOLOWSKI @SOOKOV
  22. 22. wireframes #CONTEXTADVERTISING & DIGITAL AGENCY VINCENT SOKOLOWSKI @SOOKOV
  23. 23. wireframes #RESPECT HET OSVINCENT SOKOLOWSKI @SOOKOV
  24. 24. wireframes #HAALBAARHEIDVINCENT SOKOLOWSKI @SOOKOV
  25. 25. wireframes #HAALBAARHEIDVINCENT SOKOLOWSKI @SOOKOV
  26. 26. wireframes #OP DE WERKVLOERVINCENT SOKOLOWSKI @SOOKOV
  27. 27. VOORBEELDENVINCENT SOKOLOWSKI @SOOKOV
  28. 28. wireframes VoorbeeldVINCENT SOKOLOWSKI @SOOKOV
  29. 29. wireframes VoorbeeldVINCENT SOKOLOWSKI @SOOKOV
  30. 30. wireframes Eneco gameVINCENT SOKOLOWSKI @SOOKOV
  31. 31. wireframes BINNEN DE APPLICATIE VOOR EEN DESTINATIE 1.  Inspiratie 2.  Beleving 3.  Co-creatie 4.  Nieuwe business modellen 5.  Meetbaarheid ADVERTISING & DIGITAL AGENCY
  32. 32. DON’T FORGET …VINCENT SOKOLOWSKI @SOOKOV
  33. 33. wireframes #DON’T LET IT BE A LUCKY SHOTVINCENT SOKOLOWSKI @SOOKOV
  34. 34. wireframes #TELL A STORYVINCENT SOKOLOWSKI @SOOKOV
  35. 35. wireframes WIREFRAMING IS NOT A MAGICAL DELIVERABLEVINCENT SOKOLOWSKI @SOOKOV
  36. 36. wireframes One shoe #ASK FOR FEEDBACKVINCENT SOKOLOWSKI @SOOKOV VINCENT SOKOLOWSKI @SOOKOV
  37. 37. wireframes #ASK FOR FEEDBACKVINCENT SOKOLOWSKI @SOOKOV
  38. 38. One Shoe #TIME IS MONEYADVERTISING & DIGITAL AGENCY VINCENT SOKOLOWSKI @SOOKOV
  39. 39. One Shoe WIREFRAMES ≠ DEEP DON’T DIVE TO DESIGN “The goal of wireframing “The goal of wireframing is to communicate an is to communicate an idea quickly. The faster you can create and idea quickly. The faster you can create and distribute distribute your wireframes for review, the more your wireframes for review, the more time you have to time you have to think, sketch, and revise your think, sketch, and revise your work.” work.”ADVERTISING & DIGITAL AGENCY BRON: UXMATTERS
  40. 40. wireframes MAKE IT FUNCTIONAL NOT PRETTYVINCENT SOKOLOWSKI @SOOKOV
  41. 41. wireframes LEAPVINCENT SOKOLOWSKI @SOOKOV
  42. 42. BOOKS & BLOGS …VINCENT SOKOLOWSKI @SOOKOV
  43. 43. wireframes SOME NICE BOOKS & BLOGS Blogs: JohnnyHolland, UXmatters, Smashingmagazine, UXBooth, Uxmovement, Boxesandarrows, LukeW. VINCENT SOKOLOWSKI @SOOKOV

×