Differences between revisions 1 and 10 (spanning 9 versions)
Revision 1 as of 2010-12-06 23:28:37
Size: 367
Editor: eberkman
Comment:
Revision 10 as of 2010-12-07 00:11:41
Size: 1088
Editor: eberkman
Comment:
Deletions are marked like this. Additions are marked like this.
Line 1: Line 1:
A Page is the area that occupies the entire viewport of the screen during its current state. It organizes information while considering: * display technology.
* navigation structures and interactions.
* message display characteristics.
A Page is the area that occupies the entire viewport of the screen during its current state. It organizes information while considering:     * Display technology.
 * Navigation structures and interactions.
 * Message display characteristics.
Line 5: Line 6:
Within a page, the mobile elements that will be found and discussed throughout this book are: Wrapper, Components, Widgets == Mobile Display Elements ==
=== Message Display Characteristics ===
'''Legibility''': Refers to the ease with which the elements (letters, numbers, symbols, etc.) can be detected and discriminated from one another.
 * Font Design
 * Upper/lower case
 * Letter height
 * X-height
 * Stroke width/weight
 * Letter/line spacing
 * Contrast
 * Illumination/luminance

'''Conspicuity''': In addition to involving legibility, it also implies other display characteristics. It is nicely summed up by the notion of signal/noise ratio–the ease with which a given piece of information is detectable in the presence of other competing information.

 * Design presentation:
 * Spatial coding (grouping)
 * Shape coding
 * Color coding
 * Temporal coding
 * Size coding
 * Pictograms, maps, images
 * Attention/target value

A Page is the area that occupies the entire viewport of the screen during its current state. It organizes information while considering:

  • Display technology.
  • Navigation structures and interactions.
  • Message display characteristics.

Mobile Display Elements

Message Display Characteristics

Legibility: Refers to the ease with which the elements (letters, numbers, symbols, etc.) can be detected and discriminated from one another.

  • Font Design
  • Upper/lower case
  • Letter height
  • X-height
  • Stroke width/weight
  • Letter/line spacing
  • Contrast
  • Illumination/luminance

Conspicuity: In addition to involving legibility, it also implies other display characteristics. It is nicely summed up by the notion of signal/noise ratio–the ease with which a given piece of information is detectable in the presence of other competing information.

  • Design presentation:
  • Spatial coding (grouping)
  • Shape coding
  • Color coding
  • Temporal coding
  • Size coding
  • Pictograms, maps, images
  • Attention/target value

Page (last edited 2013-04-10 23:51:06 by localhost)