Search this site.View link list
d/D Seminars: The Words We Live

Mapping Web Sites

Planning Diagrams to Site Maps

Presented by Paul Kahn


Abstract

Today’s web site is a combination of a publication, a software application, and navigation system. Building such a complex product requires both verbal and visual analysis. Planning diagrams are an essential tool in the analysis process, helping a team understand the content and relationships that the design of a web site must represent.

Even with the best design, a web site is largely invisible and often difficult to grasp. As the web has grown as a publishing media, designers have struggled to find the equivalent of an index or table of contents for a web site. A web site is not a book, a magazine, a virtual city or a file system. We will explore the kinds of diagram that can visually represent a web site.

This seminar covers

  • the concept of mapping, with key historical examples of visual representations of space
  • review of planning diagram techniques for building large web sites
  • review of hand-made site map techniques for navigating web sites
  • review of current products for generating diagrams from web site data

The seminar includes demonstrations and comparison of the latest software tools and techniques for web developers, web masters and visitors to visualize web sites.

This course was first developed in October, 1996 and has been continuously revised since then. Every effort is made to keep these notes up to date and accurate. All comments are welcome. Please send mail to Paul Kahn.

We invite you to attend our upcoming seminars or to schedule a custom presentation at your company. Please look at the Seminars page for complete information on courses offered by Dynamic Diagrams.

Course Outline

What Is a Map?

Some Useful Sources

Examples of Mapping Hypertext
Structure of a World Wide Web Site
 What is a WWW site?
 Navigation problems on a World Wide Web site
Web Site Planning Diagrams
 Visualizing Existing Web Sites
 Visualizing/Planning New Systems
Hand-made Site Maps 1
 Two/Three-level text
 Two/Three-level horizontal graphic
Hand-made Site Maps 2
 Two-level circular graphic
 Three-level graphic
 Metaphor graphic
 Z-Factor diagram
Data-driven Maps 1
 Global map
 Expanding outline
 2-pane map
 3-pane map
Data-driven Maps 2
 Z-Factor animated map
 Fly-through map
 3D Type Maps
Current Research Prototypes
 Visual SiteMap (University of Kentucky)
 Navigational View Builder (Georgia Tech)
 H3: Directed Graphs in 3D Hyperbolic Space (Stanford)
 CHEOPS: Complex Hierarchy Explorer (CRIM)
 WebCutter (IBM Israel)

[ Outline | Next ]

Return to Seminars

Home Site Views Design Products Seminars About d/D What's New Contact

Copyright © 1996 by Dynamic Diagrams, Inc.