Wireframing

A wireframe is a two-dimensional representation of a page's layout that concentrates on the

distribution of content area and priority, accessible capabilities, and intended behaviours. For these
reasons, styling, color, or images are usually absent from wireframes.

Wireframes' Usefulness

Wireframes are useful for a variety of tasks by:

By displaying the routes between sites, link the information architecture of the website to its visual
style.

Explain how specific kinds of information should be displayed consistently on the user interface.

Identify the interface's planned use of features.

Determine which material should be prioritised by deciding how much room to give each object and
where to put it.

Various Wireframe Types

Both the production of wireframes—from paper sketches to computer-drawn images—and the level
of information they communicate can differ. The words low and high fidelity are used to describe the
utility or degree of wireframe creation.

Low-fidelity wireframes are comparatively quick to create and aid in project team collaboration.
Because they frequently employ basic pictures to delineate space and apply fake content or Latin
(lorem ipsum) text as filler for content and titles, they tend to be more abstract.

Due to their greater degree of detail, high-fidelity wireframes are preferable for documentation. The
dimensions, behavior, and/or acts associated with any interactive elements are frequently included
in these wireframes, along with other details about each specific object on the screen.