<?xml version="1.0" encoding="utf-8"?>

Annotate what can't be shown on a wireframe

Annotate what can't be shown on a wireframe Bad Practice
Annotate what can't be shown on a wireframe Best Practice

Wireframes have physical limitations. That dropdown showing 3 items might contain 30. The search results displaying 5 entries could return thousands. Annotations fill these gaps, providing complete information that space constraints prevent showing directly.

List all options for limited-space elements: dropdown items, menu entries, filter categories, or sample data variations. Specify sorting logic, pagination rules, and truncation behavior. Explain how elements handle extreme cases like empty states or overflowing content.

These annotations prevent assumptions that lead to broken experiences. Without knowing all the dropdown options, developers might size the container incorrectly. Without understanding pagination rules, designers might create inappropriate loading patterns. Complete information ensures robust implementation.

Improve your UX & Product skills with interactive courses that actually work