Upload
microsoft-mobile-developer
View
1.086
Download
0
Tags:
Embed Size (px)
DESCRIPTION
You know it’s important to test your app before you publish it, but if you’re testing only your code, you’re testing only part of your app. It’s important to find bugs in your design as well. Otherwise, the app may behave exactly the way your code intends, but users may still find it frustrating and give it low ratings in Nokia Store. UX expert Jan Krebber of Digia presents simple methods to find UX bugs and shows you how to correct them. These techniques can help you increase your app quality whether you work with a large organisation or on your own.
Citation preview
Jan Krebber Senior Interaction Designer Digia
1 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
DEBUG YOUR DESIGN FOR SERIES 40 FULL TOUCH
Overview • Before we start • Usability optimized • Test preparation • Test session • Test outcome • UX offering • Take home messages • Exercises
2 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
3 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
BEFORE WE START
Even your mom will give you more insights than nobody.
4 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Be ready to dump the most precious thing you have – your code.
5 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Learn to step back and observe.
6 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Everything else is simple – it is!
7 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
8 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
USABILITY OPTIMIZED
Usability is an analysis how to reach a goal.
9 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Old-school usability studies are usually not suitable for small software houses.
10 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
You want to improve – not prove.
11 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Test early. Test often. Fail fast. Fail cheap.
12 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
2-3 participants are enough if you test multiple times.
13 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
As a test facilitator you must have a neutral attitude and be eager to learn.
14 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Facilitator presents tasks. Observers observe. It’s that simple.
15 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
16 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
TEST PREPARATION
Get yourself a checklist for the entire test and a timetable for the sessions.
17 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Write down all the tasks and create stories from them.
18 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Invite from the target audience if you can – but do not get stuck with it.
19 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Do not use previous participants in the same project again.
20 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Get rooms, snacks and beverages for the test.
21 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
You might need help to run the show.
22 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Prepare the prototype.
23 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Put participant's tasks on index card and print all your tasks on paper.
24 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Run a pilot study.
25 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
26 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
TEST SESSION
Test for 1 hour.
27 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
• 10 min: Welcome, introduction, sign agreement and warm-up • 30 min: Tasks • 10 min: Open issues, wrapping up and good-bye • 10 min: Take additional notes and prepare the next session
The participant talks – not you.
28 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Present each story and task on an index card; one after another.
29 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
You must understand what people do and what people say.
30 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Ask for open issues after the tasks are done.
31 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Reward your participants.
32 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
33 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
TEST OUTCOME
The biggest issue is the most urgent.
34 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Concept – redesign. Implemented app – try to tweak only.
35 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
36 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Test your tweak – a very simple test might do the trick here.
37 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
38 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
UX OFFERING FOR SERIES 40
There is a UI style guide.
39 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
The Nokia’s Series 40 stencils support Inkscape.
40 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Series 40 UI component’s demo app showcases UI and code.
41 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Series 40 UI design
42 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
• UX Library for Series 40 : http://www.developer.nokia.com/Resources/Library/Full_Touch/
• UI Component’s Demo App:
https://projects.developer.nokia.com/s40uivisualisation • Wiki companion article for this webinar:
http://www.developer.nokia.com/Community/Wiki/Series_40_UI_design_usabillity_testing_webinar_-_companion_article
Further readings about testing
43 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
• Rocket Surgery Made Easy: The Do-it-yourself Guide to Finding and Fixing Usability Problems. Steve Krug (2009)
• Paper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces. Carolyn Snyder (2003).
• Handbook of Usability Testing: How to Plan, Design, and Conduct Effective Tests. Jeffrey Rubin and Dana Chisnell (2008)
• Jacob Nielsen’s blog: http://www.useit.com
44 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
TAKE HOME MESSAGES
Even your mom will give you more insights than nobody.
45 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
2-3 participants are enough if you test multiple times.
46 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Run a pilot study.
47 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
The biggest issue is the most urgent.
48 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
49 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
EXERCISES
Exercise: Watch the videos. What went wrong? How do you fix it?
50 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Exercise: In which case is it enough to have only 2-3 participants and why?
51 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Exercise: You are not sure what the participant is thinking. What do you do?
52 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Exercise: The participant mentions that she is not giving you what you expect from her. What do you say?
53 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Exercise: The participant thinks she is doing everything wrong. What do you say?
54 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Exercise: Why not giving all the tasks on paper to the participant?
55 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Exercise: How would you classify the errors you find? Which errors do you fix first?
56 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
57 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
THANKS TO: SANNA HIUKKA ANNE KIVIMAA
58 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
THANKS [email protected]