18F

18F - Wireframing

Wireframing translates strategy into interface blueprints. In this 180-minute exercise, teams focus on structure and user flow, avoiding visual design distractions. Wireframes show page elements, their priority, and navigation. We'll cover annotation, versioning, and presenting to stakeholders. Wireframes become conversation tools, revealing gaps and alignment issues early, when changes are cheap. Expect documented interfaces that unite strategy and design, fostering collaboration.

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.

Consider these points: Wireframes don't need to be perfect. Sometimes, showing the messiness sparks better conversations. Government Considerations: No PRA implications. No data is collected from 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...