Cognitive Scaffold

Preparing your thinking workspace

arrow_back_ios_new
MENTAL MODEL · M11585

Wireframe

Wireframe
StructureHigh supportLogic
Included
account_tree

Version 1.0.0 · Updated 2026-07-28

CORE DEFINITION

A wireframe is a low-fidelity prototype that represents an interface layout using simple lines and shapes, focusing on structure and function while deliberately ignoring visual details. Its scaffolding value is as a fast communication tool: it lets a team validate information architecture and interaction logic before any investment in visual design.

SCAFFOLDING EFFECT

psychology

Reduce cognitive load

- Fast communication: sketch the layout in lines and shapes so everyone can discuss it quickly. - Validate before decorating: check information architecture and interaction logic before investing in visual design.

anchor

Anchor fast decisions

A low-fidelity prototype that represents interface layout with simple lines and shapes, focusing on structure and functionality while ignoring visual details, facilitating rapid communication, validation of information architecture and interaction logic, and significantly reducing the cost of early changes.

MINIMUM ACTION

In progress 0/5

Practice this model in one real situation:

Check to track your progress (stored locally)
Learning progress0%
account_treeGenealogyexpand_more
menu_bookReferencesexpand_more

Source support: Explicit

  • link
    en.wikipedia.orghttps://en.wikipedia.org/wiki/WireframeZH · Explicit
    verified

RELATED MODELS