Download pdf - Nokia Asha UI Clinic September 2013

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.


Truncated name makes the app look unprofessional before it is even started.


Use a square launcher icon for WebApps.


Do not rely on red and green color coding.


Ensure a good contrast also for non-selected items.


www.snook.ca

Clean sweep 1: Move version number to the bottom, Search into top bar.


Clean sweep 2: Move buttons to a different list.


First and last item should not have “move up” and “move down”.


Clean sweep 3: Access history setting by tapping the graphics.


Instead of pop-up lists, use lists in a new view to avoid scrolling.


Give Search its own view and add a “back path”.


Reminder: Map the hardware Back key to in-view Back commands in WebApps.


Ads are well placed.


Even not a standard – expand/collapse works very well.


Proposed structure.


Current structure

Move power functions to a secondary level.


Space Survivor 2

Structure.


Be careful with abbreviations. Not everybody knows “BGM”.


Do not start the app with game sound on.


Some items are too small for touch.


It’s hard to read text against a moving background.


Do not use all caps. It is hard to read and you are shouting.


HW back key should be the only way to pause a game and to go back.


The Exit query could be removed.


Buying and taking advantage of new ships and weapons is not clear to people.


Ship navigation is difficult and sluggish.


To make it more zippy do not paint after each input, but aggregate input.


- 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

http://stackoverflow.com/questions/11204577/how-to-implement-idle-task-in-java-swing
















http://developer.nokia.com/Resources/Library/Java/








The game is easily closed by accident.


Make game control simple and robust.


Help people to understand your game or app.


General questions

How many values should I set in a picker? One due to limited screen real estate.


UX offering

There are LCDUI and LWUIT UI style guides.


There are UI stencils for Inkscape in addition to Adobe Illustrator.


Asha UI component demo application is a Java midlet suite for LCDUI.


Literature and links


• 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

http://www.developer.nokia.com/Resources/Library/Asha_UI/

http://www.developer.nokia.com/Resources/Library/Nokia_Asha_web_apps_library/



https://projects.developer.nokia.com/asha_ui_component_demos

http://store.ovi.com/content/345857




























Take home messages

Move power functions to a secondary level.


Make game control simple and robust.


Help people to understand your game or app.


Special thanks to Ian and Joseph

[email protected]

[email protected]

mailto:[email protected]

mailto:[email protected]

Thanks to Sanna Hiukka Stratos Kalogirou and Attila Csipa.

Thanks .

Jan Krebber

[email protected]

@krebbixux