Patterns icon
Pattern guide

Gui Prototype

Rapidly prototype interfaces to validate workflows and UX.

Intent

Test UI/UX ideas quickly before committing to production.

When to use

  • New workflows need validation.
  • Stakeholders need to see the flow early.
  • You need to de-risk a complex interface.

Core mechanics

  • Create a lightweight prototype with realistic data.
  • Gather feedback and iterate rapidly.
  • Translate findings into backlog items.

Implementation checklist

  1. Define user flows and success criteria.
  2. Build a prototype with sample data.
  3. Run reviews or usability tests.
  4. Capture feedback and decisions.
  5. Translate into implementation tasks.

Failure modes and mitigations

  • Prototype mistaken for production -> label clearly and limit scope.
  • Feedback ignored -> document decisions and follow-up.
  • Unrealistic data -> use representative samples.

Observability and validation

  • Feedback notes and decision log.
  • Prototype revision history.

Artifacts

  • Prototype link or screenshots.
  • Feedback summary.
Seen in production

Seen in production as

Atlas project

snipeit_gui

Provide a technician-friendly interface for asset lookups, updates, and bulk workflows. It ingests Serial numbers, CSV text, (future) …

Related

Related patterns