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

Like this? Share it with your network

Share
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
15,083
On Slideshare
10,820
From Embeds
4,263
Number of Embeds
40

Actions

Shares
Downloads
0
Comments
4
Likes
111

Embeds 4,263

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

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide































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