There are tons of great articles out there currently on the subject of wireframes and how to effectively create them. With wireframes not only being a crucial piece of the puzzle for designers but also clients, the gang at Fuzzy Math thought it was about time to present a few guidelines for how to read and understand what exactly is going on in a wireframe.
Reading a wireframe
Whether new to the world of wireframes, a client or stakeholder being presented one, or just a general fan of wireframe goodness, the best place to start is with the basics. A solid understanding of the pieces that make up a wireframe, will make reading one much easier. Everyone has their own style, but take a look below for a rundown of a few of the basic components to keep in mind:
Click on the image to view and download the 11×17 PDF (French version here).
Next up in the wireframe series: How to evaluate a wireframe
Popularity: 100% [?]
Pingback: How to evaluate a wireframe | Fuzzy Thoughts | A blog by Fuzzy Math
Pingback: Weekly Design News – Resources, Tutorials and Freebies (N.96)
Pingback: Web Development articles, tutorials, help » Blog Archive » Weekly Design News – Resources, Tutorials and Freebies (N.96)
Pingback: How to design a wireframe | Fuzzy Thoughts | A blog by Fuzzy Math
Pingback: Weekly Design News – Resources, Tutorials and Freebies (N.96) - WORDPRESS4free | WORDPRESS4free
Pingback: Wireframe basics: now in French! | Fuzzy Thoughts | A blog by Fuzzy Math
Pingback: Обзор свежих материалов, июль 2011 « Юрий Ветров. Проектирование интерфейсов и управление проектами