×
Namespaces

Variants
Actions
(Difference between revisions)

Theme usability design guidelines

From Nokia Developer Wiki
Jump to: navigation, search
hamishwillee (Talk | contribs)
m (Hamishwillee - Bot update - Fix ArticleMetaData and RevieweApproval)
hamishwillee (Talk | contribs)
m (Hamishwillee - Tidy wiki text)
Line 1: Line 1:
 +
[[Category:Mobile Design]][[Category:Usability]]
 
{{ArticleMetaData <!-- v1.1 -->
 
{{ArticleMetaData <!-- v1.1 -->
 
|sourcecode= <!-- Link to example source code e.g. [[Media:The Code Example ZIP.zip]] -->
 
|sourcecode= <!-- Link to example source code e.g. [[Media:The Code Example ZIP.zip]] -->
Line 22: Line 23:
 
|author= [[User:Kamaljaiswal]]
 
|author= [[User:Kamaljaiswal]]
 
}}
 
}}
{{ ReviewerApproved }}
 
[[Category:Mobile Design]][[Category:Usability]]
 
  
==Themes and Usability==
+
==Themes and usability==
 
Creating user-friendly themes is quite straightforward if you keep the following things in your mind:
 
Creating user-friendly themes is quite straightforward if you keep the following things in your mind:
  
Line 35: Line 34:
 
[[Image:ThemesAndUsability.png]]
 
[[Image:ThemesAndUsability.png]]
  
==Theme Components with high Usability==  
+
==Theme Components with high usability==  
  
 
===Idle background===
 
===Idle background===
Line 84: Line 83:
  
 
[[Image:Forum_Champion_Theme.jpg]]
 
[[Image:Forum_Champion_Theme.jpg]]
 
  
 
Similar theme could be created for:<br>
 
Similar theme could be created for:<br>
Line 95: Line 93:
  
 
==Common Mistakes To Avoid==
 
==Common Mistakes To Avoid==
1. Text not clearly visible or not visible at all.<BR>
+
# Text not clearly visible or not visible at all.<BR>
2. Improper icons; icons represents the functioning. Improper usage of icons can be misleading.<BR>
+
# Improper icons; icons represents the functioning. Improper usage of icons can be misleading.<BR>
3. Keep in mind both landscape and regular view.<BR>
+
# Keep in mind both landscape and regular view.<BR>
4. Explicit distinction should be possible for users for the selected and not selected items.
+
# Explicit distinction should be possible for users for the selected and not selected items.

Revision as of 05:14, 14 February 2012

Article Metadata
Article
Created: kamaljaiswal (16 Jun 2009)
Last edited: hamishwillee (14 Feb 2012)

Contents

Themes and usability

Creating user-friendly themes is quite straightforward if you keep the following things in your mind:

Style:A theme is more than a background image - a theme should have a unifying idea with a consistent style and balanced colour palette.

Contrast:Mobile devices are small and the text and icons on them are even smaller - a good contrast should be provided throughout the theme, so that the icons, texts, and the focus and scrolling indicators are easy to interpret. Even the best sketches need revising and require hard-disciplined work to make them really good.

ThemesAndUsability.png

Theme Components with high usability

Idle background

The idle background is displayed when the device is in idle mode and it can be practically anything you like or think the users of your Theme would like.

Note: There will be things on top of the idle background that have to be readable, such as the date and the time.

PREFERRED
Preferred Idle Bg.jpg

NOT PREFERRED
Not Preferred Idle.jpg

Active background

Background for different applications, pop-ups, and fields

Active standby

Scalable UI

When screen orientation changes from portrait to landscape and the aspect ratio of the display changes.Theme creator should also consider this effect.

PORTRAIT MODE
Potrait Mode.jpg

LANDSCAPE MODE
Lanscape mode.jpg

Icons and metaphors

Usable clocks, signals, and status bars

Ring Tone GuideLines For Nokia Devices

Nokia GuideLines For Creating User Friendly Themes

GuideLines For Theme.png


Few SnapShot of Forum Champion Theme

Forum Champion Theme.jpg

Similar theme could be created for:

1:Super Contributor.

2:Regular Contributor.

3:Post Of the Month.

4:Wiki Contributor.

As they are the important part of the Nokia Developer Community.

Common Mistakes To Avoid

  1. Text not clearly visible or not visible at all.
  2. Improper icons; icons represents the functioning. Improper usage of icons can be misleading.
  3. Keep in mind both landscape and regular view.
  4. Explicit distinction should be possible for users for the selected and not selected items.
173 page views in the last 30 days.

Was this page helpful?

Your feedback about this content is important. Let us know what you think.

 

Thank you!

We appreciate your feedback.

×