NAVIGATION SYSTEMS

r

Documentació audiovisualNom: Berta Alomà SeséData d'inici: 7 de novembre2011Última actualització: 9 de novembre 2011Mapa basat en el capítol: Dessigning Web Navigationper James Kalbach(Es pot trobar la versió on-line mitjançant el catàleg de la Biblioteca de la UPF.)

Primary Categories of Navigation

Structural

Main Navigation/Global Navigation

r

Presents the top level pages of a site's structure.

Functions

Provides an overview and answers important questions users may have when first coming to a site.

Aids in orientation. It is comforting to have a persistent navigation mechanism across the site, particulary for large information-rich sites.

Allows people to switch topics. Visitors can get to other sections of a site effitiently or they can reset their navigation path and start over using main navigation options.

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

Gives shape to a site. It defines the boundaries of the site itself.

Caracteristics

Often presented in a global navigation area wich generally includes the site logo and utility navigation. These controls generally apear in an uncharged consistent position on all or nearly all pages of a site.

The size of the site

Larger sites may benefit from steady main navigational mechanism across pages.

Smallers sites may be navigable with only contextual navigation.

User behaviour and needs: you need to understand your users and their information needs, then design acoordingly.

Stakeholder objectives: A visible, persistent global navigation may fullfill a stakeholder need.

Workflows that can't be interrupted: There are times when global navigation shouldn't be shown or can vary its form. Some task's flows should restrain people from jumping out in the middle of a process.

Local Navigation/Sub-navigation

r

Local navigation is used to acess lower levels in a structure, below the main navigation pages.It often works in conjuction with a global navigation system and is really an extension of the main navigation.

Common arrangements

Inverted-L: It is very common to place local navigation as vertical link, on the left, in the shape of a inverted L.

Horitzontal: Local navigation might also be represented by a second row of options under a horitzontal fglobal navigation or by dinamic menus.

Embedded vertical: when the main navigation is in a vertical menu, it's common to embed the local navigation between the main navigation options in a tree-like structure.

Associative Navigation

Contextual Navigation/associative links

r

It can vary, it's situational. Though links may transition to similar pages at the same level within the site, they quite frequently lead to new content areas, different page types, or even a new site. Contextual navigation is places close to the content of a page. This creates a strong connection between the meaning of a text and the linked related pages.

Typical arrangements

Embedded navigation:contextual nav may be embedded within the text itself. As a result contextual navigation is ofen representated as plain text links.

Red ted links: contextual navigation may apear at the end or to the end or to the side of content. Useful for business and nwes sites.

Quick Links

r

Quick links provide acess to important content or areas of the site that may not be 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. Marketers may see the value in quick links for an upsell effect.Quick links often appear at the top or on the sides of pages. On the home-page, they may be prominently positioned in component of their own.

Footer Navigation

r

Located at the bottom of the page, footer navigation is usually represented by text links. These often acess a single page with no further keveks of structure below them -a deadened, so to speak.Traditionally it contains supplementary information not pertinent to main topic of the site, such as copyright information, terms and conditions, and sites' credits.

Utility Navigation

Types

Extra-site Navigation

r

Important for large corporations that may have diverse propduct areas or businesses, extra-site navigation links to other related sites, sub-sies or companies. This type of meta-navigation allows people to switch to relates web properties owned by a single provider. Extra-site navigation is typically at the top right of the page

Toolboxes

r

Toolboxes bring together site options that perform funcions- "tools" for doing things on the site. Toolboxes may include links to content or navigation pages, but often they link to functional pages.

Linked logos

r

Web sites very often have a logo at the top of each page. It is customary to link the entire image itself to the home page. People may or may not know of this behaviour, so some sites add an explicit labe underneath or to the side of the logo. In general linking the logo provides a predictable way to return to a familiar starting point. In some ways it is like an "undo" option.

Language and country selectors

Language

r

For sites that have sites in multiple languages, a language selector allows people to switch between them. Most often, visitors jump to the same web site, but in a different language. Sometimes, however, the local language site is completely different. Transitions may therefore be small or large. If there are only a few languages to select from, simple links at the top or bottom of the page may suffice.

Country or region selectors

r

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. Sometimes country selection is done visually with a clickable world map. This, of course, assumes that people can identify the country they want on the map. Here, unlike for language selection, it is acceptable to use images of national flags.

Internal page navigation/anchor links/jump links

r

Some web pages can be very long. In these cases, it may be advanageous to add internal page links that allow peopleto jump from one section of a page to another. Internal navigation links basically scroll the page up or down, proiding a more effitient way of reaching sections of a longer page. Beyond the quick access to content sections, internal links provide an overview of page content, much like a table of contents.

Resources

1.Dynamic Bibliography

Google Scolar

E-lis

a

Scirus

World cat

2.Software

MindMaps creator Mindomo

a

3.Information/research

Análisis sistemas ne navegación blog

Guia web

a

Web developer's notes

Mind Map based on

Designing Web Navigation, by James Kalbach

Page types

Navigational pages

r

Navigational pages, such as home pages, landing pages and galleries, play an important role in telling the story of a site and they also suport a range of search modes, help orientation...

Home page

r

They provide a dashboard-like view into the rest of the site's pages. They direct visitors to key areas of a web site.A home page may algo contain text content or functionality, but usually in an abbreviated format only.

Landing Pages/overview pages

r

Landing pages provide an overview of main site categories. These often correspond to the options in a main navigation and provide an outline to the content in a given section.Landing pages must provide both local and global orientation

Gallery Pages

r

Galleries are similar to landing pages, but povide an overview of a specific group of products or content instead of links to a site departament or section. Gallery pages are more than just a means to navigate a product page: they contain critical shopping information and allow visitors to campare products.

Search Result Pages

r

These are similar to gallery pages but are dynamically created, based in user-entered keywords. Depending on the search terms, results may or may not be of a single product or content type.

Contentpages

Content Pages

r

On information-rich web sites, content pages are ultimately what people are looking for: text, stories, articles, personal resumes, blogs, news, company historiesm and how-to information are just some examples. Conent pages are the funtemental currency of the web. The focus of content pages should be the content.

Product Pages

Elements

Product pictures

Further details

Product descriptions

Related products

Functional elements

Add to a shopping cart or purchase

Save to a wish list

Wiew larger images or zoom in

Change size or colour

Email this page

Functional pages

r

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 fulfills a user's need. They may be a little or no text on such pages so they often lack embedded navigation and related links.

Search Forms

r

It's quite typical for a site search feature to be a small input field on the home page or on all pages of a site. Sometimes, however, a more detailed search is required, typically called an advanced search. As the name implies, this offers more control than a simple search. An advanced interface requires more space; consequently, a separate page is usually needed.

Submission Forms

r

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

Web Applications

r

They refer to a range of pages that contain interactive features and functionality. People accomplish tasks on these pages such as writting emails, editing spreadsheets, managing projects, etc. as web tecnologies become more and more robust, online applications will become more common.

Page Lenght

r

There are some factors that may help as a guideline to know when a page ends to stard a second one. - Screen size. - Content might not have the same impact or meaning when it's broken up into multiple smaller pages.- People don't like to read online. For longer texts is less problematic and preferred to make them avaliable offline such as printing formats.