Debug your design for Series 40 full touch

58
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

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 of Debug your design for Series 40 full touch

Page 1: Debug your design for Series 40 full touch

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 43: Debug your design for Series 40 full touch

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

58 © Nokia 2012 Debug your design for Series 40 full touch.pptx v.01 2012-12-11 Jan Krebber

THANKS [email protected]