0
Hi, Failcon people.
Emphasis on User Experience
Lo-fi Methods, Tools, Tips & Tricks
Product & Service Design
Based in San Francisco
A bit abou...
Good Design Faster is an immersive workshop
that takes you from back-of-the-napkin sketching
to interactive prototyping in...
My own story of failure
My own story of failure
Leah Buley,
Leah Buley,
An approach that...
1. Sketch and explore ideas
2. Bring lots of ideas together
3. Share and iterate with the team
Bring lots of
ideas together
Our Process
PEOPLE!
Sketch and
explore ideas
Share & iterate
with the team
Bring lots of
ideas together
Our Process
PEOPLE!
Sketch and
explore ideas
Share & iterate
with the team
Rules of thumb for design sketching
Use markers and pens, not pencils
• our goal is fast rather than perfect
If you mess u...
Sketching tools
Yellow marker
Fat
Regular
Small
Gray marker
Sharpie markers
Start here
Sketching tools
Yellow marker
Fat
Regular
Small
Gray marker
Sharpie markers
Start here
More attention
Sketching tools
Yellow marker
Fat
Regular
Small
Gray marker
Sharpie markers
Start here
More attention
Look at me!
Sketching tools
Yellow marker
Fat
Regular
Small
Gray marker
Sharpie markers
Start here
More attention
Depth:
Pop forward
P...
ACTIVITY ONE:Cheat #3: line weight
Courtesy of Brandon Schauer
ACTIVITY ONE:Cheat #1: highlighting
Build-a-Bike
Courtesy of Rachel Glaves
ACTIVITY ONE:Cheat #2: shading / warm gray
Courtesy of Rachel Glaves
Helpful sketching patterns
Header
Tab
User
Picture
Photo
Video
Filler text
Pop-up
Module
Arrows
Larger ones can
communicat...
What to sketch when
Exploratory sketches
Wildly varied
Meaningful only to you
Low fidelity
Unsubtle
Refinement sketches
More realistic
Interpretable by others
Higher fidelity
Within a framework
ACTIVITY ONE:
1. Grab a sketching template
2. Fill in the boxes with 6 DIFFERENT ideas for the
same problem—a mobile app f...
Bring lots of
ideas together
Our Process
PEOPLE!
Sketch and
explore ideas
Share & iterate
with the team
Enter Sketchboards
How to make a sketchboard
In this case, size matters
The structure can change
(use stickies to keep it flexible)
Include anything that drives your thinking
A healthy sketchboard has depth and breadth
Bring lots of
ideas together
Our Process
PEOPLE!
Sketch and
explore ideas
Share & iterate
with the team
How?
How?
The goal
Tips for getting good feedback
ACTIVITY ONE:
1. Working quickly, add a stickie note to the
sketchboard for every question or concern
that you have
2. As ...
It really works
I want to try this
on my marriage!”
Good Design Faster Attendee from Portland, OR Startup
“
There is a drastic difference in the way
stakeholders are getting involved and
it is really great. The only problem was
ge...
THE most effective method for
creating a shared understanding of the
end users experience, and for
identifying new opportu...
Bringing it all together
The 5-day sprint
Iterating sprints
Sketchboards are just a jumping off point
Front
Office
Back
Office
Customer
Action
Sketchboards: Discover Better + Faster UX Solutions
Brandon Schauer | http://www.adaptivepath.com/ideas/essays/archives/00...
Good design faster slides   failcon 2010
Good design faster slides   failcon 2010
Good design faster slides   failcon 2010
Good design faster slides   failcon 2010
Upcoming SlideShare
Loading in...5
×

Good design faster slides failcon 2010

17,207

Published on

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

3 Comments
75 Likes
Statistics
Notes
No Downloads
Views
Total Views
17,207
On Slideshare
0
From Embeds
0
Number of Embeds
14
Actions
Shares
0
Downloads
399
Comments
3
Likes
75
Embeds 0
No embeds

No notes for slide

Transcript of "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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×