DEBUG YOUR DESIGN FORSERIES 40 FULL TOUCHJan KrebberSenior Interaction DesignerDigia 1     © Nokia 2012 Debug your design ...
Overview•       Before we start•       Usability optimized•       Test preparation•       Test session•       Test outcome...
BEFORE WE START3   © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Even your mom will give you moreinsights than nobody.4   © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01...
Be ready to dump the most preciousthing you have – your code.5   © Nokia 2012 Debug your design for Series 40 full touch.p...
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 Kre...
USABILITY OPTIMIZED8   © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Usability is an analysis how to reach agoal.9   © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-...
Old-school usability studies are usually notsuitable for small software houses.10   © Nokia 2012 Debug your design for Ser...
You want to improve – not prove.11   © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Kreb...
Test early.Test often.Fail fast.Fail cheap.12   © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-...
2-3 participants are enough if you testmultiple times.13   © Nokia 2012 Debug your design for Series 40 full touch.pptx v....
As a test facilitator you must have a neutralattitude and be eager to learn.14   © Nokia 2012 Debug your design for Series...
Facilitator presents tasks.Observers observe. It’s that simple.15   © Nokia 2012 Debug your design for Series 40 full touc...
TEST PREPARATION16   © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Get yourself a checklist for the entiretest and a timetable for the sessions.17   © Nokia 2012 Debug your design for Serie...
Write down all the tasks and createstories from them.18   © Nokia 2012 Debug your design for Series 40 full touch.pptx v.0...
Invite from the target audience if youcan – but do not get stuck with it.19   © Nokia 2012 Debug your design for Series 40...
Do not use previous participants in thesame project again.20   © Nokia 2012 Debug your design for Series 40 full touch.ppt...
Get rooms, snacks and beverages forthe test.21   © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12...
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 ...
Prepare the prototype.23   © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Put participants tasks on index card         and print all your tasks on paper.24   © Nokia 2012 Debug your design for Ser...
Run a pilot study.25   © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
TEST SESSION26   © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Test for 1 hour.• 10 min: Welcome, introduction, sign agreement and warm-up• 30 min: Tasks• 10 min: Open issues, wrapping ...
The participant talks – not you.28   © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Kreb...
Present each story and task on anindex card; one after another.29   © Nokia 2012 Debug your design for Series 40 full touc...
You must understand what people doand what people say.30   © Nokia 2012 Debug your design for Series 40 full touch.pptx v....
Ask for open issues after the tasks aredone.31   © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12...
Reward your participants.32   © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
TEST OUTCOME33   © 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.34   © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan...
Concept – redesign. Implemented app – try to tweak only.35   © Nokia 2012 Debug your design for Series 40 full touch.pptx ...
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 testmight do the trick here.37   © Nokia 2012 Debug your design for Series 40 full touch.p...
UX OFFERING FOR SERIES 4038   © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
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 supportInkscape.40   © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012...
Series 40 UI component’s demo appshowcases UI and code.41   © Nokia 2012 Debug your design for Series 40 full touch.pptx v...
Series 40 UI design• UX Library for Series 40 :  http://www.developer.nokia.com/Resources/Library/Full_Tou  ch/• UI Compon...
Further readings about testing• Rocket Surgery Made Easy: The Do-it-yourself Guide to Finding and  Fixing Usability Proble...
TAKE HOME MESSAGES44   © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Even your mom will give you moreinsights than nobody.45   © Nokia 2012 Debug your design for Series 40 full touch.pptx v.0...
2-3 participants are enough if you testmultiple times.46   © Nokia 2012 Debug your design for Series 40 full touch.pptx v....
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...
EXERCISES49   © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
Exercise: Watch the videos. What wentwrong? How do you fix it?50   © Nokia 2012 Debug your design for Series 40 full touch...
Exercise: In which case is it enough tohave only 2-3 participants and why?51   © Nokia 2012 Debug your design for Series 4...
Exercise: You are not sure what theparticipant is thinking. What do youdo?52   © Nokia 2012 Debug your design for Series 4...
Exercise: The participant mentions thatshe is not giving you what you expectfrom her. What do you say?53   © Nokia 2012 De...
Exercise: The participant thinks she isdoing everything wrong. What do yousay?54   © Nokia 2012 Debug your design for Seri...
Exercise: Why not giving all the taskson paper to the participant?55   © Nokia 2012 Debug your design for Series 40 full t...
Exercise: How would you classify theerrors you find? Which errors do youfix first?56   © Nokia 2012 Debug your design for ...
THANKS TO:SANNA HIUKKAANNE KIVIMAA57   © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Kr...
THANKS EXT-JAN.KREBBER@NOKIA.COM58   © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Kre...
Upcoming SlideShare
Loading in …5
×

