Since wireframes have only essential design elements, they require using imagination to understand how the future design will look and work. The fact that wireframes have only a limited number of design elements creates a few downsides, such as:Ĭan be hard to imagine the future state of design. Wireframes are the barebone structure of the future product. As soon as you have a piece of paper or access to the drawing board, you can visualize how the future screen/page will look using basic objects such as rectangles, text, and arrows. Since wireframes have a bare minimum number of visual details, they can be created relatively fast (in minutes rather than hours or days).

Apart from that, wireframes are:įast to create. The product team can use wireframes to understand how the product will work. Wireframes help the product team evaluate the structure of individual pages/screens and see how individual screens will work together. Wireframe design on paper by FlutterTop UI/ UX Benefits of wireframes Mobile Lo-Fi UX wireframes by Michal Kulesza Immersive transitions wireframe by Nicolas Solerieu Here are a few notable examples of wireframes created by a fantastic design community: In both cases, wireframes provide a basic representation of the future design. Wireframes can be freehand drawings on paper or created using a digital wireframe tool. Wireframes look like they were designed with wires. The scheme becomes a skeleton for the future building.īlueprint of the building. This scheme is also called a blueprint and has a bare minimum number of visual attributes. When architects plan a new building, they create a scheme of the building first. WireframesĪ 'wireframe' is a term that came to the UX world from the world of architecture. This guide will help you understand the meaning of each artifact and when and how to use them. The difference between the artifacts can be unclear for anyone making their first steps in product design. Wireframes, mockups, and prototypes are different types of artifacts that product designers create when they work on user interface and user experience design.

Wireframe prototype mockup