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  




Rich interactions with Visio via VisDynamica

Tomek Seroczynski has developed a very promising extension that makes Visio capable of simulating rich interactions. The tool is currently under development. At the time being, it features:

- Dynamically loading content for simulating things like dropdown menus and tool tips
- Pop-up layers (known as lightbox the web sphere)
- A dynamic tabs widget
- Inclusion of YouTube videos

At Tomek's site, you can see a demo, download a sample Visio document, and the stencil needed to use the tool.


  • The Visio extention VisDynamica Open link in new window

Henrik Olsen - January 26, 2009

Permanent link Comments (0)

See also: Tools (106) 



Collection of wireframe examples

Jakub Linowski has set up a blog for sharing examples of how interaction designers document rich interactions, user flows, and web 2.0 wireframes. The site is open for contributions.


  • Wireframes Magazine Open link in new window

Henrik Olsen - January 14, 2009

Permanent link Comments (0)

See also: Cases and Examples (28) 



User Interface stencils for OmniGraffle

At Graffletopia you can find a wealth of user interface stencils for OmniGraffle (an Apple diagramming tool) for free download - among them, a stencil for creating sketchy looking prototypes and wireframes.


  • User Interface stencils for OmniGraffle Open link in new window
  • A sketchy interface stencil Open link in new window

Henrik Olsen - January 12, 2009

Permanent link Comments (0)

See also: Tools (106) 



Prototyping with Flash Catalyst

Adobe TV has published a one hour video showing how to use Flash Catalyst (formerly known by its codename Thermo) to build user interface wireframes for interactive applications.


  • Video demo of Flash Catalyst Open link in new window

Henrik Olsen - January 02, 2009 - via Konigi

Permanent link Comments (0)

See also: Tools (106) 



Paper prototyping stencil

Design Commission has made a cool stencil kit that makes it easier to sketch nice looking interaction designs by hand. The kit includes a metal stencil, a mechanical pencil, and a sketchpad with browser chrome and grid.


  • Announcement of the web stencil kit Open link in new window

Henrik Olsen - December 28, 2008 - via KONIGI

Permanent link Comments (0)

See also: Tools (106) 



Four lo-fi prototype videos

If you browse around YouTube, you can find a good deal of videos showing how people have used lo-fi prototypes in different projects. Here are four interesting ones that I've found.


  • Testing a paper prototype Open link in new window
  • Testing a beverage drive-thru Open link in new window
  • Testing a lo-fi mobile phone prototype Open link in new window
  • Google Maps implementation proposal Open link in new window

Henrik Olsen - December 10, 2008

Permanent link Comments (0)

See also: Audio and video (48)  Cases and Examples (28) 



Video tutorials on prototyping with Fireworks

It seems like Adobe is really keen on winning the hearts of interaction designers. At Adobe TV, they have published a series of tutorials showing how to use Fireworks for creating rapid interactive wireframe prototypes.


  • Fireworks video tutorials Open link in new window

Henrik Olsen - November 24, 2008

Permanent link Comments (0)



Prototyping a level sensing drinking glass for Microsoft Surface

In this video, Johnny Chung Lee, the guy behind the do-it-yourself interactive Wii based whiteboard, shows how he prototyped a drinking glass that, when placed on the Microsoft Surface table, can alert a waiter to offer a refill.


  • Video of Johnny Chung Lee's level sensing drinking glass Open link in new window
  • Article about Johnny Chung Lee Open link in new window

Henrik Olsen - November 23, 2008

Permanent link Comments (0)

See also: Cases and Examples (28) 



Make your own customized magnetic prototyping kit

Alexa from adaptive path has made her own magnetic prototyping kit for mocking up an Aurora-like mobile device interface. She picked up a pack of Inkjet Magnet Sheets and printed her very own custom-made magnetic interface widgets - "no ActionScript needed!"


  • Create Your Own Magnetic Prototype Open link in new window

Henrik Olsen - November 17, 2008

Permanent link Comments (0)



How to get the most out of your usability budget

In times of financial crisis, Userfocus' top 10 list of getting the most out for your usability budget comes handy:

1. Fix the basics by focusing on the main goals that the users are trying to achieve
2. Learn to love paper prototyping
3. Test with fewer users
4. Shelve the 1-way mirror
5. Embrace remote testing
6. Get out of the office and you will find users everywhere
7. Eradicate pre-test bloopers with expert reviews
8. Create your own participant pool instead of hiring expensive recruiting agencies
9. Skip the pointless tests where there isn't time to fix problems anyway
10. Train your designers and engineers in the basics of usability


  • Credit-Crunch Usability: 10 ways to maximise your usability budget Open link in new window

Henrik Olsen - October 16, 2008

Permanent link Comments (0)

See also: Usability testing (68)  Expert reviews (11) 


Browse GUUUI postings

Methods and the design process

Prototyping and wireframing (119)  Usability testing (68)  Cost-justification and ROI (27)  User research (23)  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 (40)  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 (27)  Persuasive design (21)  Visual design (19)  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 (129)  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