Quiz — Chapter 10: Design and Layout

Target: 70%+ before moving on. Answers and explanations are hidden — attempt each before expanding.

Section 1 — Multiple Choice

1. The chapter's threshold concept is best stated as: - A) Beautiful documents always communicate better than plain ones - B) Design is not decoration; it is part of the meaning, and the reader judges before reading - C) Serif fonts are more readable than sans-serif - D) You should design every document from scratch

Answer**B.** The reader meets the visual surface first and decides whether to engage before reading a word; layout, type, spacing, and hierarchy carry meaning. (A) overstates it—the goal is *readable*, not beautiful (§10.1). (C) is false; the typeface barely matters vs. size/spacing/measure (§10.2). (D) is the opposite of the chapter's advice on templates (§10.7). See §10.1.

2. For body text, the choice between serif and sans-serif is: - A) Critical—serif is always more readable - B) Critical—sans-serif is always more readable - C) Minor compared to type size, line length, and line spacing - D) Irrelevant—any font, including decorative ones, works fine

Answer**C.** A well-made serif or sans-serif both work for body text; size, measure, and leading drive readability far more. (A) and (B) overstate a weak effect. (D) is wrong—decorative/novelty fonts are *not* fine for body text. (§10.2)

3. The recommended line length (measure) for comfortable reading is roughly: - A) 20–30 characters per line - B) 45–75 characters per line - C) 100–130 characters per line - D) As wide as the page allows

Answer**B.** About 45–75 characters (8–15 words), mid-60s a common sweet spot. Too long makes the return sweep error-prone (re-reading, line-skipping); full-page-width (D) is the most common mistake. (§10.2)

4. "Leading" refers to: - A) The first line of a paragraph - B) The space between lines of text (line spacing) - C) The margin at the top of a page - D) The most important point, placed first

Answer**B.** Leading (pronounced "ledding") is line spacing; a guideline is ~120–145% of type size. (D) confuses it with "the lede" ([Ch 4](../../part-01-writing-is-thinking/chapter-04-structure/index.md)'s bottom line). (§10.2)

5. In design, "proximity" means: - A) Keeping the document short - B) Things that are related should be close together; unrelated things separated by space - C) Placing the conclusion near the top - D) Using a font close to the reader's preference

Answer**B.** Proximity: the eye reads nearness as belonging-together, so grouping with white space conveys structure. It's why a gap between groups signals "separate group." (§10.3)

6. The "more space above than below" rule for a heading exists so that: - A) The page looks symmetrical - B) The heading visually attaches to the section it introduces, not the one above it - C) Screen readers can find it - D) It fills the page

Answer**B.** Proximity again: a heading closer to its own content than to the content above reads as belonging to the section it introduces, rather than floating ambiguously between two. (§10.3)

7. Why does emphasizing many things in a document cause nothing to stand out? - A) It makes the file too large - B) Emphasis works by contrast; if most text is emphasized, there's no calm baseline for it to contrast against - C) Bold text is harder to print - D) Readers ignore all bold text on principle

Answer**B.** Emphasis is differential—it stands out only by differing from its surroundings. Emphasize a large fraction and "emphasized" becomes the norm, so nothing stands out. Restrict it to one or two elements. (§10.5)

8. The minimum WCAG contrast ratio for normal body text is: - A) 1:1 - B) 3:1 - C) 4.5:1 - D) 21:1

Answer**C.** Normal body text should meet at least 4.5:1; large text (~18pt+, or 14pt+ bold) can pass at 3:1. 21:1 is black-on-white (the max), not a requirement. Don't set body text in light gray. (§10.6)

9. Roughly what fraction of men have some form of color vision deficiency (most commonly red-green)? - A) About 1 in 1,000 - B) About 1 in 100 - C) About 1 in 12 - D) About half

Answer**C.** About 1 in 12 men (and ~1 in 200 women), most commonly red-green—exactly the pairing people use for "bad/good." This is why color must never be the sole carrier of meaning. (§10.5–§10.6)

10. To make information conveyed by color accessible, you should: - A) Use brighter colors - B) Use more colors so there's more variety - C) Pair color with a second non-color cue (label, icon, or shape) and use a color-blind-safe palette - D) Remove all color from the document

Answer**C.** Redundant encoding: color may reinforce, but a label/icon/shape must carry the meaning independently, so it survives color-blindness, grayscale printing, and screen readers. You needn't remove color (D)—just don't make it the *only* signal. (§10.6)

11. Why does a "fake heading" (text merely styled big and bold, but tagged as normal body text) fail a screen-reader user? - A) It's too large to fit on the screen - B) Screen readers navigate by semantic heading structure, so a styled-but-not-real heading won't appear in the heading list—the user misses it - C) Screen readers can't read bold text - D) It violates copyright

Answer**B.** A screen reader reads the underlying markup, not the visual look. Styled-but-not-real headings are just paragraphs to it, so they're absent from heading navigation—worse than useless, because they also misrepresent structure. Use real heading styles. (§10.6)

12. According to the chapter, documents feel "generic" primarily because: - A) Templates are inherently bad - B) The writer dumped content into a template thoughtlessly (default sections, no real hierarchy, no emphasis on what matters) - C) The template used a standard font - D) The document was too short

Answer**B.** The cause is unthinking use, not the template itself. Adapt the template to your content (cut/rename/reorder sections, apply your own hierarchy and emphasis); distinctiveness comes from clear content, not visual flourishes. (§10.7)

13. For most technical documents, the safest default text alignment is: - A) Fully justified (both edges flush) - B) Centered - C) Left-aligned, ragged right - D) Right-aligned

Answer**C.** Left-aligned, ragged-right keeps word spacing even; forced justification in narrow columns or without good typesetting opens ugly "rivers" of white space and can hurt readability. (§10.2)