Debug your design for Series 40 full touch

1,243 views

Published on

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.

Published in: Technology
2 Comments
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total views
1,243
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
56
Comments
2
Likes
0
Embeds 0
No embeds

No notes for slide

Debug your design for Series 40 full touch

  1. 1. DEBUG YOUR DESIGN FORSERIES 40 FULL TOUCHJan KrebberSenior Interaction DesignerDigia 1 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  2. 2. 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. 3. BEFORE WE START3 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  4. 4. Even your mom will give you moreinsights than nobody.4 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  5. 5. Be ready to dump the most preciousthing you have – your code.5 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  6. 6. 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
  7. 7. 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. 8. USABILITY OPTIMIZED8 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  9. 9. Usability is an analysis how to reach agoal.9 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  10. 10. Old-school usability studies are usually notsuitable for small software houses.10 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  11. 11. 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
  12. 12. 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
  13. 13. 2-3 participants are enough if you testmultiple times.13 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  14. 14. As a test facilitator you must have a neutralattitude and be eager to learn.14 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  15. 15. 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. 16. TEST PREPARATION16 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  17. 17. Get yourself a checklist for the entiretest 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
  18. 18. Write down all the tasks and createstories from them.18 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  19. 19. Invite from the target audience if youcan – 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
  20. 20. Do not use previous participants in thesame project again.20 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  21. 21. Get rooms, snacks and beverages forthe test.21 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  22. 22. 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
  23. 23. Prepare the prototype.23 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  24. 24. Put participants 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
  25. 25. Run a pilot study.25 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  26. 26. TEST SESSION26 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  27. 27. Test for 1 hour.• 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 session27 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  28. 28. The participant talks – not you.28 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  29. 29. Present each story and task on anindex card; one after another.29 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  30. 30. You must understand what people doand what people say.30 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  31. 31. Ask for open issues after the tasks aredone.31 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  32. 32. Reward your participants.32 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  33. 33. TEST OUTCOME33 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  34. 34. 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
  35. 35. 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. 36. 36 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  37. 37. Test your tweak – a very simple testmight do the trick here.37 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  38. 38. UX OFFERING FOR SERIES 4038 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  39. 39. 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
  40. 40. The Nokia’s Series 40 stencils supportInkscape.40 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  41. 41. Series 40 UI component’s demo appshowcases UI and code.41 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  42. 42. Series 40 UI design• UX Library for Series 40 : http://www.developer.nokia.com/Resources/Library/Full_Tou ch/• 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_article42 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  43. 43. Further readings about testing• 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.com43 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  44. 44. TAKE HOME MESSAGES44 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  45. 45. Even your mom will give you moreinsights than nobody.45 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  46. 46. 2-3 participants are enough if you testmultiple times.46 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  47. 47. Run a pilot study.47 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  48. 48. 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. 49. EXERCISES49 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  50. 50. Exercise: Watch the videos. What wentwrong? How do you fix it?50 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  51. 51. Exercise: In which case is it enough tohave 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
  52. 52. Exercise: You are not sure what theparticipant is thinking. What do youdo?52 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  53. 53. Exercise: The participant mentions thatshe is not giving you what you expectfrom her. What do you say?53 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  54. 54. Exercise: The participant thinks she isdoing everything wrong. What do yousay?54 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  55. 55. Exercise: Why not giving all the taskson paper to the participant?55 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  56. 56. Exercise: How would you classify theerrors you find? Which errors do youfix first?56 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  57. 57. THANKS TO:SANNA HIUKKAANNE KIVIMAA57 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber
  58. 58. THANKS EXT-JAN.KREBBER@NOKIA.COM58 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber

×