Paul Kahn
Dynamic Diagrams
Web Site Planning Diagrams
Visualizing/Analyzing an Existing Web Site
- Dynamic Diagrams
-
Two versions of the original Dynamic Diagrams web site (circa June 1996):
version 1 using symbols for types of project examples;
version 2 using screenshot for project examples.Axonometic projection. Use of color to separate major sections, size to represent levels. Use of screen shots to illustrate projects. - Britannica Online
-
BOL Web site circa 1997 confusion between subscriber features and free pages redundant location for many features BOL Revised Design Global links defined Large number of features organized in small number of groups. Free and Subscription areas designed to mirror each other. - My Excite
-
Registration and customization process registration sequence interaction flow between user, browser, and database backend Further customization showing the effect of name, zip code, and birthday - NATURE Magazine
-
Web site architecture grouping of many pages into three categories color distinction to illustrate four levels of user access Article diagram diagram of link destinations from major page
Visualizing/Planning New Systems
- West's Legal News
-
site architecture for database-driven legal current awareness publication Abstract page architecture sample home page from the web site - Financial Products Catalog
-
Abstract diagram showing products linked by dimensions Page prototype for financial product - Financial Company Intranet
-
Web site architecture symbol distinction between pages, databases, and applications color distinction between departments View by user type mapping features by utility to specific user type - Online Encyclopedia
-
Architecture diagram showing first two levels of web site and collections. Link diagram for encyclopedia article
