Lessons learned from Nokia X UI reviews

Nokia X UX tipsWebinar

Jan Krebber @krebbixuxSenior User Experience Consultant

Your app works without changes to the UI.

2 © Nokia 2014 nokia x ux porting webinar.pptx 2014-18-03 Jan Krebber @krebbixux


• UX tips• UX offering• Take home messages

Overview

UX tips

Consider the target audience.


Apps are used everywhere and at any time.


Use small file sizes.



Touch items must be large enough.

www.4ourth.com


Make text large enough for reading –even without a magnifying glass.


What did it say?


Make text large enough for reading –even without a magnifying glass.

Use sp (scale independent pixels) for fonts.


Test if people understand the icons.


Use a high contrast for fonts/icons and their background.




http://snook.ca/technical/colour_contrast/colour.html

Are these colors compliant?- Font color: #FF0000- Background color: #0000FF

http://snook.ca/technical/colour_contrast/colour.html�



http://snook.ca/technical/colour_contrast/colour.html

http://snook.ca/technical/colour_contrast/colour.html�

Touchable items must indicate that they are touchable.


Touchable items must show touch-down feedback.


Do not use more than 3 tabs with fixed tabs.


Do not use more than 7 scrolling tabs. 5 scrolling tabs might be already the limit.


Media Player Music Folder Now Favorite Mine



What did it say in the 2nd and the 5th tab?



Media Player Music Folder Now Favorite Mine



Monday Tuesday Wednesday

Thursday Friday Saturday Sunday

Avoid scrolling from action overflow.


Take care of proper alignment and design consistency.


Avoid scrolling if you can.


Use consistent labels: list to view header.


Use consistent labels: Title and action.


It is never the customer’s fault. Ever.Period.


Keep your app structure logical and easy to understand.


Back button should work as intended.


Games should start with music and sounds "off".


Design Dialogs correctly.

Dim –and dismissive action goes to the left.


UX offering

You can find more UX considerations for Nokia X from the UX library.


Take home messages

Your app works without changes to the UI.


Literature and links.


• 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

http://developer.nokia.com/resources/library/nokia-x-ui/index.html�

http://developer.nokia.com/resources/library/nokia-x-ui/index.html�

http://developer.nokia.com/nokia-x�

http://www.dvlup.com/�

Thanks to:

- Maaike Beenen, - Sanna Hiukka,- Petri Kiukkonen.

Thanks.

Jan [email protected]@krebbixux

Lessons learned from Nokia X UI reviews

Technology

Transcript of Lessons learned from Nokia X UI reviews