Good design faster slides failcon 2010

22,080 views
22,203 views

Published on

Slides from Leah Buley's FailCon Workshop on Good Design Faster

3 Comments
79 Likes
Statistics
Notes
No Downloads
Views
Total views
22,080
On SlideShare
0
From Embeds
0
Number of Embeds
3,758
Actions
Shares
0
Downloads
423
Comments
3
Likes
79
Embeds 0
No embeds

No notes for slide

Good design faster slides failcon 2010

  1. 1. Hi, Failcon people.
  2. 2. Emphasis on User Experience Lo-fi Methods, Tools, Tips & Tricks Product & Service Design Based in San Francisco A bit about me Leah Buley
  3. 3. Good Design Faster is an immersive workshop that takes you from back-of-the-napkin sketching to interactive prototyping in two short days.   Learn an agile, fast-paced approach that yields surprisingly good results in surprisingly little time. Transform the way you tackle designing for fluid interactions, service design, and multi-channel experiences.
  4. 4. My own story of failure
  5. 5. My own story of failure
  6. 6. Leah Buley,
  7. 7. Leah Buley,
  8. 8. An approach that...
  9. 9. 1. Sketch and explore ideas
  10. 10. 2. Bring lots of ideas together
  11. 11. 3. Share and iterate with the team
  12. 12. Bring lots of ideas together Our Process PEOPLE! Sketch and explore ideas Share & iterate with the team
  13. 13. Bring lots of ideas together Our Process PEOPLE! Sketch and explore ideas Share & iterate with the team
  14. 14. Rules of thumb for design sketching Use markers and pens, not pencils • our goal is fast rather than perfect If you mess up, keep going If you really mess up, grab a new page Yellow marker Gray marker Sharpie markers
  15. 15. Sketching tools Yellow marker Fat Regular Small Gray marker Sharpie markers Start here
  16. 16. Sketching tools Yellow marker Fat Regular Small Gray marker Sharpie markers Start here More attention
  17. 17. Sketching tools Yellow marker Fat Regular Small Gray marker Sharpie markers Start here More attention Look at me!
  18. 18. Sketching tools Yellow marker Fat Regular Small Gray marker Sharpie markers Start here More attention Depth: Pop forward Push back Look at me!
  19. 19. ACTIVITY ONE:Cheat #3: line weight Courtesy of Brandon Schauer
  20. 20. ACTIVITY ONE:Cheat #1: highlighting Build-a-Bike Courtesy of Rachel Glaves
  21. 21. ACTIVITY ONE:Cheat #2: shading / warm gray Courtesy of Rachel Glaves
  22. 22. Helpful sketching patterns Header Tab User Picture Photo Video Filler text Pop-up Module Arrows Larger ones can communicate weight, or act as labels Side-scrolling Module Drop Shadows Communicate depth and bring attention to callouts or popup boxes Calendar Page curl Mouse Cursor Quietly indicates a rollover state Callouts Can show alerts, help, guidance or sketch annotations
  23. 23. What to sketch when
  24. 24. Exploratory sketches Wildly varied Meaningful only to you Low fidelity Unsubtle
  25. 25. Refinement sketches More realistic Interpretable by others Higher fidelity Within a framework
  26. 26. ACTIVITY ONE: 1. Grab a sketching template 2. Fill in the boxes with 6 DIFFERENT ideas for the same problem—a mobile app for Failcon. 3. If you get stuck, find your favorite sketch, and then think of its OPPOSITE. 4. If you get stuck again, sketch something that feels SOCIAL, or PERSONAL, or INFORMATIVE, or SURPRISING. INSTRUCTIONS Exploratory Sketching | An Experiment in 10 minutes
  27. 27. Bring lots of ideas together Our Process PEOPLE! Sketch and explore ideas Share & iterate with the team
  28. 28. Enter Sketchboards
  29. 29. How to make a sketchboard
  30. 30. In this case, size matters
  31. 31. The structure can change (use stickies to keep it flexible)
  32. 32. Include anything that drives your thinking
  33. 33. A healthy sketchboard has depth and breadth
  34. 34. Bring lots of ideas together Our Process PEOPLE! Sketch and explore ideas Share & iterate with the team
  35. 35. How?
  36. 36. How?
  37. 37. The goal
  38. 38. Tips for getting good feedback
  39. 39. ACTIVITY ONE: 1. Working quickly, add a stickie note to the sketchboard for every question or concern that you have 2. As a group, talk through the stickies, and decide how to improve the design to address issues raised 3. Re-sketch whatever is necessary INSTRUCTIONS How to run a black hat session Try to limit to 20 minutes
  40. 40. It really works
  41. 41. I want to try this on my marriage!” Good Design Faster Attendee from Portland, OR Startup “
  42. 42. There is a drastic difference in the way stakeholders are getting involved and it is really great. The only problem was getting a war room.” Good Design Faster Attendee from Consumer Reports “
  43. 43. THE most effective method for creating a shared understanding of the end users experience, and for identifying new opportunities for improvement or change.” Designer at ThoughtWorks “
  44. 44. Bringing it all together
  45. 45. The 5-day sprint
  46. 46. Iterating sprints
  47. 47. Sketchboards are just a jumping off point Front Office Back Office Customer Action
  48. 48. Sketchboards: Discover Better + Faster UX Solutions Brandon Schauer | http://www.adaptivepath.com/ideas/essays/archives/000863.php Leah Buley leah@adaptivepath.com Resources to get you started Made possible by the brilliance of Brandon Schauer Rachel Glaves Kate Rutter Good Design Faster, Boston, Nov 2011 http://www.uie.com/events/uiconf The User Experience Team of One (a book in the making) http://www.rosenfeldmedia.com

×