Sketch vs. Mockup vs. Wireframe

Because this seems to keep popping up in my discussions from time to time:

1. Sketch

  • Fidelity: – – (very low)
  • Time: ++ (very fast)
  • Cost: ¢ (cheap)
  • Use: quick brainstorm of ideias; easy communication of purpose; pen & paper rough drawings

2. Wireframe

  • Fidelity: (low)
  • Time: + (fast)
  • Cost: $ (low)
  • Use: quick communication of interactions; documenting the interface; black & grey representation

3. Mockup

  • Fidelity: + / ++ (medium / high)
  • Time:  (slow)
  • Cost: $$ (high)
  • Use: gather feedback and buy-in from stakeholders; static visualisation

4. Prototype

  • Fidelity: + / ++ (medium / high)
  • Time: – – (very slow)
  • Cost: $$$ (expensive)
  • Use: user testing; possibly reusable into the product; real interactive implementation

See also: