18F

18F - Wireframing

Your team sketches the screens of a product or service as rough blueprints, then tests them against real user scenarios and checks with developers what's feasible. You leave with low-fidelity wireframes the team agrees on, while changes are still cheap.

Duration
3 hours
Group Size
3-6
Category
18F
Difficulty
Easy
Prioritize content and relationships over aesthetics. Give designers a chance to ask developers about feasibility early.

  • Wireframes showing layout and structure.

  • Low-fidelity design foundation.

  • Alignment on information architecture.

Wireframes don't need to be perfect: showing the mess often sparks better conversations. The common failure is the review turning into a debate about looks, because someone added a logo or a brand color. Ask one question first: can the user finish the task? Park visual comments on a separate list. Remotely, give each pair its own page in one shared design file, sketch in breakout rooms, and have people photograph paper sketches and drop them on the page. Government considerations: no PRA implications, as no information is collected from members of the public.

Unlock Step-by-Step Instructions

Free account, no card. Every exercise, agenda, and resource in full.

Unlock Pre-Work Requirements

Free account, no card. Every exercise, agenda, and resource in full.

Unlock Materials Required

Free account, no card. Every exercise, agenda, and resource in full.

Unlock Resources & Templates

Free account, no card. Every exercise, agenda, and resource in full.

Discussion

Loading comments...