Wireframe

Updated 22 Jul 2026

•
def
- •
  a low-fidelity visual representation of a user interface, showing structure, functions, and content layout without styling
•
wireframe vs mockup
- •
  wireframe = structure + functions + content layout
- •
  mockup = style + colours + right content (higher fidelity)
•
purpose
- •
  communicates layout and interaction design early in the process
- •
  enables rapid feedback before committing to detailed visual design
•
related
- •
  User Interface Design
- •
  Prototyping

Linked references 4