Comments on: Object-Oriented Wireframes

By: Drew

Drew — Mon, 27 Jul 2009 05:26:19 +0000

I've been doing this technique for awhile now… using the "background page" property you can create all sort of objects and then `layer` them, which really speeds up the cycle. The other part that is nice, is that visio will output to html for you (DO NOT USE THIS CODE FOR ANYTHING OTHER THAN DISPLAYING THE WIREFRAME). For instance, I had to show a business a 'clickable' wireframe so that their partners could 'grasp' the concept. After putting it all together in visio, adding the hyperlinks (to the other pages in the wireframe) is seemingly acted like a web site, which they then were able to sell the design to the business.

By: Component Based Wireframes › Wireframes Magazine

Component Based Wireframes › Wireframes Magazine — Mon, 11 May 2009 16:19:31 +0000

[...] Object-Oriented Wireframes [...]

By: Nick Iozzo

Nick Iozzo — Sat, 02 May 2009 03:51:36 +0000

Ideally, the modules map back to the components the developer wishes to develop. I have worked in some situations where I worked with the developers in order to create a name space for the modules. That way, when I reused a module within my design, they would be able to all reuse that same module in the new location. You can so the same if the content is coming from a CMS system. The name space this technique creates allows you to develop some meaningful references in which to refer to the data.

By: occipocci

occipocci — Sat, 02 May 2009 02:14:08 +0000

Do you have any detail as to how programmers use these wireframes whilst they are coding? I have always been confused as to whether this documentation is for their benefit or the designers, and how much of it the coders actually use.

By: jason furnell

jason furnell — Wed, 29 Apr 2009 02:28:31 +0000

i use a similar approach for defining the scope of stories when using agile, its good for building up the components on the page as the build progresses

By: Nick Iozzo

Nick Iozzo — Tue, 28 Apr 2009 16:36:51 +0000

Its all Visio. I dug into the shapesheets of Visio to make some custom shapes with some custom actions on contextual menus. It also help to change the default fonts

By: Vance

Vance — Tue, 28 Apr 2009 14:50:52 +0000

Out of curiosity, what tool do you use to produce the beautiful wireframes used in your posts? Is it just something like Fireworks with your own custom template/styling, or is there a wireframe tool you're using?

Thanks.

By: Nik

Nik — Tue, 28 Apr 2009 12:50:27 +0000

Nice idea… just started doing similar myself for showing logged in / logged out states on content blocks.

Nik