42
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

User-Centric Design of Series 40 Apps

Embed Size (px)

DESCRIPTION

Putting the user at the heart of your app designs is the key to creating winning apps. This webinar will walk you through a design example focusing on helping a user determine where they are, to facilitate the use of a location based application for Series 40 Touch and Type phones. After giving an overview of the available methods for determining the user’s location, the webinar will discuss some of the fundamental drivers behind mobile apps design, such as user mind set, use context, and small screen limitations. Armed with this knowledge, the webinar will explore practical design implementations to enable the user to estimate their location, with a focus on the ways in which you can translate technology into an easy-to-use application. The presentation concludes with an overview of the Series 40 UI design tools and services offered by Nokia to help you deliver winning app design. Overall, this session guides you on how to make complex technology accessible to Series 40 users.

Citation preview

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