Graphics Checklist


Home Page
The Author
Instructor.Resources
Student.Resources
Programs

iChat
Message Board
Buy the Book

 

Graphics Checklist

Responding to User Questions

From your user analysis and program task list, find areas where users might have the following questions.

User Question

Option to Respond

Where is it?

q     Arrows

q     Circles

q     Highlighting

 

What is it?

q     Examples

q     Metaphors

 

How do I do it?

q     Process overviews

q     Diagrams

 

Where am I?

q     Access indicator

q     Progress indicator

 

What’s the big picture?

q     Overall program diagrams

q     Menu maps

q     Conceptual overviews

q     How to use this manual


Making It Visible

q     Do your screen shots clearly show the user where to look in order to perform tasks?

q     Do you show concrete versions of abstract things?

q     Have you made your illustrations clear and easy to interpret?

Keeping Graphic Styles Consistent

In the area on the right, indicate what styles of graphics you plan for your manual or help project.

           

Graphic Element

Planned Styles

q     Lines

4-point grey for subheads

q     Fonts for titles

Arial 10-point

q     Arrow styles

 

q     Box styles

 

q     Frame styles

 

q     Labels and callouts

 

Typographic Techniques

Identify important elements using specific typographic techniques.  Indicate how you will make these elements clear to the user by selecting from among the following techniques.

Technique

Element

Make it larger than surrounding text and graphics

Lassie (help) icon: ½-inch

Make it darker than surrounding text or graphics

 

Make it central on the page or in the figure

 

Make it sharper than surrounding text and/or graphics

 

Align it with related elements

 

Arrange elements in a left-to-right progression

 

Identify the Function of Your Graphics

Which of the following functions will you emphasize in your design of graphics? Use the table below to help you plan.

Function

Type of Graphic to Support the Function

Showing use of tools

q     Screens

q     Drawings

q     Icons

q     Reports

q     Charts

q     Matrices

q     Photographs

q     Diagrams

q     Tables

Showing results of actions

q     Screens

q     Drawings

q     Icons

q     Reports

q     Charts

q     Matrices

q     Photographs

q     Diagrams

q     Tables

Presenting overviews

q     Screens

q     Drawings

q     Icons

q     Reports

q     Charts

q     Matrices

q     Photographs

q     Diagrams

q     Tables

Suggesting functions and uses

q     Screens

q     Drawings

q     Icons

q     Reports

q     Charts

q     Matrices

q     Photographs

q     Diagrams

q     Tables

Explaining processes

q     Screens

q     Drawings

q     Icons

q     Reports

q     Charts

q     Matrices

q     Photographs

q     Diagrams

q     Tables

Supporting text explanations

q     Screens

q     Drawings

q     Icons

q     Reports

q     Charts

q     Matrices

q     Photographs

q     Diagrams

q     Tables

Elements of Graphics

Use the list below to evaluate your designs for consistency and effectiveness.

Titles

q     Titles numbered sequentially

q     Numbers and titles listed in the front of the manual

q     Titles cued by boldface or enlarging in the text

Labels

q     Components of screens labeled to correspond with user tasks

q     Captions kept brief

q     Caption terminology consistent with the text

Placement

q     Graphic frames obey the margins of the page grid

q     Graphics assigned to a specific column or page region

q     Graphics placed close to and following the text to which they relate

Rules and Lines

q     Rules and lines kept straight and neat

q     Rules conform to the style of headers and other cues

q     Rules clearly indicate hierarchies of information

q     Grayscale rules used to save disk space and ink

q     Rules used sparingly in help screens

Size

q     Illustrations kept on one page

q     Oversized illustrations turned 90 degrees

q     Pictures cropped for focus

q     Illustrations organized around a clear hierarchy

Colors

q     Colors related to patterns of information

q     Colors kept in the same families of intensity: pastels, primaries, earth tones, etc.

q     Single colors used for bleeders or cuing

q     Reserved colors (red for danger, yellow for caution, etc.) avoided

This page maintained by Thomas Barker thomas.barker@ttu.edu  Hit Counter  Copyright © 2003 Pearson Education, publishing as Longman Publishers  Legal Notice