UX considerations when porting to Nokia X

11,601 views

Published on

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.

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
11,601
On SlideShare
0
From Embeds
0
Number of Embeds
10,429
Actions
Shares
0
Downloads
34
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

UX considerations when porting to Nokia X

  1. 1. Nokia X UX considerations Webinar Jan Krebber @krebbixux Senior User Experience Consultant
  2. 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. 3. UX essentials
  4. 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. 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. 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. 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. 8. Lock screen shows time, date and notifications. 8 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux
  9. 9. The phone is unlocked with a swipe. 9 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux
  10. 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. 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. 12. Control panel is available throughout the UI. 12 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux
  13. 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. 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. 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. 16. Volume keys are available via standard APIs. 16 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux
  17. 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. 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. 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. 20. Contracted notifications are found from Lock screen. 20 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux
  21. 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. 22. Nokia X uses the HDPI bucket. 22 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux
  23. 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. 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. 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. 26. UX offering
  27. 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. 28 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux
  29. 29. Take home messages
  30. 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. 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. 32. Thanks to: - Maaike Beenen, - Sanna Hiukka, - Petri Kiukkonen.
  33. 33. Thanks.  Jan Krebber ext-jan.krebber@nokia.com @krebbixux

×