-
Tags
android apple applescript audience awards awesome business chicago communication competitive analysis context dashboard design design series environment freelancing freerange fun fuzzy math graphic design healthcare heuristic analysis ia ideation iit information visualization innovation inspiration mobile omnigraffle presentation process project ranger prototypes resourcing sitemap small business thinkering ubiquity user experience user experience web site review whiteboard wiimote wireframing workRSS Feed
feeds.feedburner.com/fuzzymath/OfJzPopular
- 100% How to read a wireframe
- 75% Omnigraffle Sitemap Generator from Sitemap.xml
- 47% Prototyping with Omnigraffle: show/hide annotations
- 28% Wireframes vs. Prototypes
- 24% How to evaluate a wireframe
How to read a wireframe
Posted on July 12, 2011 by Carl
You’re reading the first of three articles in the Fuzzy Math design series on wireframe basics. These articles talk about wireframe fundamentals: how to read, evaluate, and design wireframes effectively.
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% [?]
This entry was posted in Fuzzy Math, Technology & UX and tagged design series, wireframing. Bookmark the permalink.
7 Responses to How to read a wireframe
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 « Юрий Ветров. Проектирование интерфейсов и управление проектами