
Definition
Examples


Process
Step 1: Write a list of the elements you need to include in your wireframe
Our list for the Coffeehouse app includes: navigation, a search feature, a cart, or shopping bag, images, and text.
Step 2: Create different versions of how to structure information on the page
While creating the drawings, follow industry standards.
Step 3: Choose which elements are best
Identifying the areas in each of these different wireframes and choosing the elements that work best.
Step 4: Combine elements into a final wireframe
You can narrow the designs into a single refined wireframe
Paper wireframes

References
https://www.justinmind.com/blog/20-inspiring-web-and-mobile-wireframe-and-prototype-examples/
https://www.justinmind.com/blog/website-wireframe-design-guide/