document design: guidelines for effective information layout
DESCRIPTION
Document Design: Guidelines for Effective Information Layout. Dr. Shelley Thomas ENGL 3190. Some Concepts. Arrangement Organization of visual elements Sequence of information—chronological, causal, hierarchical Format - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Document Design: Guidelines for Effective Information Layout](https://reader033.vdocuments.us/reader033/viewer/2022051518/56816839550346895dde0117/html5/thumbnails/1.jpg)
Document Design:Guidelines for Effective
Information Layout
Dr. Shelley ThomasENGL 3190
![Page 2: Document Design: Guidelines for Effective Information Layout](https://reader033.vdocuments.us/reader033/viewer/2022051518/56816839550346895dde0117/html5/thumbnails/2.jpg)
Some Concepts Arrangement
Organization of visual elements Sequence of information—
chronological, causal, hierarchical Format
Consistent design conventions of recurring elements such as headings, typeface, margins, columns, and boxes
![Page 3: Document Design: Guidelines for Effective Information Layout](https://reader033.vdocuments.us/reader033/viewer/2022051518/56816839550346895dde0117/html5/thumbnails/3.jpg)
Some Concepts Layout
Arrangement of elements on a page
![Page 4: Document Design: Guidelines for Effective Information Layout](https://reader033.vdocuments.us/reader033/viewer/2022051518/56816839550346895dde0117/html5/thumbnails/4.jpg)
Some Concepts Physical appearance
ShapePortrait or landscapeFull page, folded brochure (tent
style or book style), tri-fold, etc. Paper weight, color, and texture Type of binding
Coil, tape, binder
![Page 5: Document Design: Guidelines for Effective Information Layout](https://reader033.vdocuments.us/reader033/viewer/2022051518/56816839550346895dde0117/html5/thumbnails/5.jpg)
Functions of Design Provides access to information Aids comprehension Enhances recall Motivates readers Meets readers’ expectations Facilitates ongoing use
![Page 6: Document Design: Guidelines for Effective Information Layout](https://reader033.vdocuments.us/reader033/viewer/2022051518/56816839550346895dde0117/html5/thumbnails/6.jpg)
Kostelnick and Roberts, Designing Visual Language
Principles of Design—Arrangement
Arrangement—shows structure of information Through
numbering
Spatial arrangement
1.2.3.4.5.6.
1.0 1.1 1.2
2.0 2.1 2.2
![Page 7: Document Design: Guidelines for Effective Information Layout](https://reader033.vdocuments.us/reader033/viewer/2022051518/56816839550346895dde0117/html5/thumbnails/7.jpg)
Kostelnick and Roberts, Designing Visual Language
Principles of Design—Emphasis
Emphasis—controls what stands out
![Page 8: Document Design: Guidelines for Effective Information Layout](https://reader033.vdocuments.us/reader033/viewer/2022051518/56816839550346895dde0117/html5/thumbnails/8.jpg)
Kostelnick and Roberts, Designing Visual Language
Principles of Design—Clarity Clarity—helps readers to access
information quickly Encompasses many design elements
Typefaces• Easy to read?• Appropriate for audience?• Demonstrates professionalism?• Easy-to-read all caps?
![Page 9: Document Design: Guidelines for Effective Information Layout](https://reader033.vdocuments.us/reader033/viewer/2022051518/56816839550346895dde0117/html5/thumbnails/9.jpg)
Principles of Design—Clarity (con’t)
Charts Illustrations
Cats Dogs Birds Fish2001
2002
Cost
Species
Year
Household Pets
40-50
30-40
20-30
10-20
0-10
![Page 10: Document Design: Guidelines for Effective Information Layout](https://reader033.vdocuments.us/reader033/viewer/2022051518/56816839550346895dde0117/html5/thumbnails/10.jpg)
Principles of Design—Conciseness Conciseness—designs that are
appropriately succinct Fish
1
2
Birds
12
Dogs
1
2
Cats
2001
2002
Charts are too concise to communicate effectively
![Page 11: Document Design: Guidelines for Effective Information Layout](https://reader033.vdocuments.us/reader033/viewer/2022051518/56816839550346895dde0117/html5/thumbnails/11.jpg)
Kostelnick and Roberts, Designing Visual Language
Principles of Design—Conciseness
Information consolidatedStrays Adopted
0
10
20
30
40
50
Cats Dogs Birds Fish
Species
Num
ber
20012002
Be careful of those stray fish.
![Page 12: Document Design: Guidelines for Effective Information Layout](https://reader033.vdocuments.us/reader033/viewer/2022051518/56816839550346895dde0117/html5/thumbnails/12.jpg)
Kostelnick and Roberts, Designing Visual Language
Principles of Design—Tone and Ethos
Tone—reveals the designer’s attitude toward the audience
Ethos—cultivates a sense of credibility with the audience
![Page 13: Document Design: Guidelines for Effective Information Layout](https://reader033.vdocuments.us/reader033/viewer/2022051518/56816839550346895dde0117/html5/thumbnails/13.jpg)
Robin Williams, Non-Designer's Design Book
Non-Designer’s GuidelinesProximity and Alignmenthttp://coe.sdsu.edu/eet/articles/designprin1/start.htm
Repetition and Contrasthttp://coe.sdsu.edu/eet/articles/designprin2/start.htm
![Page 14: Document Design: Guidelines for Effective Information Layout](https://reader033.vdocuments.us/reader033/viewer/2022051518/56816839550346895dde0117/html5/thumbnails/14.jpg)
Elements of Design Number of columns Line length White spaces—margins, open space,
vertical or horizontal layouts Visuals—number and placement
![Page 15: Document Design: Guidelines for Effective Information Layout](https://reader033.vdocuments.us/reader033/viewer/2022051518/56816839550346895dde0117/html5/thumbnails/15.jpg)
Elements of Design Paragraph length and indentation Lists—numbered, bulleted Headings—levels, size, font, capital
style, placement Portrait vs. landscape page
orientation Type—font, size, style
![Page 16: Document Design: Guidelines for Effective Information Layout](https://reader033.vdocuments.us/reader033/viewer/2022051518/56816839550346895dde0117/html5/thumbnails/16.jpg)
Elements of Design Rules, boxes, underlining, pointers Shading, color Binding, folding, document size Paper—weight, color, texture
![Page 17: Document Design: Guidelines for Effective Information Layout](https://reader033.vdocuments.us/reader033/viewer/2022051518/56816839550346895dde0117/html5/thumbnails/17.jpg)
Document Design Decisions Do I use text or a visual representation? Where do I place text, visuals? How many columns should I use? How do I group common elements? What type styles and sizes should I
use? How do I accommodate different types
of readers?
![Page 18: Document Design: Guidelines for Effective Information Layout](https://reader033.vdocuments.us/reader033/viewer/2022051518/56816839550346895dde0117/html5/thumbnails/18.jpg)
Implementing Design Principles Chunking
Coding information into meaningful units and separating them from other units
Using White Space White space is not a left over area,
it is an active design element that separates and emphasizes
![Page 19: Document Design: Guidelines for Effective Information Layout](https://reader033.vdocuments.us/reader033/viewer/2022051518/56816839550346895dde0117/html5/thumbnails/19.jpg)
Implementing Design Principles Sequencing
Establishing a sequence of stops for the reader (large to small, high to low, left to right, color to black and white, bold to light, irregular to normal shapes)
![Page 20: Document Design: Guidelines for Effective Information Layout](https://reader033.vdocuments.us/reader033/viewer/2022051518/56816839550346895dde0117/html5/thumbnails/20.jpg)
Implementing Design Principles Navigating
Using navigational aids such as visual markers (tabs, bullets, graphics, white space) and verbal guides (table of contents, lists, headings, indices, headers, footers)
![Page 21: Document Design: Guidelines for Effective Information Layout](https://reader033.vdocuments.us/reader033/viewer/2022051518/56816839550346895dde0117/html5/thumbnails/21.jpg)
Implementing Design Principles Signaling
Using cues that preview organization, indicate hierarchy, or show relationships such as type size, italics, bold, color, underlining, preview statements, connectives
![Page 22: Document Design: Guidelines for Effective Information Layout](https://reader033.vdocuments.us/reader033/viewer/2022051518/56816839550346895dde0117/html5/thumbnails/22.jpg)
Advantages of Effective Document Design Accommodates different types of
reading Points readers to most important
material Promotes comprehension Enhances recall
GOAL: Instant and lasting communication