1 Human-Computer Interaction Web Interface & Natural Language

2 Web Interface Design Planning your presentation (flow, navigation) Navigation samples

3 Navigation Samples Menu navigation represents a technique whereby information is structured under major topic headings and sub-headings. Users navigate down a particular path/hierarchy and back out of that path using visible menus. The menu and path remains visible and is evident. In the first screen shot (Williams-Sonoma), users select one of only a few menu options ("about us"). The path selected is then highlighted across a top-level menu bar, with the options for various sub-levels available for selection.Williams-Sonoma

4

5 Notice in the second sample how color and fading is used to highlight activated from deactivated menu items.

6 Tab-stop navigation represents a technique whereby information is again structured under major headings and sub-headings, but the user accesses that information using a file-folder tab metaphor. The major tab headings are always visible.

7

8 Index navigation represents a technique whereby information is structured within a table of contents. All potential selections are visible. Users will not be forced to "dig" through multiple levels of menus to find a specific piece of information. As a result, the interface may be more usable, but tends to look cluttered or "busy" from a visualization perspective. It is possible to design by one of the prior navigation techniques (e.g, tab-stop), then provide an index for those users who prefer this method of information access.

9

10 Pull-Down Menu navigation employs javascripting to direct users to different parts of a web site.

11 Iconic navigation is a technique where the user can select a visual representation of specific items they wish to link to. Sometimes the icon is accompanied with a text label. For clarity, both text and iconic representations are recommended.

12

13 Page Turning navigation is useful for creating tutorials or content structured according to units or chapters. It may be difficult to create an entire site with this navigation approach, but sections of a site are often accessed in such a manner.

14

15 Designing Web Interfaces Creating rich internet applications.rich internet applications Make it Direct Keep It Lightweight Stay on the Page Provide an Invitation Use Transitions React Immediately