Style Manual
240:205 Instructional Computing Design
50 points
|
The
best way to ensure style continuity throughout the product is to identify
the rules at the beginning. This manual, also known as a project
standards manual,
will help establish a set of expectations recognized by the client and
production team.
Based upon the standards listed in the
Alessi and Trollip book on pages 466-7, specify the following standards
in your style manual. Some
of the standards may seem irrelevant to your project (i.e., use and
placement of the logo). If
both you and your client agree that the specified standard does not
apply to your project, then explain this in your style manual.
Look and FeelUse and placement of a logo Font type, style, color, and size for text Different levels of headings Use of colors Overall screen layout (particularly if delivered via the Web) Look and placement of buttons
Style ConventionsGrammar ( e.g., use of active and passive voices, tenses, and moods). Punctuation Spelling Language (e.g., gender-related language, use of names, and locations). Cultural/Age Graphics Video
FunctionalityRestrictions on the amount of information needed to create a screen,
for example, 40 kilobytes per screen (particularly if delivered via
the Web). User interface (e.g., Use of certain keyboard conventions, such
as F1 for help, alternative input devices) Requirement for keyboard equivalents for each area clickable by
a mouse. Others . . .
This manual does not have to be a 300-page
book. It just needs to
have enough information to guide the design of the product. Remember that a picture is worth a 1000
words. Examples or screenshots of how you want your screens to appear
will increase the clarity of your description.
Assignment: · Create a style manual to describe your agreed upon standards.
Submit: · Your style manual |
|
CATEGORY |
4 |
3 |
2 |
1 |
Pts. |
|
Look & Feel
|
|
|
|
|
|
|
Logo |
|
Identified and placement described. |
Logo identified |
|
|
|
Font |
Type, style, color and size defined. |
Three of (type, style, color and size) defined. |
Two of (type, style, color and size) defined. |
Type or style or color or size defined. |
|
|
Text headings |
|
3 levels defined. |
2 levels defined |
1 level defined |
|
|
Colors |
All screen colors and meaning of colors defined. |
All screen colors defined. |
70% of screen colors defined. |
|
|
|
Screen layout |
Full screen layout defined with graphic representations. |
Full screen layout defined |
|
|
|
|
Buttons |
Location, appearance and function defined. |
Two of (location, appearance, and function defined) |
Location or appearance or function defined. |
|
|
|
Style conventions |
|
|
|
|
|
|
Grammar |
Voices, tenses and moods defined. |
Two of (voices, tenses and moods) defined. |
Voices or tenses or moods defined. |
|
|
|
Punctuation and
spelling |
Accepted punctuation style and spellings of topic-specific words defined. |
Accepted punctuation style or spellings of topic-specific words defined. |
|
|
|
|
Language |
Use of gender-related terms, names and locations defined fully. |
Use of gender-related terms, names and locations defined partially. |
|
|
|
|
Cultural/Age |
Culture/Age-specific requirements defined fully. |
Culture/Age-specific requirements defined partially. |
|
|
|
|
Graphics |
Format, size and placement defined. |
Two of (format, size and placement) defined. |
Format or size or placement defined. |
|
|
|
Video |
Format, size and placement defined |
Two of (format, size and placement) defined. |
Format or size or placement defined. |
|
|
|
Funtionality |
|
|
|
|
|
|
Information size |
|
Size limit for screens/stacks are defined. |
|
|
|
|
User Interface |
Types/specifications
of user interface defined. |
Types
or specifications of user interface defined. |
|
|
|
**Spelling and/or grammar errors in your project (over 2) will cost 1 point each.
This page was last updated by
Dr.
Z on
1/12/03