Weitere ähnliche Inhalte Mehr von Microsoft Mobile Developer (19) Kürzlich hochgeladen (20) Nokia Asha UI Clinic September 20131. Nokia Asha UX clinic September 2013
Jan Krebber @krebbixux
Senior User Experience Consultant
2. Overview
2 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
• QuickStocks
• Space Survivor 2
• General questions
• UX offering
• Take home messages
4. Structure.
4 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
5. Truncated name makes the app look
unprofessional before it is even started.
5 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
6. Use a square launcher icon for WebApps.
6 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
7. Do not rely on red and green color coding.
7 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
8. Ensure a good contrast also for non-
selected items.
8 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
www.snook.ca
9. Clean sweep 1: Move version number to the
bottom, Search into top bar.
9 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
10. Clean sweep 2: Move buttons to a different
list.
10 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
11. First and last item should not have “move
up” and “move down”.
11 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
12. Clean sweep 3: Access history setting by
tapping the graphics.
12 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
13. Instead of pop-up lists, use lists in a new
view to avoid scrolling.
13 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
14. Give Search its own view and add a “back
path”.
14 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
15. Reminder: Map the hardware Back key to
in-view Back commands in WebApps.
15 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
16. Ads are well placed.
16 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
17. Even not a standard – expand/collapse
works very well.
17 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
19. Move power functions to a secondary level.
19 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
21. Structure.
21 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
22. Be careful with abbreviations.
Not everybody knows “BGM”.
22 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
23. Do not start the app with game sound on.
23 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
24. Some items are too small for touch.
24 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
25. It’s hard to read text against a moving
background.
25 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
26. Do not use all caps.
It is hard to read and you are shouting.
26 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
27. HW back key should be the only way to
pause a game and to go back.
27 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
28. The Exit query could be removed.
28 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
29. Buying and taking advantage of new ships
and weapons is not clear to people.
29 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
30. Ship navigation is difficult and sluggish.
30 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
31. To make it more zippy do not paint after
each input, but aggregate input.
31 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
- http://stackoverflow.com/questions/1120
4577/how-to-implement-idle-task-in-java-
swing
- http://developer.nokia.com/Resources/Lib
rary/Java/#!code-examples/mobile-
sensors-cottage360/cottage360java.html
32. The game is easily closed by accident.
32 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
33. Make game control simple and robust.
33 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
34. Help people to understand
your game or app.
34 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
36. How many values should I set in a picker?
One due to limited screen real estate.
36 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
38. There are LCDUI and LWUIT UI style guides.
38 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
39. There are UI stencils for Inkscape in
addition to Adobe Illustrator.
39 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
40. Asha UI component demo application is a
Java midlet suite for LCDUI.
40 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
41. Literature and links
41 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
• UX Library for Nokia Asha:
• http://www.developer.nokia.com/Resources/Library/Asha_UI/#!index.html
• Nokia Asha Web app UX guidelines:
• http://www.developer.nokia.com/Resources/Library/Nokia_Asha_web_apps_library/#!design-library.html
• Nokia Asha UI component demos:
• https://projects.developer.nokia.com/asha_ui_component_demos
• QuickStocks: http://store.ovi.com/content/345857
• Space Survivor 2: http://store.ovi.com/content/356732
• Touch input 1: http://stackoverflow.com/questions/11204577/how-to-implement-idle-task-in-java-
swing
• Touch input 2: http://developer.nokia.com/Resources/Library/Java/#!code-examples/mobile-sensors-
cottage360/cottage360java.html
43. Move power functions to a secondary level.
43 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
44. Make game control simple and robust.
44 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
45. Help people to understand
your game or app.
45 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
46. Special thanks to Ian and Joseph
phantasia_shin@yahoo.com
ian.wong@miniansoftware.com