A Free Wireframing Book and 5 Great Wireframing Tutorials

| 5 min read

We do our best to keep an eye out for new material for our community. One of the areas of significant interest to that community is wireframing. The ability to test product iterations cheaply and on the fly is a central part of quality UX design processes. So this week we thought we’d take a walk through some of the best wireframing resources out there:

UX Pin’s Free Guide to Wireframing

We’re not given to advertising products directly but as there are no strings attached to UX Pin’s very generous free Guide to Wireframing we thought we’d take a look inside and we are glad that we did. It takes a good long look at the history of wireframing and how to build effective wireframes for your product. Most importantly; it teaches you how to develop great wireframes with the kind of software you already have installed on your PC. Of course, there’s a plug for UX Pin’s very usable wireframing software but there’s no obligation to such much as try it when you download the book.

Download the Guide to Wireframing here.

Sitepoint’s Quick Guide to Wireframing Your Website

If you can’t be bothered to read a whole book on wireframing then you might be better served with Matt Beach’s classic article on how to wireframe your site. It’s quick, it’s dirty and it definitely gets the job done.

Read Matt’s Article here.

A Whole Magazine Dedicated to Wireframes

If you really want to get lost in the possibilities that wireframing can offer you then you might just want to head over to Wireframes magazine where there’s a particular focus on IA use of wireframes (though there’s plenty for everyone else too). Updates are a little bit sporadic (we guess that’s because most of what needed saying has been said) but the content’s evergreen so that shouldn’t matter too much.

Find Wireframes Magazine over here.

One Extra Pixel on the Importance of Wireframes

This is a great article that reinforces the need for wireframes in web design projects. It also points you in the direction of a number of tools that you might want to use to develop those wireframes in too.

Find the article here.

Look at Paper Wireframing

Not everything has to be high-tech when it comes to user research and UX design and this article is the perfect foil to the instant rush to the computer mode that comes on most of us at some time or another. You can build wireframes cheaply and easily on paper and this article shows you exactly how to do just that.

Find out how to build paper wireframes here.

And a Monster to Finish

This guide from Grace Smith is awesome. It’s a huge all-in-one approach to tools, techniques and more in wireframing. It highlights a lot of additional resources too.

Get Grace’s article here.

Header Image: Author/Copyright holder: chipsa.ru Copyright terms and licence: All rights reserved. Img

Image Source:

Boag World (link to image)

UX Pin (link to image)

One Extra Pixel (link to image)

Open Access - Link to us!

We believe in Open Access and the democratization of knowledge. Unfortunately, world class educational materials such as this page are normally hidden behind paywalls or in expensive textbooks.

If you want this to change, , link to us, or join us to help us democratize design knowledge!