Design tips for Series 40 game developers

Design tips for Series 40game developers1 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

OverviewOverview• Series 40 full touch specific characteristics• Navigation and settings• In-game interaction• Take home messages• Exercises2 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

Series 40 full touch specific characteristics3 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

This is an entry level phone.4 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

The compact phone is equipped with a3’’ screen and acceleration sensors.5 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

Navigation and settings6 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

People want to start, pause and exit amobile game fast – with one tap.7 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

Allow people to skip the intro.8 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

Avoid scrolling and swiping to accessany feature.9 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

10 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

Example: Make it big.11 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

Split screens up into 2 screens whennecessary. Series 40 full touch E7 Symbian Belle12 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

Do not rely on icons only.13 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

Be consistent with icon metaphors –text might solve the problem.14 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

There is no focus in Series 40 touchphones.15 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

Hide all non-touch related views andcheck your help text about non-touch.16 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

Combine sound settings at the startwith other settings or calls-to-action.17 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

Settings should be persistent andmute sound if the phone is silent.18 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

Always ensure a way back to the game.19 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

Use a virtual keyboard with QWERTYlayout, not with ABCDEF nor a tumbler.20 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

Drill down structure suits for most ofthe games.21 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

Take care of your business drivers.22 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

In-game interaction23 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

A button is a button and a button is abutton.24 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

Make navigation and special functionbuttons visible.25 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

In portrait, one finger easily hides 1/3of the relevant screen area.26 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

Resistive screens might have troublewith multipoint gestures.27 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

Do drag and drop with an offset, sinceyou do not see the target otherwise. screen screen screen people’s people’s view view28 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

Dialogs must put everything else tothe background.29 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

If levels take longer than seconds, finda way to continue where terminated.30 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

Test it – on the device not only on theworkstation.31 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

Adapt the interaction to the limitedscreen real estate.35 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

More on the topic:Game design:http://www.developer.nokia.com/Resources/Library/Design_and_UX/#!designing-different-applications/game-design.htmlUX Library: http://www.developer.nokia.com/Resources/Library/Full_Touch/UX Checklist: http://www.developer.nokia.com/Resources/Library/Full_Touch/#!ux-checklist.htmlIcon Creation: http://www.developer.nokia.com/Resources/Library/Full_Touch/#!icon-creation.htmlUI Components: http://www.developer.nokia.com/Resources/Library/Full_Touch/#!ui-components.htmlUI Components Demos App: https://projects.developer.nokia.com/s40uivisualisationUX Basics: http://www.developer.nokia.com/Resources/Library/Design_and_UX/Wiki article to this webinar:http://www.developer.nokia.com/Community/Wiki/Series_40_UI_game_design_tips_webinar_%E2%80%93_companion_article36 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

Exercise: What is the minimum size of astandard touch area and its margin?- The answer should relate to size in cm and amountof pixels in Series 40 full touch devices.38 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

Exercise: How would you catch up for atoo small touch area?E.g. Your touch area is only 4 mm x 4 mm, with only0,3 mm margin, what would you do to supportpeople playing with your game?39 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

Exercise: What does your applicationdo if people press the red end key?40 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

Exercise: The phone is muted, but theuser set ”sound on” during the lastgame session.How does your game behave now thatit is opened?41 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

Exercise: How would you change thefollowing UI component?42 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

Exercise: Where would you place yourin-app purchase access?43 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

Exercise: How does your game handlethe backlight timeout?You find more information from here:http://www.developer.nokia.com/Resources/Library/Design_and_UX/#!designing-different-applications/game-design/game-user-experience-guidelines.html44 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

Thanks to:- Anne Kivimaa- Sanna Hiukka45 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

Design tips for Series 40 game developers

by Nokia Developer on Sep 12, 2012

Accessibility

Categories

Upload Details

Usage Rights

Statistics

Design tips for Series 40 game developers Presentation Transcript