Lessons learned from Nokia X UI reviews

Nokia X UX tips
Webinar
Jan Krebber @krebbixux
Senior 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

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

Maketextlargeenoughforreading–evenwithoutamagnifyingglass.

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.

background.

background.
http://snook.ca/technical/colour_contrast/colour.html
Are these colors compliant?
- Font color: #FF0000
- Background color: #0000FF

background.
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
Wednesda
y
Thursda
y
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.

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

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

Thanks to:
- Maaike Beenen,
- Sanna Hiukka,
- Petri Kiukkonen.

Thanks. 
Jan Krebber
ext-jan.krebber@nokia.com
@krebbixux

Lessons learned from Nokia X UI reviews

More Related Content

Similar to Lessons learned from Nokia X UI reviews

More from Microsoft Mobile Developer

Recently uploaded

Lessons learned from Nokia X UI reviews