Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!

Good design faster slides failcon 2010

on

  • 14,909 views

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

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

Statistics

Views

Total Views
14,909
Views on SlideShare
13,806
Embed Views
1,103

Actions

Likes
61
Downloads
354
Comments
3

21 Embeds 1,103

http://de.slideshare.net 577
http://scm.ulster.ac.uk 232
http://candidosalesg.wordpress.com 196
http://aiden-l.dmlive.co.nz 24
http://3fraises.com 17
http://shawnroe.tumblr.com 16
http://www.evastevens.com 13
http://evastevens.com 5
https://candidosalesg.wordpress.com 5
https://twitter.com 5
https://si0.twimg.com 2
http://flavors.me 2
http://www.linkedin.com 1
http://cloud.feedly.com 1
http://www.usercentered.de 1
http://pinterest.com 1
http://193.61.148.36:8080 1
http://translate.googleusercontent.com 1
https://twimg0-a.akamaihd.net 1
http://us-w1.rockmelt.com 1
http://withit.ca 1
More...

Accessibility

Upload Details

Uploaded via as Adobe PDF

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

Good design faster slides   failcon 2010 Good design faster slides failcon 2010 Presentation Transcript

  • Hi, Failcon people.
  • A bit about me Leah Buley Based in San Francisco Product & Service Design Emphasis on User Experience Lo-fi Methods, Tools, Tips & Tricks
  • 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.
  • 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
  • Our Process Sketch and Bring lots of Share & iterate explore ideas ideas together with the team PEOPLE!
  • Our Process Sketch and Bring lots of Share & iterate explore ideas ideas together with the team PEOPLE!
  • Rules of thumb for design sketching Use markers and pens, not pencils Yellow marker • our goal is fast rather than perfect Sharpie markers If you mess up, keep going Gray marker If you really mess up, grab a new page
  • Sketching tools Yellow marker Sharpie markers Fat Regular Start here Small Gray marker
  • Sketching tools Yellow marker Sharpie markers More attention Fat Regular Start here Small Gray marker
  • Sketching tools Yellow marker Look at me! Sharpie markers More attention Fat Regular Start here Small Gray marker
  • Sketching tools Yellow marker Look at me! Sharpie markers More attention Fat Regular Start here Small Gray marker Depth: Pop forward Push back
  • ACTIVITY ONE:weight Cheat #3: line 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 Callouts Header Can show alerts, Drop Shadows help, guidance or Communicate depth and sketch annotations bring attention to Tab callouts or popup boxes Filler text Pop-up Calendar Module User Picture Page curl Arrows Photo Larger ones can communicate weight, or act as labels Mouse Cursor Video Quietly indicates a rollover state Side-scrolling Module
  • What to sketch when
  • Exploratory sketches Meaningful only to you Low fidelity Wildly varied Unsubtle
  • Refinement sketches Interpretable by others Higher fidelity More realistic Within a framework
  • ACTIVITY ONE: Exploratory Sketching | An Experiment INSTRUCTIONS 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. in 10 minutes
  • Our Process Sketch and Bring lots of Share & iterate explore ideas ideas together with the team PEOPLE!
  • 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
  • Our Process Sketch and Bring lots of Share & iterate explore ideas ideas together with the team PEOPLE!
  • How?
  • How?
  • The goal
  • Tips for getting good feedback
  • ACTIVITY ONE: How to run a black hat session INSTRUCTIONS 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 Try to limit to 20 minutes
  • 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 getting a war room.” Good Design Faster Attendee from Consumer Reports
  • “ 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
  • Bringing it all together
  • The 5-day sprint
  • Iterating sprints
  • Sketchboards are just a jumping off point Customer Action Front Office Back Office
  • Resources to get you started Leah Buley leah@adaptivepath.com The User Experience Team of One (a book in the making) http://www.rosenfeldmedia.com Good Design Faster, Boston, Nov 2011 http://www.uie.com/events/uiconf Sketchboards: Discover Better + Faster UX Solutions Brandon Schauer | http://www.adaptivepath.com/ideas/essays/archives/000863.php Made possible by the brilliance of Brandon Schauer Rachel Glaves Kate Rutter