• Save
Right Way to Wireframe
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Right Way to Wireframe

on

  • 14,945 views

 

Statistics

Views

Total Views
14,945
Views on SlideShare
10,731
Embed Views
4,214

Actions

Likes
111
Downloads
0
Comments
4

39 Embeds 4,214

http://konigi.com 2336
http://cgt256.wordpress.com 1000
http://marcogriffiths.wordpress.com 210
http://www.wireframewednesday.com 117
http://www.hackstartups.com 111
http://www.sparkhouse.com 103
http://www.slideshare.net 61
http://blog.websourcing.fr 51
http://cgt512.wordpress.com 41
http://www.konigi.com 41
http://www.linkedin.com 27
http://www.felgner.ch 27
http://www.usercentered.de 23
http://simpleandopen.blogspot.com 10
http://cancers25.kassuri.com 8
http://felgner.ch 6
http://feeds.feedburner.com 3
http://www.stereoprototype.com 3
http://static.slidesharecdn.com 3
http://uxdesigner.dk 3
http://simpleandopen.blogspot.de 3
http://translate.googleusercontent.com 3
http://jbaeck.posterous.com 2
http://reader.googleusercontent.com 2
http://www.netvibes.com 2
http://forum.sparkhouse.com 2
http://feeds2.feedburner.com 2
http://hackstartups.tumblr.com 2
https://jujo00obo2o234ungd3t8qjfcjrs3o6k-a-sites-opensocial.googleusercontent.com 2
http://simpleandopen.blogspot.kr 1
http://wireframing37.rssing.com 1
https://courses.quinnipiac.edu 1
http://us-w1.rockmelt.com 1
file:// 1
http://mail.gvpa.net 1
http://mail.luminoscounseling.com 1
http://ludovicbourgoin.com 1
http://www.lmodules.com 1
http://mail.eastlightprod.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />

Right Way to Wireframe Presentation Transcript

  • 1. Right Way to Wireframe SxSW 2010 @semanticwill
  • 2. Process Conceptual Model
  • 3. Simplified for those in marketing (or agencies)
  • 4. Fallacy If the process is repeatable, then success is repeatable
  • 5. Requirements Analysis Measure Twice, Cut Once.
  • 6. Requirements Analysis Measure Twice, Cut Once. or: Stakeholders Lie.
  • 7. Information Architecture Information Architecture
  • 8. Personas Measure 3x, Cut Once.
  • 9. Personas Measure 3x, Cut Once. or: People Lie.
  • 10. Conceptual Models
  • 11. Functional Sitemaps
  • 12. Sketching Wireflows
  • 13. Annotated Wireflows
  • 14. Sketching
  • 15. Sketching I see sketching as an important pre- wireframing technique for doing divergent and transformative design, something that fundamentally differentiates Designers from the wireframe monkeys.
  • 16. Sketching A particular problem space is de ned and enframed by the tools we feel most comfortable with...
  • 17. Find inspiration where you can Sketching
  • 18. Lock the flow
  • 19. Lock the flow Critical to keep sketches quick and cheap to create • One of the best opportunities to innovate • Way cheaper at the outset than later on
  • 20. Iterate screens
  • 21. Wireframing Wireframes act as a form of ʻthinking deviceʼ for the setting and exploration of a given problem space
  • 22. Wireframing Home Page 1
  • 23. Wireframing Home Page 1 Designing through the use of wireframes is a search in a problem space of alternatives...
  • 24. Wireframing
  • 25. Wireframing it’s a process of problem setting as much as it is a process of problem solving, which means that I always start with the context
  • 26. Wireframing
  • 27. Wireframing
  • 28. Wireframing
  • 29. Visual Design
  • 30. Visual Design Ain’t painting by fucking numbers
  • 31. Iteration 1
  • 32. Iteration 2
  • 33. Explore crazy ideas
  • 34. View Loans
  • 35. View Loan Details
  • 36. Thanks. SxSW2010 @semanticwill