1 / 23

Document design

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:.

abel-duran
Télécharger la présentation

Document design

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. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Document design

  2. What’s wrong here?

  3. A document’s design should consider its audience. • A document’s design should be appropriate for its audience.

  4. What’s wrong here?

  5. A document’s design should be appropriate for its purpose. • A document’s design should reinforce its content.

  6. 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

  7. 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

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

  9. 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?

  10. 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.

  11. 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?

  12. 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?

  13. 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?

  14. 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?

  15. Elements of design

  16. 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.

  17. 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.

  18. 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.

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

  20. 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.

  21. 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.

  22. 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.

  23. Any questions?

More Related