×
Namespaces

Variants
Actions
(Difference between revisions)

Ergonomic Design

From Nokia Developer Wiki
Jump to: navigation, search
sangramp@cybage.com (Talk | contribs)
hamishwillee (Talk | contribs)
m (Hamishwillee - Bot update - Fix ArticleMetaData and RevieweApproval)
Line 1: Line 1:
{{ReviewerApproved}}[[Category:Mobile Design]][[Category:Usability]]
+
{{ArticleMetaData <!-- v1.1 -->
 +
|sourcecode= <!-- Link to example source code e.g. [[Media:The Code Example ZIP.zip]] -->
 +
|installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) -->
 +
|devices= <!-- Devices tested against - e.g. ''devices=Nokia 6131 NFC, Nokia C7-00'') -->
 +
|sdk= <!-- SDK(s) built and tested against (e.g. [http://linktosdkdownload/ Qt SDK 1.1.4]) -->
 +
|platform= <!-- Compatible platforms - e.g. Symbian^1 and later, Qt 4.6 and later -->
 +
|devicecompatability= <!-- Compatible devices e.g.: All* (must have internal GPS) -->
 +
|dependencies= <!-- Any other/external dependencies e.g.: Google Maps Api v1.0 -->
 +
|signing= <!-- Signing requirements - empty or one of: Self-Signed, DevCert, Manufacturer -->
 +
|capabilities= <!-- Capabilities required by the article/code example (e.g. Location, NetworkServices. -->
 +
|keywords= <!-- APIs, classes and methods (e.g. QSystemScreenSaver, QList, CBase -->
 +
|id= <!-- Article Id (Knowledge base articles only) -->
 +
|language= <!-- Language category code for non-English topics - e.g. Lang-Chinese -->
 +
|translated-by= <!-- [[User:XXXX]] -->
 +
|translated-from-title= <!-- Title only -->
 +
|translated-from-id= <!-- Id of translated revision -->
 +
|review-by= <!-- After re-review: [[User:username]] -->
 +
|review-timestamp= <!-- After re-review: YYYYMMDD -->
 +
|update-by= <!-- After significant update: [[User:username]]-->
 +
|update-timestamp= <!-- After significant update: YYYYMMDD -->
 +
|creationdate= 20090621
 +
|author= [[User:Aadhar14b]]
 +
}}
 +
[[Category:Mobile Design]][[Category:Usability]]
 
==What is Ergonomic Design in context of mobile?==
 
==What is Ergonomic Design in context of mobile?==
 
<UL>
 
<UL>

Revision as of 05:13, 10 February 2012

Article Metadata
Article
Created: User:Aadhar14b (21 Jun 2009)
Last edited: hamishwillee (10 Feb 2012)

What is Ergonomic Design in context of mobile?

  • Ergonomics is the science of designing the job, equipment, and workplace to fit the user.
  • Ergonomic Design in context of mobile applications means designing the applications so that the user can use the application comfortably without being visually, mentally or physically stressed.
  • It takes account of the user’s capabilities and limitations in seeking to ensure that tasks and information suit the user.

Guidelines for Ergonomic Mobile Design

Ergonomic Design for mobile applications mainly deals with the proper design of UI (User Interface).Let us look at some key points that must be kept in mind while designing UI.

1. Do not use fixed font sizes to ensure readability and avoid using small font sizes.

Ergo -font.gif
      Incorrect Design                              Correct Design

2. Use 'easy to read' color combinations, use contrast effects to improve readability.

Ergo color.gif
      Incorrect Design                              Correct Design

3. Group functionally related elements on the user interface.

Ergo group1.gif
          Incorrect Design                                      Correct Design

4. Ensure that the tap/clickable region is ergonomic.
    Especially in case of Touch UI, proper spacing must be available for selection of UI elements.

Ergo touch.gif
      Incorrect Design                              Correct Design

5. Ensure that the user interface elements/objects and the text are clearly visible in presence of low light.

6. In case of touch screen UI, the size of the user interface elements should be optimized.
    Selection of an UI element must also be possible in absence of stylus.

Ergo size.gif
          Incorrect Design                              Correct Design

7. As colors can appear differently on different mobiles according to there displays, do not use color conventions to specify critical features.

8. In case of a sequential flow of actions, use the same soft key.
    This helps the user to carry on with the continuity of application flow without getting distracted to locate the position of the soft key for the next course of     action to happen in that flow.


Keeping in mind above mentioned points can help in making mobile application design 'Ergonomic' and thus will add value to the application.


--Submitted by - Aadhar14b, 21 June 2009

276 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.

×