Mais conteúdo relacionado Semelhante a Lessons learned from Nokia X UI reviews (20) Mais de Microsoft Mobile Developer (20) Lessons learned from Nokia X UI reviews1. Nokia X UX tips
Webinar
Jan Krebber @krebbixux
Senior User Experience Consultant
2. Your app works without changes to the UI.
2 © Nokia 2014 nokia x ux porting webinar.pptx 2014-18-03 Jan Krebber @krebbixux
3. 3 © Nokia 2014 nokia x ux porting webinar.pptx 2014-18-03 Jan Krebber @krebbixux
• UX tips
• UX offering
• Take home messages
Overview
5. Consider the target audience.
5 © Nokia 2014 nokia x ux porting webinar.pptx 2014-18-03 Jan Krebber @krebbixux
6. Apps are used everywhere and at any time.
6 © Nokia 2014 nokia x ux porting webinar.pptx 2014-18-03 Jan Krebber @krebbixux
7. Use small file sizes.
7 © Nokia 2014 nokia x ux porting webinar.pptx 2014-18-03 Jan Krebber @krebbixux
8. 8 © Nokia 2014 nokia x ux porting webinar.pptx 2014-18-03 Jan Krebber @krebbixux
Touch items must be large enough.
www.4ourth.com
9. 9 © Nokia 2014 nokia x ux porting webinar.pptx 2014-18-03 Jan Krebber @krebbixux
Maketextlargeenoughforreading–evenwithoutamagnifyingglass.
10. 10 © Nokia 2014 nokia x ux porting webinar.pptx 2014-18-03 Jan Krebber @krebbixux
11. 11 © Nokia 2014 nokia x ux porting webinar.pptx 2014-18-03 Jan Krebber @krebbixux
What did it say?
12. 12 © Nokia 2014 nokia x ux porting webinar.pptx 2014-18-03 Jan Krebber @krebbixux
Make text large enough for reading –
even without a magnifying glass.
13. Use sp (scale independent pixels) for fonts.
13 © Nokia 2014 nokia x ux porting webinar.pptx 2014-18-03 Jan Krebber @krebbixux
14. Test if people understand the icons.
14 © Nokia 2014 nokia x ux porting webinar.pptx 2014-18-03 Jan Krebber @krebbixux
15. Use a high contrast for fonts/icons and their
background.
15 © Nokia 2014 nokia x ux porting webinar.pptx 2014-18-03 Jan Krebber @krebbixux
16. Use a high contrast for fonts/icons and their
background.
16 © Nokia 2014 nokia x ux porting webinar.pptx 2014-18-03 Jan Krebber @krebbixux
17. Use a high contrast for fonts/icons and their
background.
17 © Nokia 2014 nokia x ux porting webinar.pptx 2014-18-03 Jan Krebber @krebbixux
http://snook.ca/technical/colour_contrast/colour.html
Are these colors compliant?
- Font color: #FF0000
- Background color: #0000FF
18. Use a high contrast for fonts/icons and their
background.
18 © Nokia 2014 nokia x ux porting webinar.pptx 2014-18-03 Jan Krebber @krebbixux
http://snook.ca/technical/colour_contrast/colour.html
20. Touchable items must show touch-down
feedback.
20 © Nokia 2014 nokia x ux porting webinar.pptx 2014-18-03 Jan Krebber @krebbixux
21. Do not use
more than 3
tabs with fixed
tabs.
21 © Nokia 2014 nokia x ux porting webinar.pptx 2014-18-03 Jan Krebber @krebbixux
22. Do not use more than 7 scrolling tabs.
5 scrolling tabs might be already the limit.
22 © Nokia 2014 nokia x ux porting webinar.pptx 2014-18-03 Jan Krebber @krebbixux
Media Player Music Folder Now Favorite Mine
23. Do not use more than 7 scrolling tabs.
5 scrolling tabs might be already the limit.
23 © Nokia 2014 nokia x ux porting webinar.pptx 2014-18-03 Jan Krebber @krebbixux
What did it say in the 2nd and the 5th tab?
24. Do not use more than 7 scrolling tabs.
5 scrolling tabs might be already the limit.
24 © Nokia 2014 nokia x ux porting webinar.pptx 2014-18-03 Jan Krebber @krebbixux
Media Player Music Folder Now Favorite Mine
25. Do not use more than 7 scrolling tabs.
5 scrolling tabs might be already the limit.
25 © Nokia 2014 nokia x ux porting webinar.pptx 2014-18-03 Jan Krebber @krebbixux
Monday Tuesday
Wednesda
y
Thursda
y
Friday Saturday Sunday
26. Avoid scrolling from action overflow.
26 © Nokia 2014 nokia x ux porting webinar.pptx 2014-18-03 Jan Krebber @krebbixux
28. Avoid scrolling
if you can.
28 © Nokia 2014 nokia x ux porting webinar.pptx 2014-18-03 Jan Krebber @krebbixux
29. Use consistent labels: list to view header.
29 © Nokia 2014 nokia x ux porting webinar.pptx 2014-18-03 Jan Krebber @krebbixux
31. It is never the
customer’s
fault.
Ever.
Period.
31 © Nokia 2014 nokia x ux porting webinar.pptx 2014-18-03 Jan Krebber @krebbixux
32. Keep your app
structure logical
and easy to
understand.
32 © Nokia 2014 nokia x ux porting webinar.pptx 2014-18-03 Jan Krebber @krebbixux
33. Back button should work as intended.
33 © Nokia 2014 nokia x ux porting webinar.pptx 2014-18-03 Jan Krebber @krebbixux
34. Games should
start with music
and sounds
"off".
34 © Nokia 2014 nokia x ux porting webinar.pptx 2014-18-03 Jan Krebber @krebbixux
37. You can find more UX considerations for
Nokia X from the UX library.
37 © Nokia 2014 nokia x ux porting webinar.pptx 2014-18-03 Jan Krebber @krebbixux
38. 38 © Nokia 2014 Kids apps and games.pptx 2014-18-03 Jan Krebber @krebbixux
40. Your app works without changes to the UI.
40 © Nokia 2014 nokia x ux porting webinar.pptx 2014-18-03 Jan Krebber @krebbixux
41. Literature and links.
41 © Nokia 2014 nokia x ux porting webinar.pptx 2014-18-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