To the front pageThe Interaction Designer's Coffee Break - Weekly postings and quarterly articles about interaction design  
  To the front pageSign inTo the frontpageSearch in GUUUI postingsAbout GUUUI  

Visio - the interaction designer's nail gun (2nd edition)

The Q1 2006 issue of GUUUI is a second edition of an article on using Visio for rapid prototyping for the web that was published at GUUUI back in Q3 2002. The new edition includes a new and improved version of the GUUUI Prototyping Tool for Visio 2003.


Henrik Olsen - January 15, 2006

See also: GUUUI articles (11)  Prototyping and wireframing (120) 



Hej Henrik

Tak for en velformuleret beskrivelse af Visio som prototypev

Lars Christensen | January 16, 2006


Hello Mr. Olsen,

thank you very much for sharing this. I've immediately started using it, and it's really really handy.
Now, it does lack a few html widgets, like a "file input" item, fieldsets, rollover menus, etc... so i was wondering if you would have interest in coordinating an "opensource" project which objective would be to create "the most comprehensive toolset for website prototyping within MS visio".

Personally, i would be very ready to invest time to help complete it, which means as a first step, learning how to actually add items in the visio template files, and in a second step, do it in a way that improves your collection, not ruin it :). I guess for the second step, some conventions into how panels should be organised, how to avoid cross development, etc. all related to team coordination would need to be discussed together.

I look forward to reading your thoughts on this proposition.

thank you !!


Alexandre Plennevaux | March 26, 2006


Everybody is very welcome to experiment with the template and stencil. If you got something that I should consider adding to the GUUUI prototyping tool, please send it to me.

Henrik Olsen | April 05, 2006


"In versions prior to Visio 2003 it's possible to install the prototyping tool so that you can start a new project from within Visio. For some reason, this is no longer possible. Instead, you have to save the files in the My Shapes folder and open the template file from here to start a new project."

You can achieve this in Visio 2003 by creating folders for your stencils/templates in your My Shapes folder or anywhere you choose. Then go to Tools > Options > Advanced > File Paths... and set the Templates and Stencils to your My Shapes directory - or whatever directory you chose - and then restart Visio.

Is there an easy way to change the language settings for your stencils/template from Danish to something else?

Thank you for this great resource.

Jeff | June 04, 2006


This is a fantastic resource...thanks so much for putting it out there. I've recreated the wheel in visio so many times it's sad...but no more with your set up!


Josh Katinger | June 06, 2006


Some more cool trix on how to document your interaction design can be found here:

Anders | December 21, 2006



Ad for TechSmith Morae

Browse GUUUI postings

Methods and the design process

Prototyping and wireframing (120)  Usability testing (71)  Cost-justification and ROI (28)  User research (24)  Personas (19)  The design process (24)  Eye-tracking (14)  Card sorting (13)  Web traffic analysis (12)  Expert reviews (11)  Implementing user-centred design (9)  Site and flow diagramming (6)  Envisionments (4)  Use Cases (3) 

Design elements

Navigation (63)  Web page design (41)  Search (27)  Text (24)  Forms (30)  Links (19)  Guidelines and Standards (15)  Site design (14)  Ads (9)  Design patterns (8)  Sections (8)  Shopping Carts (9)  Error handling (7)  Home pages (9)  Help (3)  E-mails (3)  Sitemaps (2)  Personalization (1)  Print-friendly (1)  Landing pages (5) 

General aspects

E-commerce (28)  Persuasive design (23)  Visual design (20)  Information architecture (15)  Accessibility (13)  Search engines (7)  Credibility, Trust and Privacy (6)  Emotional design (10)  Simplicity vs. capability (7)  Web applications (6)  Intranets (3) 


Flash (6)  Download time (5)  Javascript (3)  URLs (3)  Browsers (3)  Web standards (2) 


Bad designs (20)  Cartoons (14)  Fun music and videos (13)  Funny tools and games (12)  Misc humor (8)  Fun with Jakob Nielsen (9)  Designs with humor (3)  Fun posters (5)  Funny 404 pages (2) 

Resource types

Research (130)  Tips and guidelines (95)  Tools (106)  Books (47)  Audio and video (48)  Interviews (30)  Cases and Examples (28)  Talks and presentations (18)  GUUUI articles (11)  Primers (14)  Online books (5)  Posters (5)  Glossaries (3)  People and organisations (3) 

Information sources

Blogs (12)  Websites (11)  Discussion lists (4)  News (3)  Newsletters (3)  Online magazines (3)  Wikis (1) 

  To the front pageSign inTo the frontpageSearch in GUUUI postingsAbout GUUUI