Nokia X UX considerations
Webinar
Jan Krebber @krebbixux
Senior User Experience Consultant
2 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux
• UX essentials
• UX offering
• Ta...
UX essentials
Your app works without changes to the UI.
4 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @kr...
Nokia X is based on AOSP 4.1.2 which
supportsAPI level 16.
5 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-0...
Nokia X UI is
based on
stacked
layers.
6 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebb...
Glance screen shows time and system’s
notifications.
7 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan ...
Lock screen shows time, date and
notifications.
8 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebb...
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 webi...
Apps Menu contains app-launcher icons
and widgets.
11 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan K...
Control panel is available throughout the UI.
12 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebbe...
Android’s Home and App buttons were
dropped to simplify the interface.
13 © Nokia 2014 nokia x ux considerations webinar.p...
Android’s on-screen back button is replaced
by a hardware button.
14 © Nokia 2014 nokia x ux considerations webinar.pptx 2...
Lock/Power key works as in Android but the
power-off menu is simplified.
15 © Nokia 2014 nokia x ux considerations webinar...
Volume keys are available via standard
APIs.
16 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber...
Widgets interaction is simplified. They do not
scroll inside or resize on start.
17 © Nokia 2014 nokia x ux considerations...
Nokia X uses a different column structure
thanAndroid does.
18 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19...
Expanded notifications are found from
Fastlane only.
19 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan...
Contracted notifications are found from Lock
screen.
20 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan...
Toasts show as a black banner at the top of
the screen.
21 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 ...
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 J...
Notification ticker text is not supported.
24 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @...
Android’s Menu (3.0 and older) is replaced
by Nokia’s Options menu.
25 © Nokia 2014 nokia x ux considerations webinar.pptx...
UX offering
You can find more UX considerations for
Nokia X from the UX library.
27 © Nokia 2014 nokia x ux considerations webinar.ppt...
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 @k...
Literature and links.
31 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux
• Nokia X U...
Thanks to:
- Maaike Beenen,
- Sanna Hiukka,
- Petri Kiukkonen.
Thanks. 
Jan Krebber
ext-jan.krebber@nokia.com
@krebbixux
Upcoming SlideShare
Loading in...5
×

UX considerations when porting to Nokia X

11,084

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,084
On Slideshare
0
From Embeds
0
Number of Embeds
16
Actions
Shares
0
Downloads
32
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Transcript of "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

×