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  




Online card sorting tool

Optimal Usability has released a new online card sorting tool. You can set up tests, let users categorize information using a drag-and-drop interface and generate reports with the results. It supports both closed sorting, with fixed categories and open sorting, where the participants can name their own categories.

Unfortunately the tool doesn't allow participants to subcategorise items and to put items into multiple categories.


  • The online card sorting tool OptimalSort Open link in new window

Henrik Olsen - June 18, 2007 - via DonnaM

Permanent link Comments (1)

See also: Card sorting (13) 



Watch users navigate websites with ClickTale

ClickTale is an online service that allows you to watch movies of visitors interacting with your website.

The tool records visitors' mouse movements, clicks, keystrokes and scrolling actions. From the recordings, it generates movies of individual visitor's use of the site.

The tool can be used to gain insight into how visitors interact with websites, to find flaws and enhance navigation and overall usability. As such, it can serve as a good complement to existing statistics services and usability tests.

ClickTale is currently in closed beta, but you can register for an invitation.


  • ClickTale Open link in new window

Henrik Olsen - May 08, 2007

Permanent link Comments (0)

See also: Web traffic analysis (12)  Usability testing (68) 



Visio - the interaction designer's nail gun (3rd edition)

The Q2 2007 issue of GUUUI is a third edition of an article on using Visio for rapid prototyping for the web. The new edition includes a minor update of the GUUUI Web Prototyping Tool that eliminates a major shortcoming: the inability to create scrolling pages. The update also includes brand new sketchy interface widgets.


Henrik Olsen - April 08, 2007

Permanent link Comments (33)

See also: Prototyping and wireframing (119) 



Turn Photoshop projects into working prototypes

Altia has released a new tool called PhotoProto that translates Photoshop files into clickable prototypes. By arranging screens and widgets in layer combs and naming them with special keywords, PhotoProto can automatically turn projects into working prototypes.

The prototypes can be viewed in a browser with the ProtoPlay browser plug-in installed.


  • Altia PhotoProto Open link in new window

Henrik Olsen - February 12, 2007 - via IxDA

Permanent link Comments (0)

See also: Prototyping and wireframing (119) 



Free usability reviews of web sites

The site is an interesting concept. Submit a site and get the participants' views on your usability questions.


  • Open link in new window

Henrik Olsen - February 11, 2007 - via DigitalWeb

Permanent link Comments (0)

See also: Expert reviews (11) 



How to create working prototypes with OmniGraffle

Michael Angeles has created a little video showing how create working prototypes with OmniGraffle (a Macintosh diagramming tool) by linking drawings together and exporting them as HTML or PDFs.


  • Creating prototypes with OmniGraffle Open link in new window

Henrik Olsen - January 25, 2007

Permanent link Comments (0)

See also: Prototyping and wireframing (119) 



Study link popularity on web pages

Webmasters Eyes is a tool that shows how popular links on a web page are based on Google's PageRank. Type in the page you want to study and it will display the page with little PageRank bars next to each link.


  • Webmasters Eyes Open link in new window

Henrik Olsen - January 21, 2007

Permanent link Comments (0)

See also: Web traffic analysis (12) 



How to document interaction designs using Visio and Word

Anders Bjork sent me a link to his article about how to document interaction designs created in Visio. Write your comments in Visio and export the screens and the comments to Word.


  • Documenting Interaction Design/Wire Frames with Visio and Word Open link in new window

Henrik Olsen - January 08, 2007

Permanent link Comments (6)

See also: Prototyping and wireframing (119) 



Visualizations of clicks on web pages

Crazy Egg is a web statistics tool that can track where people click on a web page and visualize the clicks in different ways. Especially their heatmaps are enlightening. They give you a quick view of what people click on and what is popular on a page.

Besides seeing what is popular, you can use the tool for testing different layouts and compare the results. The click visualizations can also reveal that people may click on areas of your pages that are non-clickable (but probably should be clickable), such as headlines and images.

You can sign up for limited free plan at Creazy Egg.


  • The statistics tool Crazy Egg Open link in new window

Henrik Olsen - November 24, 2006 - via 37signals

Permanent link Comments (3)

See also: Web page design (40)  Web traffic analysis (12) 



Prototyping beyond the sunshine scenario

Prototypes often model one flow of interaction - the path that users are most likely to take. But when we create interaction designs with dynamic and complex flows, we often need to include deviations from the sunshine scenarios to see whether they work. The Q4 2006 issue of GUUUI takes a look at how to do this in Visio and Axure.


Henrik Olsen - October 01, 2006

Permanent link Comments (0)

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


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