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  
   
 

POSTING

Diagramming tool for information architects and interaction designers

Diagramming a Web solution's high-level structure and flow is an important initial step in Web development. Jesse James Garrett has developed a visual vocabulary specific to diagramming Web solutions. His article "A visual vocabulary for describing information architecture and interaction design" provides guidelines for the use of the vocabulary and links to downloadable shape libraries for OmniGraffle, Visio, Adobe InDesign, FreeHand, Illustrator and iGrafx.

Links:

  • The article A visual vocabulary for describing information architecture and interaction design

Henrik Olsen - April 16, 2002

See also: Tools (50)  Site and flow diagramming (4) 

 

COMMENTS TO THIS POSTING

Here's an example of the diagramming technique showing the information architecture of Yahoo!'s Web-based email application.

Links:

  • An example of a flow diagram

Henrik Olsen | August 03, 2002


Browse GUUUI postings

Methods and the design process

Usability testing (29)  Prototyping and wireframing (30)  Cost-justification and ROI (18)  The design process (14)  Personas (13)  Requirement Analysis (12)  Card sorting (8)  Implementing user-centred design (7)  Expert reviews (6)  Web log analysis (7)  Eye-tracking (7)  Site and flow diagramming (4)  Use Cases (3) 

Design elements

Navigation (44)  Web page design (23)  Search (23)  Guidelines and Standards (10)  Links (10)  Text (14)  Forms (11)  Ads (6)  Site design (8)  Shopping Charts (5)  Error handling (5)  Sections (5)  Home pages (2)  Design patterns (3)  E-mails (1)  Personalization (1)  Sitemaps (1)  Print-freindly (1)  Help (2) 

General aspects

E-commerce (21)  Accessibility (10)  Information architecture (11)  Persuasive design (12)  Visual design (14)  Search engines (7)  Credibility, Trust and Privacy (6)  Web applications (2)  Intranets (1) 

Technology

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

Humor

Cartoons (8)  Funny tools and games (10)  Bad designs (7)  Fun with Jakob Nielsen (6)  Designs with humor (3)  Fun music and videos (3)  Fun posters (2)  Funny 404 pages (2)  Misc humor (3) 

Ressource types

Research (91)  Tips and guidelines (63)  Tools (50)  Books (32)  Cases and Examples (12)  Interviews (9)  Primers (9)  GUUUI articles (8)  Posters (5)  Online books (5)  Glossaries (2)  People and organisations (2) 

Information sources

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

 

 
     
  To the front pageSign inTo the frontpageSearch in GUUUI postingsAbout GUUUI