Weitere ähnliche Inhalte Mehr von Microsoft Mobile Developer (20) Kürzlich hochgeladen (20) Nokia Asha UI Clinic: November 2013 — Jumping Man and Sky Sudoku1. Nokia Asha UX clinic November 2013
Jan Krebber @krebbixux
Senior User Experience Consultant
2. Overview
• Jumping Man (Anselmus
Kurniawan)
• Sky Sudoku (Govind Kumar)
• UX offering
• Take home messages
2
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
5. Truncated name makes the app look
unprofessional before it is even started.
5
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
6. Use a square launcher icon.
6
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
7. Canvas orientation is wrong.
Correct canvas orientation
7
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
8. Button sizes are too small. Minimum touch
area is 7mm x 7mm.
7mm x 7mm, 1mm margin
37px x 37 px, 5px margin
8
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
9mm x 9mm, 1mm margin
47px x 47px, 5px margin
9. Add touch down feedback for all touch
elements.
Mockup
9
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
10. Use the hardware back key instead of
pause/back/exit buttons on screen.
10
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
11. Keep response times short.
11
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
12. The ads are placed well, but do not show
ads in the game canvas while playing.
12
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
13. Set the game sound to off when opening
the game.
13
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
14. Do not link to broken webpages.
14
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
15. Finger hides the coming gaps.
15
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
16. The game idea is good.
16
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
17. 17
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
21. Splash screen is usually with little
information and of no use.
21
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
22. Do not use abbreviations. People will not
understand your app.
22
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
23. Do not use brackets for commands. Text
becomes hard to read.
23
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
24. Bold typeface is not good enough as an
indicator.
24
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
25. Describe all features and all possible values
in the Help section.
25
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
26. Dialogs should not be cryptic but crystal
clear.
26
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
27. Do not use LCDUI Dialog for Help or About.
Use the TextBox instead.
27
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
28. Do not set a highlight or an indicator to any
field which people cannot effect.
28
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
29. LCDUI’s multiple ChoiceGroup does not
work as switch metaphor in Nokia Asha.
29
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
30. It is too easy to (re-)place a number by
accident.
30
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
31. Check state requires an “uncheck” state,
since you toggle a state not a view.
31
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
32. Quicksavekeys do not work as there are no
hardware keys. Save in background.
32
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
33. HW Back key must exit the game from the
topmost hierarchy level. Always.
33
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
34. Remove settings to reduce complexity.
34
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
35. Remove hierarchy levels to reduce
complexity.
35
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
36. Free the canvas from options menu and
gain screen real estate for main controls.
36
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
38. Simplify the game canvas.
38
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
40. Direct people from your game to your web
page.
40
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
41. Sell small batches of games
with a low price.
41
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
44. Make sure the pocket knife fits into the
pocket.
44
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
45. Each setting is a decision you were too
much of a coward to take.
45
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
47. There are LCDUI and LWUIT UI style guides.
47
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
48. There are UI stencils for Inkscape in
addition to Adobe Illustrator.
48
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
49. Asha UI component demo application is a
Java midlet suite for LCDUI.
49
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
50. 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_libr
ary/#!design-library.html
• Nokia Asha UI component demos:
• https://projects.developer.nokia.com/asha_ui_component_demos
• Jumping Man: http://store.ovi.com/content/260091
• Sky Sudoku: 91govindkumar@gmail.com
50
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
52. 52
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
54. Make sure the pocket knife fits into the
pocket.
54
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
55. Each setting is a decision you were too
much of a coward to take.
55
© Nokia 2013 Nokia Asha UX clinic November 2013.pptx 2013-12-11 Jan Krebber @krebbixux
56. Special thanks to Anselmus and
Govind
mail.ansel@gmail.com
91govindkumar@gmail.com