presentation for UI 309 & 313

1. INFORMATION DESIGN

2. #1 rule of document design:
UNDERSTAND YOUR READERS
• They’re busy.
• They don’t care about you or your ideas
(or even if they do, they won’t
necessarily take the time to read
something that looks difficult.
• They will skim.
AND DESIGN ACCORDINGLY

3. GENERAL STRATEGIES
• Create a clear visual hierarchy.
• Chunk into bite-size pieces – use white
space.
• Use meaningful headings.
• Use clear topic sentences to facilitate
skimming.
• Be as concise as possible while still being
persuasive.

5. POOR VISUAL HIERARCHY

6. ontrast
epetition
lignment
roximity
C
A
R
P
eadings
ccess
ypography
pace
H
T
A
S

7. You will remember this till you die.

8. Create contrast with
color (hue, saturation).
CONTRAST – BE BOLD

9. Rule of Three Colors
hero sidekick sidekick

10. Create contrast with size or typeface.

11. Repeat colors, headings/subheading types,
words to create clear visual hierarchy.
REPETITION

12. ALIGNMENT
Strong alignments guide the reader’s eye.

14. PRO TIP 1: Don’t center everything.

15. PRO TIP 2: Use a grid to design (and
the rule of thirds).

16. PROXIMITY
Keep related ideas together.

17. Someone failed to consider proximity…

18. HEADINGS
Promote easy navigation (follow CRAP principles for
headings).

19. ACCESS
Help readers easily find and understand important info.
• Might use bullets and dashes, depending on the document
(typically not white papers).
• Use graphics (like tables and charts) where appropriate.

20. TYPOGRAPHY
Rule of thumb: no more than two typefaces in a single
document.
serif = body text
sans-serif = headings
Arial, Calibri, Gill Sans, Avenir, Helvetica, Futura,
Impact
Times New Roman, Garamond, Century Schoolbook,
Baskerville

21. SPACE

22. Sample redesign

23. WORD tools for
document design…
• Header/footer
• Tables
• Shapes
• Text boxes
• Columns
• Insert photos/text wrap

24. When in doubt, remember: simpler is better.