UX considerations when porting to Nokia X

Nokia X UX considerationsWebinar

Jan Krebber @krebbixuxSenior User Experience Consultant

2 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

• UX essentials• UX offering• Take home messages

Overview

UX essentials

Your app works without changes to the UI.

4 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

Nokia X is based on AOSP 4.1.2 which supports API level 16.

5 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

Nokia X UI is based on stacked layers.

6 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

Glance screen shows time and system’s notifications.

7 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

Lock screen shows time, date and notifications.

8 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

The phone is unlocked with a swipe.

9 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

Fastlane provides access to recent activities, like apps and notifications.

10 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

Apps Menu contains app-launcher icons and widgets.

11 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

Control panel is available throughout the UI.

12 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

Android’s Home and App buttons were dropped to simplify the interface.

13 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

Android’s on-screen back button is replaced by a hardware button.

14 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

Lock/Power key works as in Android but the power-off menu is simplified.

15 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

Volume keys are available via standard APIs.

16 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

Widgets interaction is simplified. They do not scroll inside or resize on start.

17 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

Nokia X uses a different column structure than Android does.

18 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

Expanded notifications are found from Fastlane only.

19 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

Android Nokia X

Contracted notifications are found from Lock screen.

20 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

Toasts show as a black banner at the top of the screen.

21 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

Nokia X uses the HDPI bucket.

22 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

In rare cases Nokia Pure might affect the text length.

23 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

Notification ticker text is not supported.

24 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

Android Android Nokia X

Android’s Menu (3.0 and older) is replaced by Nokia’s Options menu.

25 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

UX offering

You can find more UX considerations for Nokia X from the UX library.

27 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

28 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

Take home messages

Your app works without changes to the UI.

30 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

Literature and links.

31 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

• Nokia X UX considerations, http://developer.nokia.com/resources/library/nokia-x-ui/index.html

• Nokia X, http://developer.nokia.com/nokia-x• DVLUP, http://www.dvlup.com

Thanks to:

- Maaike Beenen, - Sanna Hiukka,- Petri Kiukkonen.

Thanks.

Jan Krebberext-jan.krebber@nokia.com@krebbixux