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

Nokia Asha UI clinic October 2013
Jan Krebber @krebbixux
Senior User Experience Consultant

Overview
•
•
•
•

2

Photogram (Gener Gabasa)
Kid’s Choice (Yasin)
UX offering
Take home messages

© Nokia 2013 Nokia Asha UI clinic October 2013.pptx 2013-15-10 Jan Krebber @krebbixux

Structure.

4


Truncated name makes the app look
unprofessional before it is even started.

5


Place the icon or glyph inside the focal
zone.

Reference
example
6


Do not use abbreviations in help text.
People might find them impolite or silly.

7


Help and About are not Dialogs.
Use TextBox or From instead.

8


Use initial caps for view headers, menu
items and buttons.

9


App is to easily closed by accident with a
swipe.

10


The primary function “Save” is hidden in
the menu.

11


4 filters might be to few. More filters
require a new app structure.

12


If Facebook is the only “share” option,
rename the button to “Facebook”.

13


Use a category bar with actions instead of a
single button only.

14


After saving the image the screen turns
black. Continue with a view instead.

15


Add more information about the filter
effects. Improve “Help”.

16


Reorganize the category bar and use a
different icon metaphor for “capture”.

17


To allow full screen inspection of the image,
the UI could hide after time out.

18


Adding a filter grid makes the app more
powerful and simpler to use.

Current structure
19


We especially liked #1: The missing splash
screen.

20


We especially liked #2: No screen real
estate wasted to show the own name.

21


We especially liked #3: The placement of
the ad.

22


Make it powerful but keep it simple.

23


Structure.

Optional rooms
25


Remove a splash screen which is without
any interactive or commercial benefit.

26


How do kids start the game by themselves
if they cannot read?

27


Some fonts are too small and with too little
contrast.

http://snook.ca

28


Simplify the structure and merge lists.

29



30



31


To easy to close the game by accident.
Use a 25 px margin at the borders.

32


Feedback for the drop area would support
players.

33


Mockup

Some items might be to small to grab.

34


Make the hardware back key work on the
first list view.

35


In Nokia phones, use “Language” rather
than “Word” for selecting a language.

36


Drop target area is a good size.

37


What we propose to add to
Kids Choice.

Add spoken words reading the “Quest”
item as option.

39


Add a link to your web page for more games
(if there exist) and for rating.

40


Simplify the structure.

41


There are LCDUI and LWUIT UI style guides.

43


There are UI stencils for Inkscape in
addition to Adobe Illustrator.

44


Asha UI component demo application is a
Java midlet suite for LCDUI.

45


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
• Photogram: http://store.ovi.com/content/355064
• Kid’s Choice: http://store.ovi.com/content/379767
• Contrast checker: http://snook.ca/technical/colour_contrast/colour.html

46


Make it powerful but keep it simple.

48


Simplify the structure.

49


Special thanks to Gener and Yasin 
genergabasa@yahoo.com
yasin10@mhs.if.its.ac.id

Thanks to Sanna Hiukka and
Stratos Kalogirou.

Thanks .

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

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

Recommandé

Recommandé

Contenu connexe

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

Similaire à Nokia Asha UI Clinic: October 2013 — Kids Choice and Photogram (20)

Plus de Microsoft Mobile Developer

Plus de Microsoft Mobile Developer (20)

Dernier

Dernier (20)

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