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.
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% [?]
Tags: design series, wireframing
[...] Blog ← How to read a wireframe [...]
[...] – Makes Select Boxes BetterMedia Queries – A Collection of Sites Using Media Queries How to Read a Wireframe (PDF)Google Plus Photo Stack Animation using jQuery and CSS3Create a Photo Stack Effect with Pure CSS [...]
[...] How to Read a Wireframe (PDF) [...]
[...] Math design series on wireframe basics. These articles talk about wireframe fundamentals: how to read, evaluate, and design wireframes [...]
[...] How to Read a Wireframe (PDF) [...]
[...] basics posters. We said absolutely, he went to work, and now we have all three posters on how to read, evaluate, and design wireframes in French. They can be downloaded [...]
[...] How to Read a Wireframe Отличная памятка для клиентов и участников процесса проектирования от компании Fuzzy Math, описывающая порядок работы с wireframes. На что смотреть в этом документе и как использовать его в процессе работы? Прямая ссылка на PDF. [...]
[...] How to read a wireframe and How to evaluate a [...]
[...] http://blog.fuzzymath.com/2011/07/12/how-to-read-a-wireframe/ [...]