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 EXT-JAN.KREBBER@NOKIA.COM