Design tips for Series 40game developers1                 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012...
OverviewOverview• Series 40 full touch specific characteristics• Navigation and settings• In-game interaction• Take home m...
Series 40 full touch specific           characteristics3   © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 201...
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_de...
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_deve...
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-1...
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 ...
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_developer...
There is no focus in Series 40 touchphones.15   © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan...
Hide all non-touch related views andcheck your help text about non-touch.16   © Nokia 2012 Design_tips_for_Series_40_game_...
Combine sound settings at the startwith other settings or calls-to-action.17   © Nokia 2012 Design_tips_for_Series_40_game...
Settings should be persistent andmute sound if the phone is silent.18   © Nokia 2012 Design_tips_for_Series_40_game_develo...
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_d...
Drill down structure suits for most ofthe games.21   © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-1...
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 J...
Make navigation and special functionbuttons visible.25   © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-...
In portrait, one finger easily hides 1/3of the relevant screen area.26   © Nokia 2012 Design_tips_for_Series_40_game_devel...
Resistive screens might have troublewith multipoint gestures.27   © Nokia 2012 Design_tips_for_Series_40_game_developers.p...
Do drag and drop with an offset, sinceyou do not see the target otherwise.     screen                                scree...
Dialogs must put everything else tothe background.29   © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09...
If levels take longer than seconds, finda way to continue where terminated.30   © Nokia 2012 Design_tips_for_Series_40_gam...
Test it – on the device not only on theworkstation.31   © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-0...
Take home messages32   © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber
33   © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber
People want to play – but not with yourmenus.34   © Nokia 2012 UX Basics.pptx v. 0.1 YYYY-MM-DD Jan Krebber
Adapt the interaction to the limitedscreen real estate.35   © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 20...
More on the topic:Game design:http://www.developer.nokia.com/Resources/Library/Design_and_UX/#!designing-different-applica...
Exercises37   © 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 amo...
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 margi...
Exercise: What does your applicationdo if people press the red end key?40   © Nokia 2012 Design_tips_for_Series_40_game_de...
Exercise: The phone is muted, but theuser set ”sound on” during the lastgame session.How does your game behave now thatit ...
Exercise: How would you change thefollowing UI component?42   © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx ...
Exercise: Where would you place yourin-app purchase access?43   © Nokia 2012 Design_tips_for_Series_40_game_developers.ppt...
Exercise: How does your game handlethe backlight timeout?You find more information from here:http://www.developer.nokia.co...
Thanks to:- Anne Kivimaa- Sanna Hiukka45   © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Kreb...
Thanks ext-jan.krebber@nokia.com46   © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber
Upcoming SlideShare
Loading in...5
×

Design tips for Series 40 game developers

1,061

Published on

UX expert Jan Krebber from Digia provides game-design tips based on averting design flaws and design deal-breakers that were identified in reviews of real games from several vendors. You’ll learn easy-to-follow rules for creating experiences that will make people keep playing your games — instead of just trying them out. The presentation also features examples of basic game-menu design and includes exercises. Sample solutions for the exercises will be published in a Nokia Developer Wiki article.

2 Comments
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total Views
1,061
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
79
Comments
2
Likes
0
Embeds 0
No embeds

No notes for slide

Design tips for Series 40 game developers

  1. 1. Design tips for Series 40game developers1 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber
  2. 2. 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
  3. 3. Series 40 full touch specific characteristics3 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber
  4. 4. This is an entry level phone.4 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber
  5. 5. 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
  6. 6. Navigation and settings6 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber
  7. 7. 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
  8. 8. Allow people to skip the intro.8 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber
  9. 9. Avoid scrolling and swiping to accessany feature.9 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber
  10. 10. 10 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber
  11. 11. Example: Make it big.11 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber
  12. 12. 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
  13. 13. Do not rely on icons only.13 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber
  14. 14. 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
  15. 15. There is no focus in Series 40 touchphones.15 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber
  16. 16. 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
  17. 17. 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
  18. 18. 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
  19. 19. Always ensure a way back to the game.19 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber
  20. 20. 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
  21. 21. Drill down structure suits for most ofthe games.21 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber
  22. 22. Take care of your business drivers.22 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber
  23. 23. In-game interaction23 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber
  24. 24. 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
  25. 25. Make navigation and special functionbuttons visible.25 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber
  26. 26. 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
  27. 27. Resistive screens might have troublewith multipoint gestures.27 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber
  28. 28. 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
  29. 29. Dialogs must put everything else tothe background.29 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber
  30. 30. 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
  31. 31. 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
  32. 32. Take home messages32 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber
  33. 33. 33 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber
  34. 34. People want to play – but not with yourmenus.34 © Nokia 2012 UX Basics.pptx v. 0.1 YYYY-MM-DD Jan Krebber
  35. 35. Adapt the interaction to the limitedscreen real estate.35 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber
  36. 36. 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
  37. 37. Exercises37 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber
  38. 38. 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
  39. 39. 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
  40. 40. 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
  41. 41. 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
  42. 42. Exercise: How would you change thefollowing UI component?42 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber
  43. 43. 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
  44. 44. 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
  45. 45. Thanks to:- Anne Kivimaa- Sanna Hiukka45 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber
  46. 46. Thanks ext-jan.krebber@nokia.com46 © Nokia 2012 Design_tips_for_Series_40_game_developers.pptx 2012-09-13 Jan Krebber

×