ux considerations when porting to nokia x
DESCRIPTION
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.TRANSCRIPT
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 [email protected]@krebbixux