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

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

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

phantasia_shin@yahoo.com

ian.wong@miniansoftware.com

Thanks to Sanna Hiukka Stratos Kalogirou and Attila Csipa.

Thanks .

Jan Krebber

ext-jan.krebber@nokia.com

@krebbixux

Nokia Asha UI Clinic September 2013

Technology

Transcript of Nokia Asha UI Clinic September 2013

Nokia ASHA

Nokia Asha webinar: Developing location-based services for Nokia Asha phones by using Geo2tag

Nokia Asha App Development - Part 1

Nokia Asha 311 ръководство на потребителя

Intro to Asha UI

Nokia Asha Developer Opportunity

Deep dive into Nokia Asha UI design: Designing apps

Nokia Asha 302 - User Manual Serbian

Nokia Asha UI Clinic: October 2013 — Kids Choice and Photogram

Desenvolvimento de Apps para celulares Nokia Lumia & Nokia asha

Introduction to Nokia Asha Touch UI

Nokia Asha Touch UI Style Guide Part 2

Nokia New Asha Platform Developer Training

Nokia Asha Touch UI Style Guide Part 1

Introduction to Nokia Asha software platform 1.0

Optimise Nokia Maps applications for Nokia Asha Touch phones

Developing For Nokia Asha Devices

Nokia asha 311 price in pakistan nokia mobiles computer point

Nokia asha 303 price in pakistan nokia mobiles computer point

Nokia Asha 303 ръководство на потребителя