Wireframes

These are the graphic interface layout structures. They allow us to imagine the informational organization of the content and the functionalities. Medium-fidelity prototypes are considered prototypes of the interface, ranging from low-fidelity (on paper) to high-fidelity prototypes (the interfaces are finalized in a graphic editor or directly in HTML). The most advisable way to plan the interface, because it is fast, economical, and collaborative is low-fidelity wireframes:

Visual of Wireframe

Get Fixing Bad UX Designs now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.