Transcript
Page 1: User-Centric Design of Series 40 Apps

Series 40 Touch and Type Webinars 2012

UX for Location Based Services

1 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Page 2: User-Centric Design of Series 40 Apps

Overview

2 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

• What to take into account when designing for mobile • Methods to estimate your own location • Transform technical data into information for people

• Basics • Showcase ”Radar”

• Series 40 UX design tools • Take home messages

Page 3: User-Centric Design of Series 40 Apps

UX considerations

3 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Page 4: User-Centric Design of Series 40 Apps

Three mobile mindsets: - bored - microtasking - local

4 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

(Josh Clark)

Page 5: User-Centric Design of Series 40 Apps

Your application’s target audience is on the move, not in the comfy chair.

5 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Page 6: User-Centric Design of Series 40 Apps

Your application will be used with thumbs only.

6 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Page 7: User-Centric Design of Series 40 Apps

Use the fastest UI component, not the fanciest one.

7 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Page 8: User-Centric Design of Series 40 Apps

Do not overload your screen.

8 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Page 9: User-Centric Design of Series 40 Apps

Allow privacy.

9 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Page 10: User-Centric Design of Series 40 Apps

Location estimation

10 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Page 11: User-Centric Design of Series 40 Apps

Cell ID might not represent the nearest mobile network antenna.

11 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Page 12: User-Centric Design of Series 40 Apps

Time Difference of Arrival and Angle of Arrival require special networks.

12 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

TDOA AOA

Page 13: User-Centric Design of Series 40 Apps

AOA and TDOA work indoors but always with limited precision.

13 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Page 14: User-Centric Design of Series 40 Apps

GPS might require too long time for the first fix – too long for the impatient.

14 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Page 15: User-Centric Design of Series 40 Apps

Wi-Fi triangulation can work locally indoors and with high precision.

15 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Page 16: User-Centric Design of Series 40 Apps

Landmarks and urban marks can offer precise location data.

16 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

D

Page 17: User-Centric Design of Series 40 Apps

Dead reckoning is only as good as the initial lock and errors sum up.

17 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Page 18: User-Centric Design of Series 40 Apps

RFID tags can deliver a high accuracy for an initial lock or for refinement.

18 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Page 19: User-Centric Design of Series 40 Apps

RFID tags also work as electronic leashes.

19 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Page 20: User-Centric Design of Series 40 Apps

For other navigation methods it might be a long way into the phone.

20 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Page 21: User-Centric Design of Series 40 Apps

Combine navigation methods for fast aquiring and refining navigation.

21 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Page 22: User-Centric Design of Series 40 Apps

Showcase RADAR

22 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Page 23: User-Centric Design of Series 40 Apps

Assumptions for a new feature:

23 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Main use cases: - Send an image link to somebody located close to you - Choose 1 or 2 recipients out of multiple

Available data: - Dynamic distance to other people - Dynamic direction to other people - Phone connection to other people

Page 24: User-Centric Design of Series 40 Apps

This sounds like a Radar.

24 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Page 25: User-Centric Design of Series 40 Apps

Learn to step back and observe the whole thing. What does the user need?

25 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Page 26: User-Centric Design of Series 40 Apps

Do not overload the screen.

26 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Page 27: User-Centric Design of Series 40 Apps

Transfer raw location data into a simple context – not a fancy context.

27 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

The left shows an area with many people, the middle shows the representation in a phone, but the phone screen is too small to show all the content and something has to be cropped, the right image shows a simple list.

Page 28: User-Centric Design of Series 40 Apps

Transfer raw location data into a simple context – not a fancy context.

28 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

The left shows an area with many people, the middle shows the representation in a phone, but the phone screen is too small to show all the content and something has to be cropped, the right image shows a simple list.

Page 29: User-Centric Design of Series 40 Apps

Utilize relative positions and orientation to sort results.

29 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Tina and Jo are in front of me, so they are likely to be the ones I am interacting with, Qing and Tom are behind me, so thet are not likely to talk to me but somebody else.

Page 30: User-Centric Design of Series 40 Apps

Test early and often. Fail fast and cheap.

30 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Page 31: User-Centric Design of Series 40 Apps

Series 40 UX design tools

31 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Page 32: User-Centric Design of Series 40 Apps

Create high fidelity paper prototypes with Illustrator, Fireworks or Inkscape.

32 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Page 33: User-Centric Design of Series 40 Apps

Create a launcher icon for a positive first impression (AI, PS, Inkscape).

33 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Page 34: User-Centric Design of Series 40 Apps

Take a look into the style guides to maintain Series 40 look and feel.

34 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Page 35: User-Centric Design of Series 40 Apps

The UX checklist helps you avoid the most common design mistakes.

35 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Page 36: User-Centric Design of Series 40 Apps

Take home messages

36 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Page 37: User-Centric Design of Series 40 Apps

Your application’s target audience is on the move, not in the comfy chair.

37 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Page 38: User-Centric Design of Series 40 Apps

Learn to step back and observe the whole thing. What does the user need?

38 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Page 39: User-Centric Design of Series 40 Apps

Use our services to improve the overall rating of your application.

39 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Page 40: User-Centric Design of Series 40 Apps

Links

40 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

http://www.developer.nokia.com/Resources/Library/Design_and_UX/#!designing-for-nokia-platforms/designing-for-series-40-touch-and-type.html - Style guides - Icon creation - Stencil sets http://www.developer.nokia.com/info/sw.nokia.com/id/515ca91b-1160-4841-a1f7-ca821c21b81e/UX_Checklist_for_Series_40.html - UX Checklist

Page 41: User-Centric Design of Series 40 Apps

41 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

Credits

•Anne Kivimaa •Sanna Häiväläinen •Sami Ronkainen •Philip Wamsley

Page 42: User-Centric Design of Series 40 Apps

Thank you.

42 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber


Top Related