Wireframe Templates in Visio

4 May 2007 - 3:47pm
7 years ago
12 replies
18844 reads
Daniel Gifford
2007

Hello,

I have been actively following this group for months. Very good
resource.

I am interested in examples of using Visio as a tool beyond workflow
diagraming.

Does anyone have examples of using Visio as a tool for creating
wireframes? I currently use Illustrator for my wireframes - the big
downside to this application is the difficulty in multiple page
formatting for wireframes.

Thanks in advance for your advice and examples!

Daniel Gifford

Comments

4 May 2007 - 4:14pm
Ari
2006

this works for many who use visio...

http://www.guuui.com/issues/02_07.php

On 5/4/07, Daniel Gifford <danielgifford at mac.com> wrote:
>
> Hello,
>
> I have been actively following this group for months. Very good
> resource.
>
> I am interested in examples of using Visio as a tool beyond workflow
> diagraming.
>
> Does anyone have examples of using Visio as a tool for creating
> wireframes? I currently use Illustrator for my wireframes - the big
> downside to this application is the difficulty in multiple page
> formatting for wireframes.
>
> Thanks in advance for your advice and examples!
>
>
> Daniel Gifford
>
>
>
>
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> List Guidelines ............ http://listguide.ixda.org/
> List Help .................. http://listhelp.ixda.org/
> (Un)Subscription Options ... http://subscription-options.ixda.org/
> Announcements List ......... http://subscribe-announce.ixda.org/
> Questions .................. lists at ixda.org
> Home ....................... http://ixda.org/
> Resource Library ........... http://resources.ixda.org
>

4 May 2007 - 7:49pm
Baron Lane
2005

I have been actively following this group for months. Very good
resource.

I am interested in examples of using Visio as a tool beyond workflow
diagraming.

Does anyone have examples of using Visio as a tool for creating
wireframes? I currently use Illustrator for my wireframes - the big
downside to this application is the difficulty in multiple page
formatting for wireframes.

I found some good ones here.

http://iainstitute.org/tools/

Baron

____________________________________________________________________________________
It's here! Your new message!
Get new email alerts with the free Yahoo! Toolbar.
http://tools.search.yahoo.com/toolbar/features/mail/

4 May 2007 - 7:59pm
Alder Yarrow
2004

Don't bother with that stuff at the IA institute.

Try these on for size: http://www.acmedigital.us/jack/?page_id=3

Alder

-----Original Message-----
From: discuss-bounces at lists.interactiondesigners.com
[mailto:discuss-bounces at lists.interactiondesigners.com] On Behalf Of Baron
Lane
Sent: Friday, May 04, 2007 5:50 PM
To: Daniel Gifford; IXDA list
Subject: Re: [IxDA Discuss] Wireframe Templates in Visio

I have been actively following this group for months. Very good resource.

I am interested in examples of using Visio as a tool beyond workflow
diagraming.

Does anyone have examples of using Visio as a tool for creating wireframes?
I currently use Illustrator for my wireframes - the big downside to this
application is the difficulty in multiple page formatting for wireframes.

I found some good ones here.

http://iainstitute.org/tools/

Baron

____________________________________________________________________________
________
It's here! Your new message!
Get new email alerts with the free Yahoo! Toolbar.
http://tools.search.yahoo.com/toolbar/features/mail/
________________________________________________________________
Welcome to the Interaction Design Association (IxDA)!
To post to this list ....... discuss at ixda.org List Guidelines ............
http://listguide.ixda.org/ List Help ..................
http://listhelp.ixda.org/ (Un)Subscription Options ...
http://subscription-options.ixda.org/
Announcements List ......... http://subscribe-announce.ixda.org/
Questions .................. lists at ixda.org Home .......................
http://ixda.org/ Resource Library ........... http://resources.ixda.org

4 May 2007 - 8:51pm
Dave Malouf
2005

Dan Brown did an amazing column on Visio and wireframing and such at
boxes and arrows. You'll have to dig deep in the archives as it goes
back to their first year. Of course, Dan has started using a Mac so
I'm not sure he's really using visio any more. Dan?

Also, since you are moving to Visio from Illustrator, you might want
to check out Todd Warfel's work on Illustrator + InDesign that he
started publishing on UXMatters.com. It might convince you to stick w/
what ya know.

-- dave

