debug your design for series 40 full touch
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.TRANSCRIPT
![Page 1: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/1.jpg)
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
![Page 2: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/2.jpg)
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
![Page 3: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/3.jpg)
3 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
BEFORE WE START
![Page 4: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/4.jpg)
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
![Page 5: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/5.jpg)
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
![Page 6: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/6.jpg)
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
![Page 7: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/7.jpg)
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
![Page 8: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/8.jpg)
8 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
USABILITY OPTIMIZED
![Page 9: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/9.jpg)
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
![Page 10: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/10.jpg)
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
![Page 11: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/11.jpg)
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
![Page 12: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/12.jpg)
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
![Page 13: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/13.jpg)
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
![Page 14: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/14.jpg)
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
![Page 15: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/15.jpg)
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
![Page 16: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/16.jpg)
16 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
TEST PREPARATION
![Page 17: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/17.jpg)
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
![Page 18: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/18.jpg)
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
![Page 19: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/19.jpg)
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
![Page 20: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/20.jpg)
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
![Page 21: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/21.jpg)
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
![Page 22: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/22.jpg)
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
![Page 23: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/23.jpg)
Prepare the prototype.
23 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
![Page 24: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/24.jpg)
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
![Page 25: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/25.jpg)
Run a pilot study.
25 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
![Page 26: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/26.jpg)
26 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
TEST SESSION
![Page 27: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/27.jpg)
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
![Page 28: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/28.jpg)
The participant talks – not you.
28 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
![Page 29: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/29.jpg)
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
![Page 30: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/30.jpg)
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
![Page 31: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/31.jpg)
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
![Page 32: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/32.jpg)
Reward your participants.
32 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
![Page 33: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/33.jpg)
33 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
TEST OUTCOME
![Page 34: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/34.jpg)
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
![Page 35: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/35.jpg)
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
![Page 36: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/36.jpg)
36 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
![Page 37: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/37.jpg)
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
![Page 38: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/38.jpg)
38 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
UX OFFERING FOR SERIES 40
![Page 39: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/39.jpg)
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
![Page 40: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/40.jpg)
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
![Page 41: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/41.jpg)
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
![Page 42: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/42.jpg)
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
![Page 43: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/43.jpg)
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
![Page 44: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/44.jpg)
44 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
TAKE HOME MESSAGES
![Page 45: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/45.jpg)
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
![Page 46: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/46.jpg)
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
![Page 47: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/47.jpg)
Run a pilot study.
47 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
![Page 48: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/48.jpg)
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
![Page 49: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/49.jpg)
49 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
EXERCISES
![Page 50: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/50.jpg)
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
![Page 51: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/51.jpg)
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
![Page 52: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/52.jpg)
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
![Page 53: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/53.jpg)
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
![Page 54: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/54.jpg)
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
![Page 55: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/55.jpg)
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
![Page 56: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/56.jpg)
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
![Page 57: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/57.jpg)
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
![Page 58: Debug your design for Series 40 full touch](https://reader033.vdocuments.site/reader033/viewer/2022051515/55532a35b4c90575768b55e8/html5/thumbnails/58.jpg)
58 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
THANKS [email protected]