Tags: activity, sketch, user flow, wireframe The map is by no means bulletproof, but I think it does a good job of introducing the general concept. Didn’t want to overwhelm the reader, but I’m keen to hear your thoughts as well. I’ve tried to keep it simple but could easily elaborate more if you think it worthwhile. I’ve attached an example showing a WireMap of a mock website called CoffeeStuff. The result is very much a WireMap in that sense of the word-a site-wide visualization with some page detail (enough to provide an idea of the page’s purpose) as well as some rudimentary logic. My approach to this is the combination of wireframe sketching (for which I use Konigi’s Sketch stencil for OmniGraffle) in combination with J.J.Garrett’s IA templates (another OmniGraffle stencil). I’ve found it very helpful in the formative stage, but I see no reason why it couldn’t also be used later on in the development cycle as well. In either case it helps the audience grasp the scope and complexity of the project. Using the wiremap has been a boon both in talking to the internal team as well as taking to clients. And there’s only so much information you can fit on Tabloid or A3). I like printing my work on paper and hanging it around the office. It’s a tool I started using in an attempt to get an overview of small to mid-sized web projects. I’ve got a combination wireframe/sitemap that I thought I’d share with you. Come to think of it, perhaps there is a way to reference occasional detailed wires, on demand, from within a wireflow diagram. This however duplicates the documentation which is undesirable from a maintenance perspective. Often in this situation I fall back and develop wireframes. One problem with these wireflows which I’ve seen in the past is when the design proceeds further and more detail is required. Not only does a deliverable like this convey activity more clearly, but it also provides a sense of scope in one snapshot. Most recently, this way of working is also my personal preferred approach to communicating UI concepts. It contains a sketchy style, conditionals, and groups a set of pages together with a grey background area. Andreas just sent in a sample of a wireflow done in Omnigraffle (here are a few more) which I thought was an interesting show.
0 kommentar(er)