On 5/4/07, Alder Yarrow <alder at alderyarrow.com> wrote:
> Don't bother with that stuff at the IA institute.
>
> Try these on for size: http://www.acmedigital.us/jack/?page_id=3
>
> Alder
>
>
>
> -----Original Message-----
> From: discuss-bounces at lists.interactiondesigners.com
> [mailto:discuss-bounces at lists.interactiondesigners.com] On Behalf Of Baron
> Lane
> Sent: Friday, May 04, 2007 5:50 PM
> To: Daniel Gifford; IXDA list
> Subject: Re: [IxDA Discuss] Wireframe Templates in Visio
>
> I have been actively following this group for months. Very good resource.
>
> I am interested in examples of using Visio as a tool beyond workflow
> diagraming.
>
> Does anyone have examples of using Visio as a tool for creating wireframes?
> I currently use Illustrator for my wireframes - the big downside to this
> application is the difficulty in multiple page formatting for wireframes.
>
> I found some good ones here.
>
> http://iainstitute.org/tools/
>
> Baron
>
>
>
>
>
>
>
>
>
>
>
>
> ____________________________________________________________________________
> ________
> It's here! Your new message!
> Get new email alerts with the free Yahoo! Toolbar.
> http://tools.search.yahoo.com/toolbar/features/mail/
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org List Guidelines ............
> http://listguide.ixda.org/ List Help ..................
> http://listhelp.ixda.org/ (Un)Subscription Options ...
> http://subscription-options.ixda.org/
> Announcements List ......... http://subscribe-announce.ixda.org/
> Questions .................. lists at ixda.org Home .......................
> http://ixda.org/ Resource Library ........... http://resources.ixda.org
>
>
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> List Guidelines ............ http://listguide.ixda.org/
> List Help .................. http://listhelp.ixda.org/
> (Un)Subscription Options ... http://subscription-options.ixda.org/
> Announcements List ......... http://subscribe-announce.ixda.org/
> Questions .................. lists at ixda.org
> Home ....................... http://ixda.org/
> Resource Library ........... http://resources.ixda.org
>

--
David Malouf
http://synapticburn.com/
http://ixda.org/
http://motorola.com/

4 May 2007 - 9:53pm
Trip O'Dell
2007

If you're on a Mac and looking for a good Visio replacement, I really
love Omnigraffle Pro. The interface is a lot cleaner, it has tons of
free stencils for designing GUIs, wireframes, flowcharts etc. I even
use it for storyboarding. If I'm missing anything I need, its a
simple cut and paste from illustrator - where those elements are
easily saved in a new, custom stencil set.

Trip

4 May 2007 - 9:56pm
Christian Crumlish
2006

Bill Scott at http://looksgoodworkswell.com has also described some
cool Visio tricks for documenting rich interactions.

Why "don't bother" with the stuff in the IAI library? Needs updating?
Some other complaint? Do tell!

-xian-

--
Christian Crumlish, http://xianlandia.com/
IA Institute Director of IT, http://iainstitute.org/
Yahoo! Pattern Detective, http://developer.yahoo.com/ypatterns/

6 May 2007 - 6:44am
Soo Basu
2005

I have been using Nick Finck's Wireframe stencils and they are great! You
can download them from here: http://www.nickfinck.com/stencils.html

Cheers
Soo

6 May 2007 - 5:45pm
vutpakdi
2003

Daniel Gifford wrote:
> I am interested in examples of using Visio as a tool beyond workflow
> diagraming.
>
> Does anyone have examples of using Visio as a tool for creating
> wireframes? I currently use Illustrator for my wireframes - the big
> downside to this application is the difficulty in multiple page
> formatting for wireframes.
>

You also might want to look at Canvas from ACD Systems. Canvas is
geared towards technical illustrations and is sort of a combination of
subsets of Illustrator, InDesign, and Photoshop in one seamless,
integrated package. Canvas does have its quirks, but I think that it's
very nearly ideally suited to doing interaction design specifications
(of multiple pages) with wireframes or near photo realistic mockups.
Canvas is available for both Mac and Windows platforms.

Of course, if things work out, you'll be using Canvas extensively. ;-)

Ron

PS: I'm not sure about attaching examples to the general list, but I'll
send you a snippet directly (and to anyone else who requests one
directly from me).

6 May 2007 - 6:05pm
Will Parker
2007

On May 4, 2007, at 1:47 PM, Daniel Gifford wrote:

> I am interested in examples of using Visio as a tool beyond workflow
> diagraming.
>
> Does anyone have examples of using Visio as a tool for creating
> wireframes? I currently use Illustrator for my wireframes - the big
> downside to this application is the difficulty in multiple page
> formatting for wireframes.
>
> Thanks in advance for your advice and examples!

This doesn't speak directly to using Visio (AKA 'The Inutterable
Pig') to create wireframes, but as long as the other threadees are
spreading the topic out...

Adobe Fireworks CS3 has a handy new feature called 'Pages' - each
page in the FW document can have the usual complement of layers,
links, etc., so it's quite easy to mock up UI designs, from
wireframes to full-blown visual mockups. In addition, one can now
freely copy and paste content between Photoshop, Illustrator,
Dreamweaver, Fireworks and Flash, so a Flash-oriented individual or
team could build up from wireframe directly to interactive web apps
with little or no backtracking.

Here's a batch of articles on wireframing and prototyping using CS3:

