User-Centric Design of Series 40 Apps

Preview:

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

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

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

UX considerations

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

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)

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

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

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

Do not overload your screen.

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

Allow privacy.

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

Location estimation

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

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

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

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

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

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

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

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

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

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

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

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

Showcase RADAR

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

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

This sounds like a Radar.

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

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

Do not overload the screen.

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

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.

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.

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.

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

Series 40 UX design tools

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

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

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

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

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

Take home messages

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

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

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

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

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

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

Thank you.

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

Recommended