Exercise #12

 What is wireframe sketching?

Wireframes visualize a user path or flow, as well as page layouts, information hierarchy, and even interactions. Depending on their purpose, they can vary in fidelity — from quick sketches to detailed representations of the final design. For people with limited or no drawing abilities, wireframing can be daunting.

Digital wireframe:

A wireframe is a two-dimensional illustration of a page's interface that specifically focuses on space allocation and prioritization of content, functionalities available, and intended behaviors. For these reasons, wireframes typically do not include any styling, color, or graphics.

Hand sketch wireframe:

Essentially — wireframes are basic design layouts of your product. Wireframes present the key information that you want to display on the page. They also give a clear sign of what your app or website page structure is going to look like. And finally, wireframes give basic information about specific elements in your user interface and your user flow, and even highlight different UI functionality.

They're quick sketches that you can create with pencil and paper. You can design low-fidelity wireframes using pen and paper or sketching apps. They're great for sharing on-the-spot ideas with basic shapes, images and content.