Designing Reader-Centered Pages and Documents
You build your communications out of visual elements: the dark marks of your words, sentences, and paragraphs against the light background of the page, as well as your drawings and graphs and tables. Your readers see the visual design of these elements before they read and understand your message. And what they see has a powerful effect on the success of your communications, on its usability and persuasiveness.
Here are ways that good design enhances usability.
- Good design helps readers understand your information.
- Good page design helps readers locate information quickly.
- Good design helps readers notice highly important content.
Here are some ways good design affects readers’ attitudes, thereby increasing a communication’s persuasiveness.
- Good design encourages readers to feel good about the communication itself.
- Good design encourages readers to feel good about the communication’s subject matter.
A Reader-Centered Approach to Design
Because page design can have such a significant impact on your communication’s usability and persuasiveness, you should approach design in the same reader-centered manner that you use when drafting text and graphics. Think continuously about your readers, including who they are, what they want from your communication, and the context in which they will be reading.
Design Elements of a Communication
It is helpful to think about the building blocks of a page design in the way that professional graphic designers do. When they look at a page, they see six basic elements.
- Text. Paragraphs and sentences.
- Headings and titles. Labels for sections of your communication.
- Graphics. Drawings, tables, photographs, and so on — including their captions.
- White space. Blank areas.
- Headers and footers. The items, such as page numbers, that occur at the top or bottom of each page in a multipage document.
- Physical features. These include paper, which may take many shapes and sizes, and bindings, which come in many forms.
CREATING GRAPHICS
Planning
- Identify places where graphics will increase your communication’s usability.
- Identify places where graphics will increase your communication’s persuasiveness.
Note: Make sure not to add graphics to areas that will alter the flow of the document/communication. Add graphics in places in between paragraphs or other logical breaks in the document.
Selecting
- Select the types of graphics that will best support your readers’ tasks.
- Select the types of graphics that will effectively influence your readers’ attitudes.
- Select the types of graphics that will best support your case.
Designing
- Design graphics that are easy to understand and use.
- Design them to support your readers’ tasks.
- Design graphics that your readers will find persuasive.
- Keep your graphics simple enough for easy use.
- Label content clearly.
- Provide your graphics with informative titles.
- Address the graphics with a sort summary of results or caption about the graphic.
Using Color
- Use colors to support your message.
- Use color for emphasis, not decoration or too distracting from the body text.
- Choose a color scheme, not just individual colors.
- Provide high contrast between text and background.
- Select colors with appropriate associations.
- Limit the number of colors.
- Use color to unify the overall communication.
Integrating with the Text
- Introduce each graphic in the text first.
- Tell your readers the conclusions you want them to draw from the graphic.
- Provide all explanations your readers will need in order to understand and use each graphic.
- Locate each graphic near its references.
Addressing an International Audience
- Check your graphics with persons from other nations for clarity when possible.
- Check your graphics with technology for problems when intra-converted between computer systems.
Using Graphics Ethically
- Avoid elements that might mislead your readers.
- Obtain permission from the copyright owner of each image that is not in the public domain.
- Give credit to all involved in the development or research of the graphic.
- Be sure the graphic will benefit the document overall and will not just add unnecessary clutter.
1 From Paul V. Anderson’s Technical Communication: A Reader-Centered Approach
Candela Citations
- General Design Concepts. Provided by: WikiBooks. Located at: http://en.wikibooks.org/wiki/Professional_and_Technical_Writing/Design/General. Project: Professional and Technical Writing. License: CC BY-SA: Attribution-ShareAlike
- Image of Website on Multiple Devices. Authored by: Muhammad Rafizeldi. Located at: http://en.wikipedia.org/wiki/Mobile_Web#/media/File:Responsive_Web_Design.png. License: CC BY-SA: Attribution-ShareAlike
- Image of Graphic Design Poster. Authored by: Kasra Kyanzadeh. Located at: https://flic.kr/p/4qYRms. License: CC BY: Attribution