Approximately 75% of Android apps run properly on Nokia X platform without any modification, but maybe you’d like some help improving the UX of your app as you port it to Nokia X. UX expert Jan Krebber will show you how to improve the UX of your Nokia X apps in terms you don’t need to be a UX expert to understand. He’ll focus on the few items most important when it comes to user experience design for Android and Nokia X.He’ll introduce those items and show you how to create a launcher icon for Nokia X.

1. Nokia X UX considerations
Webinar
Jan Krebber @krebbixux
Senior User Experience Consultant

2. 2 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux
• UX essentials
• UX offering
• Take home messages
Overview

3. UX essentials

4. Your app works without changes to the UI.
4 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

5. Nokia X is based on AOSP 4.1.2 which
supportsAPI level 16.
5 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

6. Nokia X UI is
based on
stacked
layers.
6 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

7. Glance screen shows time and system’s
notifications.
7 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

8. Lock screen shows time, date and
notifications.
8 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

9. The phone is unlocked with a swipe.
9 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

10. 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

11. Apps Menu contains app-launcher icons
and widgets.
11 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

12. Control panel is available throughout the UI.
12 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

13. 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

14. 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

15. 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

16. Volume keys are available via standard
APIs.
16 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

17. 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

18. Nokia X uses a different column structure
thanAndroid does.
18 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

19. 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

20. Contracted notifications are found from Lock
screen.
20 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

21. 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

22. Nokia X uses the HDPI bucket.
22 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

23. 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

24. 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

25. 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

26. UX offering

27. 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. 28 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

29. Take home messages

30. Your app works without changes to the UI.
30 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux

31. 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

32. Thanks to:
- Maaike Beenen,
- Sanna Hiukka,
- Petri Kiukkonen.

33. Thanks. 
Jan Krebber
ext-jan.krebber@nokia.com
@krebbixux