Hypermedia and the WWW

(based on Shneiderman Chapter 16)

 

[ lecture notes | CSC 397 | Pete Sanderson | Computer Science | SMSU ]


Table of Contents

Selective History
Hypertext and Hypermedia
WWW Design Guidelines
A New Interaction paradigm?
Web Site Design based on OAI


Resources

Reprint of "As We May Think" in Interactions III.2, March 1996.
Computer Lib / Dream Machines, by Ted Nelson, 1974.
"The Curse of Xanadu", by Gary Wolf, Wired 3.06, June 1995.
"The Pioneers of hypertext: Vannavar Bush and Ted Nelson", by Joel Dannelley, unpublished, May 1998.
The
User Interface Design Guides section of the course web page "Information Resources"


Selective History

 Vannevar Bush

Ted Nelson

Bill Atkinson

Ben Shneiderman

Tim Berners-Lee

Return to the Top  


Hypertext and Hypermedia

Shneiderman’s Golden Rules of Hypertext:
1. large body of information organized into many fragments
2. fragments relate to each other
3. user needs only a small number of the fragments at any time

There are situations in which hypertext system is not appropriate, such as straight linear organization.

Since most writing is linear, conversion to (or authoring in) hypertext requires different way of thinking and organizing.
(or maybe just new way of organizing -- according to Bush, we already think this way!)

 

Initial page is entrance into hypertext system:

 

Shneiderman Guidelines for creating hypertext system:

  1. know users and tasks
  2. develop design concept around information structure, rather than around the technology
  3. include personnel from diverse backgrounds (graphic artists, trainers, users, programmers)
  4. Organize material into chunks (one theme/topic/idea per page)
  5. Write article to refer to related articles, making references into links. Try not to have too few or too many links (2-20 is OK)
  6. Make sure that navigation is simple and consistent
  7. Design screen carefully : manage white space, minimize scrolling, useful links only, headings for guidance, clear attention focus.
  8. Minimize STM burden. Allows focus on contents.

 

Some symptoms of poor hypertext design:

Return to the Top  


WWW Design Guidelines.

Guidelines have been developed at Yale Univ, Sun Microsystems and others. Many are listed in the User Interface Design Guides section of CSC 397 Information Resources

 

Criteria for WWW design and evaluation vary by:

Return to the Top  


A New Interaction paradigm?

 

Read the article "User Interfaces Crumble on Net", by Jeff Walsh

To summarize its major points:

Interesting Excerpts from this article:

"It is obvious that a new paradigm is needed to handle this world of information overload," says Jakob Nielsen, a distinguished engineer in the SunSoft division at Sun. "The Macintosh UI [user interface] was based on principles like point-and-click, making all objects visible to the user, keeping the user in control, and perceived stability."

Like many others, Nielsen contends those design objectives are outdated concepts in today's networked computer world.

"We need to move to the anti-Mac interface style, where the basic slogan is not `the power to be your best,' but `you don't always need to work so hard' at operating your computer," Nielsen says. "You simply cannot make 10 billion information objects visible in the UI so that users can click on them. Stability is also out the door once you connect to the Internet."

Microsoft . . . is addressing information overload with natural-language processing . . . Its Natural Language Processing (NLP) engine will make the computer better able to understand what a user needs. Microsoft has fed encyclopedias and dictionaries into its NLP database, which knows basic grammar and has parsed all the information and established relationships between the individual words. If its natural-language engine was used as a Web-search engine, a user could enter a query and have a reduced number of responses, unlike current search engines. [italics mine -- DPS]

When Microsoft unveiled Windows 98, it showed a prototype of a Microsoft Word interface with no toolbars. The program learns what commands the user frequently uses and makes one personally customized toolbar instead of providing entry-level defaults for all users.

What are the implications of this new paradigm? Sacrifice of user control is obviously required.

Return to the Top 


Web Site Design based on OAI

Shneiderman makes case for OAI as web site design guideline:

 

Analyze task domain to yield objects, relationships, actions:

 

Metaphor selection/development is crucial and difficult:

 

Library of Congress website and development thereof is described as example of applying OAI method. (pp 571-2)

 

Return to the Top 


[ lecture notes | CSC 397 | Pete Sanderson | Computer Science | SMSU ]


Last reviewed: 30 September 1998

Peter Sanderson ( pete@csc.smsu.edu )