nokia asha ux webinar: design tips for nokia asha game developers

Design tips for Nokia Asha game developers Jan Krebber @krebbixux Senior User Experience Consultant

Overview

2 © Nokia 2013 Design tips for Nokia Asha game developers.pptx 2013-22-10 Jan Krebber @krebbixux

• Mobile mindset • App navigation and settings • Layout • Gestures • UX offering • Take home messages

Mobile mindset

The mobile context differs from the living room context.

People are bored, local and they can do only small tasks.

The bus comes always – at the wrong time.

App navigation and Settings

Start, pause, continue, and exit a mobile game fast – with one tap or gesture.

Pause and continue are must-have features.

Keep your splash screen brief.

structure suits most of the games.

Drill-dow

Hardware Back key must be used for Pause, Back, and Cancel.

Always ensure a way back to the game.

Avoid scrolling or swiping or excess use of buttons to access any feature.

Offer sound setting as early as possible.

Make high score entry creation easy.

Temporary online high score lists make (nearly) everybody feel good.

People want to play with your game – not with your menu.

Layout

Make it BIG.

Split screens up into two screens when necessary.

Be consistent with icon metaphors – text might work better in some cases.

There is no focus in Nokia Asha touch phones.

Hide all non-touch related content in touch phones.

A button is a button, and vice versa.

Make navigation and special function buttons visible.

In portrait mode, one finger easily hides 1/3 of the relevant area.

Gestures

Consider a swipe safety margin of 25 pixels.

Games in landscape orientation must rotate the canvas as well.

Resistive screens might have trouble with multi-point gestures.

Finger’s centroid is not where initially expected.

Add solutions for too small touch areas. #1 Offset.

Add solutions for too small touch areas. #2 Cross Hairs.

Add solutions for too small touch areas. #3 Fish eye.

Test it – on the phone, not only on the workstation.

UX offering

There are LCDUI and LWUIT UI style guides.

These game tips are online now.

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

Take home messages

People want to play with your game – not with your menu.

Test it – on the phone, not only on the workstation.

Thanks to Sanna Hiukka, Maaike Beenen, and Stratos Kalogirou.

Thanks .

Jan Krebber ext-jan.krebber@nokia.com @krebbixux

nokia asha ux webinar: design tips for nokia asha game developers

nokia asha game developers

settings7 nokia

layout22 nokia

gestures36 nokia

design tips

nokia asha touch phones

mobile mindset3 nokia

mobile game

Technology

nokia asha 305 ръководство на...

location based services for nokia x and nokia asha using...

nokia asha 302 - user manual serbian

quick facts: nokia asha 230 dual sim

introduction to the new nokia asha ui

nokia asha 303 ръководство на...

nokia asha 311 price in pakistan nokia mobiles computer...

introduction to nokia asha touch ui

nokia asha developer opportunity

nokia asha

nokia asha ui clinic september 2013

nokia asha webinar: developing health-care applications for...

introduction to nokia asha sdk 1.0

healthcare apps for nokia x and nokia asha

nokia asha 203 ръководство на...

alcatel - arpa.org.ar · nokia asha 201 asha 302 asha 303 ....

optimise nokia maps applications for nokia asha touch phones

nokia-asha --ok.doc

nokia asha challenge for vietnamese developers - 2012

opportunities with the new nokia asha family