Section 2 — True/False with Justification

T/F 14. White space is wasted space that should be filled with content where possible.

Answer**False.** White space is a tool, not waste. It groups related items, separates unrelated ones (proximity), rests the eye, and signals care. Generous margins also shorten line length. Filling every inch produces the wall of text. (§10.1, §10.3)

T/F 15. If a document's content is solid, its visual design doesn't materially affect whether it gets read.

Answer**False.** The reader judges the visual surface and decides whether to engage *before* reading the content (the flinch test). Solid content behind a hostile layout often goes unread. Design is part of delivery, not optional polish. (§10.1)

T/F 16. Building a correct, semantic heading hierarchy for sighted scanners also serves blind screen-reader users, with no separate work.

Answer**True.** Both groups navigate by structure (sighted readers scan headings; screen-reader users jump between them). Real, well-nested headings serve both with one effort. Only the purely visual (contrast, color) and image descriptions (alt-text) need additional attention. (§10.6)

T/F 17. Underlining is a good way to emphasize a word on a web page.

Answer**False.** On screen, underline conventionally means "link"—readers will try to click it. Underlining for emphasis is a typewriter holdover with no place in digital text; use sparing bold (or italics) instead. (§10.5)

T/F 18. You should shrink the body type if needed to fit a document onto one page.

Answer**False.** Tiny type punishes the reader's eyes for the writer's page-count convenience. If it won't fit, cut words ([Ch 3](../../part-01-writing-is-thinking/chapter-03-clarity/index.md)) or add a page—don't shrink below a comfortable size. Reader comfort outranks page count. (§10.2, §10.8)

Section 3 — Short Answer

19. Name the three typographic factors that matter more than the serif-vs-sans choice, and the rough target for each.

Model answer(1) **Type size**—comfortable, ~11–12pt print / ≥16px web, lean larger. (2) **Line length (measure)**—~45–75 characters per line. (3) **Line spacing (leading)**—~120–145% of type size (a touch more than single). *Rubric: all three named with a reasonable target each.* (§10.2)

20. A table conveys status using only red/yellow/green cell colors. State who is excluded and the specific fix.

Model answerExcluded: readers with color vision deficiency (≈1 in 12 men, red-green most common) and anyone reading a grayscale printout—they can't distinguish the colors. Fix: add a second, non-color cue to each cell—a text label ("On track"/"At risk"/"Overdue") and/or a distinct icon/shape—so the meaning is carried independently of color (redundant encoding); also prefer a color-blind-safe palette. *Rubric: names the excluded group + the redundant-cue fix.* (§10.6)

21. Explain in two or three sentences why emphasis is a "scarce resource."

Model answerEmphasis works only by contrast—an emphasized element stands out by differing from the plain text around it. The more you emphasize, the less calm baseline remains, so each emphasized thing stands out less, until heavy emphasis cancels itself and nothing is prioritized. So you must "spend" emphasis only on the one or two genuinely most important elements. *Rubric: identifies contrast/differential mechanism + the "more emphasis = less standout" consequence.* (§10.5)

22. What makes a document feel "generic," and what's the correct response (per §10.7)?

Model answerGeneric-ness comes from dumping content into a template thoughtlessly—keeping default sections, applying no real hierarchy, emphasizing nothing specific—not from templates themselves. The fix isn't to abandon templates (you'll likely do worse) but to use the template's bones (type, margins, palette) while supplying your own structure of meaning: cut/rename/reorder sections to fit your content and emphasize your key point. Distinctiveness should come from clear content, not flourishes. *Rubric: correct cause (thoughtless filling) + correct response (adapt, don't abandon).*

Section 4 — Applied Scenario

23. You're given this description of a page and asked to redesign it. "A one-page internal report. No title. Body in 10-point, single-spaced, full-width (≈115 characters/line), fully justified. One continuous 700-word block covering three topics. The one key number (a 31% cost reduction) is buried mid-paragraph in plain text. Status of three options is shown by colored dots only (green/yellow/red), no labels." List the specific design changes you'd make (do not rewrite the words), grouped by typography, white space/hierarchy, emphasis, and accessibility. Then name the single change that will most improve readability.

Model answer + rubric**Typography:** increase body type to ~11–12pt; constrain width with margins to ~65 characters/line; increase line spacing to ~130–140%; switch from forced justification to left-aligned ragged-right. **White space/hierarchy:** add a clear, larger/bold title; split the 700-word block into the three topics under three informative headings (visibly larger/bolder, more space above than below); break into short paragraphs with space between them; add margins so the page breathes. **Emphasis:** set the key number (31% cost reduction) in bold so the eye catches it—and keep it the *only* emphasis. **Accessibility:** make the headings *real* (semantic); ensure body contrast is sufficient (no light gray); add a text label and/or distinct shape to each status dot so status survives color-blindness and grayscale. **Single biggest readability win:** constraining the line length (adding margins to ~65 characters)—it fixes the error-prone return sweep and, combined with the resulting white space, immediately de-walls the page. *Rubric (6 pts): 1 each for addressing type size, line length, spacing/justification, headings+white space, single-emphasis on the key number, and accessibility (real headings + color-independent status). +1 for correctly naming line length as the biggest single win. Full marks = 6/6 categories + the line-length call.*

Scoring & Next Steps

Score What to do
< 50% Re-read §10.1–§10.3 (the flinch test, typography, white space/hierarchy). Redo Section 1.
50–70% Re-read the sections behind your missed items; redo Part B in exercises.md (the redesign tasks).
70–85% You're ready for Chapter 11. Do the Project Checkpoint design pass on your report if you haven't.
> 85% Strong. Try Extension exercises E1–E2 (redesign a real document; audit a template for accessibility).

Back to: Chapter 10 · Exercises · Key Takeaways