类别 全部 - navigation - objectives - user - structure

作者:Ricardo Jornet 13 年以前

248

Web Navigation Systems

Navigation systems on websites are essential for organizing web pages effectively to maximize their utility. These systems include different types of navigation, such as structural, associative, and utility navigation, along with various page types, including navigational, content, and functional pages.

Web Navigation Systems

Web Navigation Systems

When we talk about Navigation Systems, we are referring to the different ways a webpage can be organised to get the most of it.

They include Types of Navigation (structural, associative or utility navigation) and Types of Pages (navigational, content or functional pages). These concepts mix together to create different types of websites, and the success of them depends a lot on what mix we select.

References:

- "Types of Navigation", chapter on the book "Designing Web Navigation", by James Kalbach, O´Reilly Media, Safari Books.

- "Information Architecture for the World Wide Web", by Louis Rosenfeld and Peter Morville, O´Reilly Media, Safari Books.

- "Web Navigation", article on the English Wikipedia.

Ricardo Jornet Gallego

Documentació i Comunicació Audiovisual - Grup 102

Universitat Pompeu Fabra

30th October, 2011

Resources

Software
Dynamic Bibliography
WorldCat
Scirus
Google Scholar
Information and Analysis
For HTML developers
Web developers site
Web Navigation: Wikipedia
Web Navigation: Google

Functional Pages

Functional pages allow people to complete a task online, such as conduct a search or send an email. Like

content pages, they are often the destination page that users are looking for.

Web Applications

Web applications refer to a range of pages that contain interactive features and functionality. People

accomplish tasks on these pages: they write emails, edit spreadsheets, manage projects...

Web applications become more and more common as online technology becomes more robust.

Submission Forms

Forms allow people to submit information. This might be to create an online account or profile, to apply

for a job, or to reserve a car, for example.

Search Forms

The advanced searchs usually need a page of their own, thus creating search forms. These contain a lot of searching options, and are more complete than normal plain basic search.

Content Pages

Content pages are ultimately what people are looking for: text, stories, articles, personal résumés, blogs, news, company histories...

In a logical way of thinking, the content of these pages should be direct content and not links or other things.

Product Pages

Product pages are obviously critical to e-commerce sites. They usually contain product pictures and descriptions, further details and related products, and allow users to add products to their shopping cart, send e-mails, ask for help...

Navigational Pages

Navigational pages point visitors to their ultimate goal: content or functional pages. They are stepping

stones in information seeking.

Search-result Pages

Search results pages resemble gallery pages, but are dynamically created based on user-entered keywords.

Gallery Pages

Galleries are similar to landing pages, but provide an overview of a specific group of products or content

instead of links to a site department or section.

Gallery pages are more than just a means to navigate a

product page: they contain critical shopping information and allow visitors to compare products.

Landing Pages

Landing pages provide an overview of main site categories. Similar to how a home page provides an overview of the entire site, landing pages provide an outline to the content in a given section.

Homepage

Providing a dashboard-like view into the rest of your pages, home pages direct visitors to key areas of your

web site. A common strategy is to show lower levels of navigation directly on the home page. A home page may also contain text content or functionality, but usually in an abbreviated format only.

Utility Navigation

Connects pages and features that help people use the site itself; these may lie outside the main hierarchy of the site, and their only relationship to one another is their function.

Internal Page Navigation

Some web pages can be very long. In these cases, it may be advantageous to add internal page links that

allow people to jump from one section of a page to another. Internal navigation links basically scroll the

page up or down, providing a more efficient way of reaching sections of a longer page.

Language/Country Selectors

For sites that have sites in multiple languages, a language selector allows people to switch between them.

In some cases, content may differ based on the country or market. A country selector allows visitors to

pick their market region. Note that language selection and country selection are different activities.

Linked Logo

Web sites very often have a logo at the top of each page, which is customary to link to the home page. People may or may not know of this behavior, so some sites add an explicit label underneath or to the side of the logo. In general, linking the logo provides a predictable way to return to a familiar starting point.

Toolboxes

Toolboxes bring together site options that perform functions—“tools” for doing things on the site. Toolboxes

may include links to content or navigation pages, but often they link to functional pages.

Extra-site Navigation

Important for large corporations that may have diverse product areas or businesses, extra-site navigation

links to other related sites, sub-sites, or companies.

Associative Navigation

Connects pages with similar topics and content, regardless of their location in the site; links tend to

cross levels on the web structure.

Footer Navigation

Located at the bottom of the page, footer navigation is usually represented by text links. These often

access a single page with no further levels of structure below them.

Traditionally, footer navigation contains supplementary information not pertinent to main topic of the site, such as copyright information, terms and conditions, and site credits. But footer navigation doesn’t have to be insignificant: related links and logical next steps may also be included.

Quicklinks

Quick links provide access to important content or areas of the site that may not represented in a global

navigation. They generally highlight frequently accessed content areas or tasks, but may also be used to

promote areas deeper in the site.

Adaptive Navigation

Adaptive navigation is a special kind of a contextual navigation. Its links are generated by an algorithm analysing what pages people do prefer. As a consequence, it will show the most interesting places on the web.

Contextual Navigation

Contextual navigation can vary, being a situational thing. Though links may transition to similar pages at the same level within the site, they quite frequently lead to new content areas, page types or new sites. Primarily, it consists on links.

Related Links

Contextual navigation may appear at the end or to the side of content, in a separate fashion.

Embedded Navigation

Contextual navigation may be embedded within the text itself. As a result, contextual navigation is

often represented as plain text links.

Structural Navigation

Structural Navigation connects pages within the site on a hierarchic fashion; in any page you can move to the pages above and below it.

Common Arrangements

Local navigation often works in conjunction with a global navigation system and is really an extension of

the main navigation. The conjunction of main and local navigation can be made in three diferent ways.

Embedded Vertical
Horizontal
Inverted-L
Local Navigation

Local navigation is used to access lower levels in a structure, below the main navigation pages. It usually shows options in the same hierarchic level or in lower levels.

Overall, local navigation provides a great deal of context, such as which topics belong together, related

content... In this sense, local navigation plays a key role in indicating the “aboutness” of the

site.

Main Navigation

The main navigation generally represents the top-level pages of a site’s structure—or the pages just below

the home page. From a user’s standpoint, the main navigation plays a critical role:

- It provides and overview and answers important primary questions.

- It orientates the user.

- It allows people to switch topics.

- It helps when users get interrupted while navigating and reminds visitors where they are in a site.

- In many ways, the main navigation defines the boundaries of the site itself, giving shape to it.

depends on

Workflows that can´t be interrupted

Stakeholder Objectives

User behaviour and needs

The size of the site