http://www.adobe.com/devnet/fireworks/articles/wireframing.html
http://www.adobe.com/devnet/fireworks/articles/rapid_prototyping.html
http://weblogs.macromedia.com/mc/archives/2007/04/designing_flex.cfm
http://www.andersramsay.com/2007/04/18/adobe-fireworks-cs3-my-new-
favorite-prototyping-tool/

- Will

Will Parker
wparker at ChannelingDesign.com
206-228-3187 (cell-preferred)
206-783-1943 (home office)

"The only people who value your specialist knowledge are the ones who
already have it." - William Tozier

6 May 2007 - 7:15pm
Gordon, Richard E.
2006

Daniel -
I am currently taking a look at Intuitect Pro
http://www.intuitect.com/products/intuitect-professional.php
<http://r.vresp.com/?Intuitect/8cec5d1270/893234/d0ab7134b3/a437ad4> .
It is basically a plug-in for Visio. The jury is still out but it does
support site mapping and flow maps, and you can build wireframe template
libraries. It even spits out an HTML prototype site which is pretty
cool. Given the $500 price tag, it might be more than you want if you
are just looking for wireframe support.

Rick Gordon
UI Technical Analyst, SAIC

7 May 2007 - 3:10am
Henrik Olsen
2006

You should also take a look at my prototyping tool for Visio:
http://www.guuui.com/issues/02_07.php

Henrik Olsen
www.guuui.com - The Interaction Designer's Coffee Break

On 5/4/07, Daniel Gifford <danielgifford at mac.com> wrote:
> Hello,
>
> I have been actively following this group for months. Very good
> resource.
>
> I am interested in examples of using Visio as a tool beyond workflow
> diagraming.
>
> Does anyone have examples of using Visio as a tool for creating
> wireframes? I currently use Illustrator for my wireframes - the big
> downside to this application is the difficulty in multiple page
> formatting for wireframes.
>
> Thanks in advance for your advice and examples!
>
>
> Daniel Gifford
>

7 May 2007 - 1:37pm
Bob Goodman
2007

Hi, Daniel.

Visio can be a great tool for wireframing. It does some things very well.

Among them: you can create an inventory of background pages which "show
through" like
onion layers to one or more foreground pages. You do this by going to
file > page setup > Page Properties, and then selecting the radio button
of page type as "background" rather than "foreground."

Then, when you create foreground pages within that file, the "drop
down" menu that appears on the Page Properties tab will autopopulate
with all the background pages you have created, and you can pick one to
assign to your foreground page. Another thing Vision does nicely is page
names; you simply click in on a tab in the bottom. These pages names can
be easily exported to PDF bookmarks if you have Acrobat Pro and its
Visio module.

As someone who uses Illustrator, you may encounter a lack of design
precision and lack of full layer management in Visio. So also have
Adobe/Macromedia options. As someone who uses Illustrator, you may
encounter a lack of design precision and lack of full layer management
in Visio. For Illustrator (pre CS3), there is a popular 3rd-party
multi-page plug in for sale from Hot Door:

http://www.hotdoor.com/multipage/index.php

Further, the new Adobe CS3 suite includes tight integration between
Illustrator CS3 and Fireworks CS3. Fireworks CS3 now includes a number
of bitmap interface widgets (including XP style and Mac Style) in a
"common library" of assets. Further, in a major advance, Fireworks CS3
now includes multipage support as well as master pages, so you can
bundle up your layers in a page framework.

For rapid prototyping from Fireworks, you can move out from Fireworks
CS3 integration with Flex Builder (for Flash/SWF driven interfaces) or
directly to Flash, or to Dreamweaver CS3 which also includes Adobe Labs'
brand new drag/drop SPRY framework of AJAX interaction/code widgets.
Anyone on this list care to add more information/experience about SPRY?

And you can mash these tools up, since Visio can also import and
maintain some editibility with AI (illustrator) files as well as SVG
files (scalable vector graphics), which is an output option under "Save
As" in illustator.

Good luck and best regards,

Bob

--------
bobgoodman.net, inc.
user experience consulting
http://www.bobgoodman.net
(617) 620-1641

blog:http://www.uxculture.com

Message: 23
Date: Fri, 4 May 2007 15:47:03 -0500
From: Daniel Gifford <danielgifford at mac.com>
Subject: [IxDA Discuss] Wireframe Templates in Visio
To: IXDA list <discuss at ixda.org>
Message-ID: <02D79ED1-EB37-4176-89BC-5FE20705CBF7 at mac.com>
Content-Type: text/plain; charset=US-ASCII; delsp=yes; format=flowed

Hello,

I have been actively following this group for months. Very good
resource.

I am interested in examples of using Visio as a tool beyond workflow
diagraming.

Does anyone have examples of using Visio as a tool for creating
wireframes? I currently use Illustrator for my wireframes - the big
downside to this application is the difficulty in multiple page
formatting for wireframes.

Thanks in advance for your advice and examples!

Daniel Gifford

Syndicate content Get the feed