|
Size: 367
Comment:
|
Size: 2806
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 '''Readability''': In the display of messages we can affect another property of the message– its readability–by the actual choice of words, the sentence structure and the appropriate language(s). * Communication * Language * Words * Syntax * Reading goals: Skim, scan, search, comprehension, evaluation '''Pleasurability''': (branding, compatibility, appropriateness, experience) Good user experience, consistent with the visual character of the surrounding architecture, appropriate ‘style’ to the activity, emotional and aesthetic benefits. * Holistic viewpoint of ‘user’ * Based-on individual users’ interests, experiences, and activities * User relevance and participation * Text vs. subtext '''Comprehension''': Understanding the meaning of a given display so that an associated consequent course of action is both apparent and possible. Comprehension involves recognition as a necessary but not sufficient condition. === User Characteristics === '''Looking and Finding''': Detection and Discrimination. Detection: Determining the presence of an object, target or symbol. Descrimination: Determining that differences exists; discriminating between target objects and non-target objects is determining differences on the basis of which identifications can be made. '''Identifying:''' Identification: Attributing a name or meaning to some object target or signal. Discrimination and identification are often parallel processes, but in psychological terms they make different demands of the presented information. '''Recognizing''': Recognition: Determining whether objects in the display have been seen before. Identification often accompanies recognition. |
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
Readability: In the display of messages we can affect another property of the message– its readability–by the actual choice of words, the sentence structure and the appropriate language(s).
- Communication
- Language
- Words
- Syntax
- Reading goals: Skim, scan, search, comprehension, evaluation
Pleasurability: (branding, compatibility, appropriateness, experience) Good user experience, consistent with the visual character of the surrounding architecture, appropriate ‘style’ to the activity, emotional and aesthetic benefits.
- Holistic viewpoint of ‘user’
- Based-on individual users’ interests, experiences, and activities
- User relevance and participation
- Text vs. subtext
Comprehension: Understanding the meaning of a given display so that an associated consequent course of action is both apparent and possible. Comprehension involves recognition as a necessary but not sufficient condition.
User Characteristics
Looking and Finding: Detection and Discrimination. Detection: Determining the presence of an object, target or symbol.
Descrimination: Determining that differences exists; discriminating between target objects and non-target objects is determining differences on the basis of which identifications can be made.
Identifying: Identification: Attributing a name or meaning to some object target or signal. Discrimination and identification are often parallel processes, but in psychological terms they make different demands of the presented information.
Recognizing: Recognition: Determining whether objects in the display have been seen before. Identification often accompanies recognition.