skip to content rich footer

stevenclark.com.au

subscibe to the StevenClark.com.au rss feed

Design Technique 10: Page Description Diagrams

Another interesting take on the information architecture side of design techniques is the Page Description Diagram. In the article I’ve linked to D. Keith Robinson puts forward a good scenario where he takes a wireframe to a client who doesn’t understand it. These artefacts suit some people better than others and you might assess whether to use one method over another by your expetation of how the client’s (or other stakeholder’s) mind works best at putting concepts together. Some people need to see a wireframe and others just need the information in Page Description Diagrams. OK then how do you go about that? I’m glad you asked.

The Page Description Diagram is simply a text description of each page - its goals and what you see as being important. There is no content here and only descriptions of what you envision the page will contain or an overview of its purpose. It is a generality and what I like particularly about how some people go about this is by prioritising some elements over others on a priority scale. This document can give a designer in the next phase of the project (perhaps that’s still you) a good tool for seeing what the vision of each page is - all the better to support these goals in the final design.

Like a lot of information architecture techniques this is unsurprisingly about capturing information and creating an artefact. Its fine to imagine you can just hold all these concepts in your head as abstract ideas and artistically pull them together. I’ve seen it done that way on numerous occasions - when a freelancer cuts corners its often the artefacts that go first. But as project scopes grow and as sharing information among teams becomes more of the norm in your career you’ll move toward the idea of doing things with process. Toward formal written documentation you can physically forward as a milestone, have signed off by a client or which can be discussed among peers.

Like D. Keith Robinson says in his article - be creative.

Comments are closed.

Stand Up Guy

Steven Clark Steven Clark - the stand up guy on this site

An icon for overweight middle aged bogun-geek web designers. A lego block in a Meccano world. A synergy of tattoos, memories of bare knuckle fist fights, and old episodes of Star Trek. My name is Steven Clark and I'm a highly opinionated web designer with a few good ideas. I'm too old for fist fights.

My Photography Blog

My photography blog Walk a Mile in my Shoes is back up and running. Due to bandwidth issues it's only one image at a time and not full text in the RSS feed. It's licensed under creative commons , meaning not for commercial use and you need to attribute, otherwise drop me a line via the contact form on this site.

My Links Blog

You might also like to check out my links blog over at Nortypig.com to learn more about everything worth mentioning.

My Illustrations

Currently I only have a static page for illustrations but if time allows I'd like to start another illustration blog.

Declaration of Independence

Site Content

Developed and published by Steven Clark

Site Supporters

Hosted by Brett at Tashosting

skip to top of page

Currently Reading

Here Comes Everybody by Clay Shirky (cover)

Clay Shirky's Here Comes Everybody: The Power of Organizing without Organizations has been on my bookshelf for the last few months literally screaming to be read. In fact, I'm wondering how I got so sidetracked to have reached the end of the year without having consumed it. The message of the book is an area of my own fascination, the effects that our new technologies have on the way we relate to each other, and how we're now empowered in ways that were historically unheard of (or not even conceived of) not too long ago.

I'm a small town boy who grew up in the seventies, graduating high school in 1979. The world was slower - how did we survive without Wikipedia? Without MSN or Facebook? Nowdays we have flashmobbing and blogging and constant connection.