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 GallegoDocumentació i Comunicació Audiovisual - Grup 102Universitat Pompeu Fabra30th October, 2011
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.
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
The size of the site
User behaviour and needs
Stakeholder Objectives
Workflows that can´t be interrupted
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.
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.
Inverted-L
Horizontal
Embedded Vertical
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.
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.
Embedded Navigation
Contextual navigation may be embedded within the text itself. As a result, contextual navigation is often represented as plain text links.
Related Links
Contextual navigation may appear at the end or to the side of content, in a separate fashion.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Navigational Pages
Navigational pages point visitors to their ultimate goal: content or functional pages. They are stepping stones in information seeking.
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.
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.
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.
Search-result Pages
Search results pages resemble gallery pages, but are dynamically created based on user-entered keywords.
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...
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.
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.
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.
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.
Resources
Information and Analysis
Web Navigation: Google
Web Navigation: Wikipedia
Web developers site
For HTML developers
Dynamic Bibliography
Google Scholar
Scirus
WorldCat
Software