Document design
Download
1 / 23

Document design - PowerPoint PPT Presentation


  • 106 Views
  • Uploaded on

Document design. What’s wrong here?. A document’s design should consider its audience. A document’s design should be appropriate for its audience. What’s wrong here?. A document’s design should be appropriate for its purpose. A document’s design should reinforce its content. Question:.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' Document design' - abel-duran


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript





Question
Question:

  • What design suggestions would you have for an author writing the following document:

    YOU CAN DO ITA Basic Computer Manual for Senior Citizens with Little to No Computer Experience


Question1
Question:

  • What design ideas would you have for an author working on the the following document?

    COMPUTER TOTS

    Basic Computer Operations for Kindergarten and First Grade


Evaluating design
Evaluating Design

According to Rew in your “Editing for Writers” textbook (p. 333), you can evaluate document design with the following six questions:


Evaluating design1
Evaluating Design

  • How effective is the design of the whole document?

  • How easy is the document to read?

  • Can the reader find information easily?

  • Can the reader understand the text easily?

  • Will the reader be able to retain and retrieve information?

  • For instructions/manuals, can the reader use the document to perform a task?


Consider these questions
Consider these questions…

  • …as you discuss your experiences with the sample Web sites provided for the seminar preparation.

  • First, let’s discuss the White House.gov site.

  • If you reviewed that site, share your reactions with your classmates.


Whitehouse gov
WhiteHouse.gov

QUESTIONS:

  • What did you think of the site’s design?

  • How well did it meet the criteria described in the six questions?

  • What works on the site?

  • What would you change to improve the site’s design?


Ed gov site
Ed.gov site

QUESTIONS:

  • What did you think of the site’s design?

  • How well did it meet the criteria described in the six questions?

  • What works on the site?

  • What would you change to improve the site’s design?


Irs gov site
Irs.gov site

QUESTIONS:

  • What did you think of the site’s design?

  • How well did it meet the criteria described in the six questions?

  • What works on the site?

  • What would you change to improve the site’s design?


Usps site
USPS site

QUESTIONS:

  • What did you think of the site’s design?

  • How well did it meet the criteria described in the six questions?

  • What works on the site?

  • What would you change to improve the site’s design?



Unity
unity

  • Items on the page should look like they belong there.

  • Items on the page should look like they belong together.

  • You can create unity through proximity (putting items close together), similarity (same color or shape), and placement (on subsequent pages, put similar items in same place on each page.


Proximity
Proximity

Both images at left contain three rows; each row contains three arrows. So why do they look so different?

It's not the background color, or the color of the arrows. It's the distance between the arrows.

The closer together visual elements are, the more likely we are to see them as a group or a pattern. That's a principle called proximity.

Proximity in the arrows on the image at bottom left make them look like a unit, like they belong together. Even though they are different colors, the proximity makes them appear to be a unit.


Similarity
Similarity

The images at left have equal numbers of circles and squares, yet the white squares on the bottom image are much more visible.

When all the elements are the same color, as they are in Image 2, the pattern is much harder to see.

In the first image, the gray squares and circles are so much alike that we tend to perceive them as one cohesive unit.

Similarity is at work here. The principle of similarity explains that we tend to group together those visual elements that are similar in size, shape, color, and direction. This can help us add unity to a page.


Balance
balance

Symmetrical balance – when both sides appear equal in the elements used, as in the example below.


Balance1
Balance

Asymmetrical – an informal method of balance when not all elements on one side of the page are equal to the other side, yet the elements are still balanced.


Emphasis
emphasis

Use of bold or larger fonts, boxes, colors can help provide emphasis to let the reader know what items are most important in the document.

Subhead 1

The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog.

Subhead 2

The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog.


Sequence
sequence

Subheads, text placement, proximity, graphics, white space, and other layout decisions can help readers determine what order or sequence they should follow in reading the document.



ad