Testing Insights Share

What was the most surprising thing users did with your digital prototype?

How did testing your digital prototype differ from testing your paper prototype?

Share one insight with a neighbor.

Prayer

[Name], will you pray for us today?

Unit B: Make It Better App

Documentation doesn't just show your design — it is design.

Today

Documentation Walkthrough
Work Session + Instructor Reviews

By the end of today...

Instructor Review

You'll get 1:1 time with Nate to review your prototype and documentation progress

Documentation

You'll understand the six required sections of B4 and how to assemble them into a cohesive PDF

Final Prototype

You'll begin refining your high-fidelity prototype in Figma — no AI tools for B4

Documentation Walkthrough

Assembling the story of your design process

B4 Documentation — Six Required Sections

  1. Title Page with Creative Brief — Goal of the new interaction
  2. User Flow of Existing App — With critique (pros/cons)
  3. Competitive Analysis — Matrix + quadrant positioning chart
  4. User Task Diagrams — Existing flow + modified flow with visual separator
  5. Paper Prototype + Iterations — Show feedback, iterations, reasoning
  6. High-Fidelity Final Prototype — Device mock-ups, annotations, indistinguishable from native

The documentation illuminates the design.

It does not clash with nor overshadow it.

Clear typographic hierarchy  ·  Consistent grids  ·  Cohesive layout

Making Your Documentation Shine

[Show 1-2 examples from previous semesters]

Tell the Story of Your Process

What feedback from testing did you act on? What did you decide not to change, and why?

The standard for your final prototype

Indistinguishable from the original app.

Typography  ·  Spacing  ·  Color  ·  Interaction patterns

Next up

Work session + instructor reviews (~150 min) — While you work on your final prototype and documentation, Nate will meet with each of you 1:1

Build your high-fidelity prototype in Figma (no AI tools)  ·  Begin assembling your documentation PDF

B4 Documentation PDF — Due before Day 9 (Monday, Feb 9) on Learning Suite. All six sections + Figma prototype link.

Read "The Web's Grain" — Preparation for Unit C

Bring your laptop to Day 9

Resources

1 /