Nokia Asha UX clinic September 2013 Jan Krebber @krebbixux Senior User Experience Consultant
May 13, 2015
Nokia Asha UX clinic September 2013 Jan Krebber @krebbixux
Senior User Experience Consultant
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
QuickStocks
Structure.
4 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
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
Use a square launcher icon for WebApps.
6 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
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
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
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
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
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
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
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
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
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
Ads are well placed.
16 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
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
Proposed structure.
18 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
Current structure
Move power functions to a secondary level.
19 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
Space Survivor 2
Structure.
21 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
Be careful with abbreviations. Not everybody knows “BGM”.
22 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
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
Some items are too small for touch.
24 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
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
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
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
The Exit query could be removed.
28 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
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
Ship navigation is difficult and sluggish.
30 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
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/11204577/how-to-implement-idle-task-in-java-swing
- http://developer.nokia.com/Resources/Library/Java/#!code-examples/mobile-sensors-cottage360/cottage360java.html
The game is easily closed by accident.
32 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
Make game control simple and robust.
33 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
Help people to understand your game or app.
34 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
General questions
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
UX offering
There are LCDUI and LWUIT UI style guides.
38 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
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
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
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
Take home messages
Move power functions to a secondary level.
43 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
Make game control simple and robust.
44 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
Help people to understand your game or app.
45 © Nokia 2013 Nokia Asha UX clinic September 2013.pptx 2013-18-09 Jan Krebber @krebbixux
Special thanks to Ian and Joseph
Thanks to Sanna Hiukka Stratos Kalogirou and Attila Csipa.