UX considerations when porting to Nokia X
-
Upload
microsoft-mobile-developer -
Category
Technology
-
view
11.047 -
download
0
description
Transcript of UX considerations when porting to Nokia X
![Page 1: UX considerations when porting to Nokia X](https://reader033.fdocuments.us/reader033/viewer/2022060108/554e048cb4c90518298b4bfc/html5/thumbnails/1.jpg)
Nokia X UX considerationsWebinar
Jan Krebber @krebbixuxSenior User Experience Consultant
![Page 2: UX considerations when porting to Nokia X](https://reader033.fdocuments.us/reader033/viewer/2022060108/554e048cb4c90518298b4bfc/html5/thumbnails/2.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022060108/554e048cb4c90518298b4bfc/html5/thumbnails/3.jpg)
UX essentials
![Page 4: UX considerations when porting to Nokia X](https://reader033.fdocuments.us/reader033/viewer/2022060108/554e048cb4c90518298b4bfc/html5/thumbnails/4.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022060108/554e048cb4c90518298b4bfc/html5/thumbnails/5.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022060108/554e048cb4c90518298b4bfc/html5/thumbnails/6.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022060108/554e048cb4c90518298b4bfc/html5/thumbnails/7.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022060108/554e048cb4c90518298b4bfc/html5/thumbnails/8.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022060108/554e048cb4c90518298b4bfc/html5/thumbnails/9.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022060108/554e048cb4c90518298b4bfc/html5/thumbnails/10.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022060108/554e048cb4c90518298b4bfc/html5/thumbnails/11.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022060108/554e048cb4c90518298b4bfc/html5/thumbnails/12.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022060108/554e048cb4c90518298b4bfc/html5/thumbnails/13.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022060108/554e048cb4c90518298b4bfc/html5/thumbnails/14.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022060108/554e048cb4c90518298b4bfc/html5/thumbnails/15.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022060108/554e048cb4c90518298b4bfc/html5/thumbnails/16.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022060108/554e048cb4c90518298b4bfc/html5/thumbnails/17.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022060108/554e048cb4c90518298b4bfc/html5/thumbnails/18.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022060108/554e048cb4c90518298b4bfc/html5/thumbnails/19.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022060108/554e048cb4c90518298b4bfc/html5/thumbnails/20.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022060108/554e048cb4c90518298b4bfc/html5/thumbnails/21.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022060108/554e048cb4c90518298b4bfc/html5/thumbnails/22.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022060108/554e048cb4c90518298b4bfc/html5/thumbnails/23.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022060108/554e048cb4c90518298b4bfc/html5/thumbnails/24.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022060108/554e048cb4c90518298b4bfc/html5/thumbnails/25.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022060108/554e048cb4c90518298b4bfc/html5/thumbnails/26.jpg)
UX offering
![Page 27: UX considerations when porting to Nokia X](https://reader033.fdocuments.us/reader033/viewer/2022060108/554e048cb4c90518298b4bfc/html5/thumbnails/27.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022060108/554e048cb4c90518298b4bfc/html5/thumbnails/28.jpg)
28 © Nokia 2014 nokia x ux considerations webinar.pptx 2014-19-03 Jan Krebber @krebbixux
![Page 29: UX considerations when porting to Nokia X](https://reader033.fdocuments.us/reader033/viewer/2022060108/554e048cb4c90518298b4bfc/html5/thumbnails/29.jpg)
Take home messages
![Page 30: UX considerations when porting to Nokia X](https://reader033.fdocuments.us/reader033/viewer/2022060108/554e048cb4c90518298b4bfc/html5/thumbnails/30.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022060108/554e048cb4c90518298b4bfc/html5/thumbnails/31.jpg)
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](https://reader033.fdocuments.us/reader033/viewer/2022060108/554e048cb4c90518298b4bfc/html5/thumbnails/32.jpg)
Thanks to:
- Maaike Beenen, - Sanna Hiukka,- Petri Kiukkonen.