Hi, Failcon people.
Emphasis on User Experience
Lo-fi Methods, Tools, Tips & Tricks
Product & Service Design
Based in San Francisco
A bit about me
Leah Buley
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
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 up, keep going
If you really mess up, grab a new page
Yellow marker
Gray marker
Sharpie markers
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
Push back
Look at me!
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-upModule
ArrowsLarger ones can
communicate weight, or act as labels
Side-scrolling Module
Drop ShadowsCommunicate depth and
bring attention to callouts or popup boxes
Calendar
Page curl
Mouse CursorQuietly indicates a
rollover state
CalloutsCan show alerts, help, guidance or
sketch annotations
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 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
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 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
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
Front Office
Back Office
Customer Action
Sketchboards: Discover Better + Faster UX SolutionsBrandon Schauer | http://www.adaptivepath.com/ideas/essays/archives/000863.php
Leah [email protected]
Resources to get you started
Made possible by the brilliance ofBrandon SchauerRachel GlavesKate Rutter
Good Design Faster, Boston, Nov 2011http://www.uie.com/events/uiconf
The User Experience Team of One (a book in the making)http://www.rosenfeldmedia.com
Top Related