YOU ARE DOWNLOADING DOCUMENT

Please tick the box to continue:

Transcript
Page 1: UX considerations when porting to Nokia X

Nokia X UX considerationsWebinar

Jan Krebber @krebbixuxSenior User Experience Consultant

Page 2: UX considerations when porting to Nokia X

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

• UX essentials• UX offering• Take home messages

Overview

Page 3: UX considerations when porting to Nokia X

UX essentials

Page 4: UX considerations when porting to Nokia X

Your app works without changes to the UI.

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

Page 5: UX considerations when porting to Nokia X

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

Page 6: UX considerations when porting to Nokia X

Nokia X UI is based on stacked layers.

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

Page 7: UX considerations when porting to Nokia X

Glance screen shows time and system’s notifications.

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

Page 8: UX considerations when porting to Nokia X

Lock screen shows time, date and notifications.

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

Page 9: UX considerations when porting to Nokia X

The phone is unlocked with a swipe.

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

Page 10: UX considerations when porting to Nokia X

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

Page 11: UX considerations when porting to Nokia X

Apps Menu contains app-launcher icons and widgets.

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

Page 12: UX considerations when porting to Nokia X

Control panel is available throughout the UI.

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

Page 13: UX considerations when porting to Nokia X

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

Page 14: UX considerations when porting to Nokia X

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

Page 15: UX considerations when porting to Nokia X

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

Page 16: UX considerations when porting to Nokia X

Volume keys are available via standard APIs.

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

Page 17: UX considerations when porting to Nokia X

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

Page 18: UX considerations when porting to Nokia X

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

Page 19: UX considerations when porting to Nokia X

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

Page 20: UX considerations when porting to Nokia X

Contracted notifications are found from Lock screen.

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

Page 21: UX considerations when porting to Nokia X

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

Page 22: UX considerations when porting to Nokia X

Nokia X uses the HDPI bucket.

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

Page 23: UX considerations when porting to Nokia X

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

Page 24: UX considerations when porting to Nokia X

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

Page 25: UX considerations when porting to 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

Page 26: UX considerations when porting to Nokia X

UX offering

Page 27: UX considerations when porting to Nokia X

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

Page 28: UX considerations when porting to Nokia X

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

Page 29: UX considerations when porting to Nokia X

Take home messages

Page 30: UX considerations when porting to Nokia X

Your app works without changes to the UI.

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

Page 31: UX considerations when porting to Nokia X

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

Page 32: UX considerations when porting to Nokia X

Thanks to:

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

Page 33: UX considerations when porting to Nokia X

Thanks.

Jan [email protected]@krebbixux


Related Documents