Date post: | 17-Aug-2014 |
Category: |
Design |
Upload: | karl-dotter |
View: | 12,184 times |
Download: | 2 times |
Sketching& Prototyping UX
@karldotter hashtag #sketchux
Lean UX Design Bootcamp 500 Startups
(starting with stories)
Thinking → Making
Tangible → Clarifies
Quick inexpensive disposable
Where do you start?
I’ll tell you a storyabout comics
making comics for shelternetwork.org
sketch scenarios fast.speed kills the censor.
identify actions,emotions, behavior
Remember your persona and POVs?
These are the POVs
When you go through the interview check o! if you validated any assumptions
Point of View:
• “Tell me about the last time you...”
• “Tell me about an experience you’ve had with...”
• “How did you feel when ____ happened?”
• “What were you feeling at that moment?”
• “Really, can you tell me why that matters?
• “Say more about that...I see... Do you know why you think that?
• “Okay. And that is important because...”
List of hypotheses:
[Insert User...(descriptive)] Needs
[Insert Needs...(verb)]
+
+ Because [Insert Insight...(compelling & surprising)] +
context
user goal
use
usability
Ability
Triggers
cheap, fast, simple
hope, fear,pleasure, pain
Add context
where is your persona?
Grab paper & pen
collect your thoughts
users context Use(goals/needs)
Themed ReleaseFeatures
Scribble your story
Friday, October 21, 11
Just a few lines is all it takes
Friday, October 21, 11
What are the emotions?
Friday, October 21, 11
UX Challenge,Your Turn (20min)
• Sketch out your POV in context, get at goals, needs, uses
• what are the riskiest scenarios to draw?
• High frequency moments: actions, emotions, behavior
Actions + emotions + behavior+ context, before a ui proto.
Examples and Stories ShopWell
Dojo
The Designer Fund
Friday, October 21, 11
At ShopWell we...tested with Paper prototypes
Friday, October 21, 11
At Dojo we...communicate with comics
Friday, October 21, 11
Identify the story
Friday, October 21, 11
Thumbnail it out
Friday, October 21, 11
Reduce the panels
Friday, October 21, 11
Test a rough mock
Friday, October 21, 11
Use your story to explain your product
Friday, October 21, 11
With The Designer Fund we...
started with sketches.
Friday, October 21, 11
We sketched the ecosystemwe wanted to build.
Friday, October 21, 11
Make a new sketch...Bring these guys back.
What would a sketched screen look like to achieve your scenario?
Challenge!• Pick a scenario from your sketches
• Build those as ui/screens so anyone here can try it out.
• You have 20 minutes.
Paper Prototyping• Build your solution with paper, markers,
post-its and tape
• “Paper” == whatever is easiest for you
Paper Prototyping• Fast, easy and cheap way to test your
hypotheses
• Uncover usability problems and hidden complexity before writing any code
Example!
Keep in mind• Build your prototype to test your
hypotheses.
• How will you measure success?
• Have a scenario and questions ready for your testers.
Challenge!• Build the screens you just sketched so
anyone here can try it out.
• You have 20 minutes.
See What I mean: How to usecomics to communicate ideasby Kevin Cheng
http://rosenfeldmedia.com/books/comics/
Resources:
Making Comicsby Scott McCloudhttp://scottmccloud.com/
Friday, October 21, 11
now, how willyou test further?...
Sketching & Prototyping UX
@karldotter hashtag #sketchux
Thank you 500startups #000 + #001 monsters, Enrique Allen, Rick Boardman, Miche Capone, Thomas Both, Laura Klein & Janice Fraser
+ more!