How to Design a Wireframe

You’re reading the Fuzzy Math design series on wireframe basics: how to read, evaluate, and design wireframes effectively.

Last up in our wireframe series this week is how to design wireframes. With so many great articles out there on the subject of effectively designing wireframes, the team at Fuzzy Math thought it was time to throw our hat into the ring with a few guidelines for effectively creating wireframes.

Creating a wireframe

The final piece of the puzzle, well designed wireframes ensure clients and stakeholders can understand what is going on, and provide great feedback. Just like great feedback keeps the design process moving, a well designed wireframe gets the design process off on the right foot. Below are a few of the main areas to keep in mind when designing wireframes:

Click on the image to view and download the 11×17 PDF (French versionĀ here).

How to design a wireframe, user experience design, Diagram of a wireframe, web design, interaction design


Subscribe to our newsletter to receive more content like this

Our monthly newsletter on UX design, research, planning, and strategy.

Filed Under:

envelope mail-envelope-closed file_pdf arrow-up chevron-left arrow-left close x linkedin twitter facebook mailbox search