Your SlideShare is downloading. ×
Good design faster slides   failcon 2010
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Good design faster slides failcon 2010

15,242
views

Published on

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

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


3 Comments
70 Likes
Statistics
Notes
No Downloads
Views
Total Views
15,242
On Slideshare
0
From Embeds
0
Number of Embeds
12
Actions
Shares
0
Downloads
377
Comments
3
Likes
70
Embeds 0
No embeds

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. Hi, Failcon people.
  • 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. 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. My own story of failure
  • 5. My own story of failure
  • 6. Leah Buley,
  • 7. Leah Buley,
  • 8. An approach that...
  • 9. 1. Sketch and explore ideas
  • 10. 2. Bring lots of ideas together
  • 11. 3. Share and iterate with the team
  • 12. Bring lots of ideas together Our Process PEOPLE! Sketch and explore ideas Share & iterate with the team
  • 13. Bring lots of ideas together Our Process PEOPLE! Sketch and explore ideas Share & iterate with the team
  • 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. Sketching tools Yellow marker Fat Regular Small Gray marker Sharpie markers Start here
  • 16. Sketching tools Yellow marker Fat Regular Small Gray marker Sharpie markers Start here More attention
  • 17. Sketching tools Yellow marker Fat Regular Small Gray marker Sharpie markers Start here More attention Look at me!
  • 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. ACTIVITY ONE:Cheat #3: line weight Courtesy of Brandon Schauer
  • 20. ACTIVITY ONE:Cheat #1: highlighting Build-a-Bike Courtesy of Rachel Glaves
  • 21. ACTIVITY ONE:Cheat #2: shading / warm gray Courtesy of Rachel Glaves
  • 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. What to sketch when
  • 24. Exploratory sketches Wildly varied Meaningful only to you Low fidelity Unsubtle
  • 25. Refinement sketches More realistic Interpretable by others Higher fidelity Within a framework
  • 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. Bring lots of ideas together Our Process PEOPLE! Sketch and explore ideas Share & iterate with the team
  • 28. Enter Sketchboards
  • 29. How to make a sketchboard
  • 30. In this case, size matters
  • 31. The structure can change (use stickies to keep it flexible)
  • 32. Include anything that drives your thinking
  • 33. A healthy sketchboard has depth and breadth
  • 34. Bring lots of ideas together Our Process PEOPLE! Sketch and explore ideas Share & iterate with the team
  • 35. How?
  • 36. How?
  • 37. The goal
  • 38. Tips for getting good feedback
  • 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. It really works
  • 41. I want to try this on my marriage!” Good Design Faster Attendee from Portland, OR Startup “
  • 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. 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. Bringing it all together
  • 45. The 5-day sprint
  • 46. Iterating sprints
  • 47. Sketchboards are just a jumping off point Front Office Back Office Customer Action
  • 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