类别 全部 - navigation - accessibility

作者:José Fernando Ríos 14 年以前

290

CATEGORIES OF NAVIGATION

Various navigation categories enhance website usability by structuring information accessibly. Associative navigation connects related content across different site areas, promoting a seamless user experience.

CATEGORIES OF NAVIGATION

CATEGORIES OF NAVIGATION

PAGE TYPES

Navigatio type and page type are closed related.

PAGE LENGTH
WEB APPLICATIONS
SUBMISSION FORMS
SEARCH FORMS
CONTENT PAGES
PRODUCT PAGES
NAVIGATIONAL PAGES

Point visitors to their ultimate goal: content or functional pages.

SEARCH RESULT PAGES
GALLERY PAGES
LANDING PAGES
HOME PAGE

UTILITY NAVIGATION

Connects pages and features that help people use the site itself. These pages are generally not part of the main topic hierarchy of the site.

INTERNAL PAGE NAVIGATION

Also called anchor links, jump links

IF LAST SECTION OF CONTENT IS SHORT MAY BE SHOWN AT TOP OF SCREEN
A SITEWIDE DECISION MAY "BACK TO TOP" LINKS ON ALL PAGES
INTERNAL LINKS AT TOP OF PAGS ARE VALUABLE
ALL SECTIONS OF LONGER PAGE MAY BE IN JUMP LINKS
INTERNAL LINKS MAY OR NOT BE SHOWN AS VISITED
DON'T DISTINGUISH INTERNAL& EXTERNAL PAGE LINKS
LANGUAGE&COUNTRY SELECTORS

FOR A MULTI-LANGUAGE SITE

LANGUAGE OF EACH SITE AT VERY TOP OF HTML CODE

COUNTRY OR REGION SELECTORS

Content may differ based on the countr or market. A country selector allows visitors to pick their market regions.

AVOID USE OF FLAGS FOR LANGUAGES

As languages are often spoken in more than one country. And in many countries more than a language is spoken.

IF A FEW LANGUAGES TO SELECT FROM

LINKS AT THE TOP OR BOTTOM OF THE PAGE

LINKED LOGO
TOOLBOXES
MAY INCLUDE LINKS TO

FUNCTIONAL PAGES

NAVIGATION PAGES

CONTENT

EXTRA -SITE NAVIGATION

Important for large corporations that may have diverse product areas of 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.

COMMON TYPES
FOOTER NAVIGATION

The advantage of footer navigation is that it doesn't intrude on site content or functionality, potentially saving valuable real estate.

SOMETIMES PART OR ALL OF A SITE MAP IS INCLUDED

SUPPLEMENTARY INFORMATION

SITE CREDITS

TERMS AND CONDITIONS

COPYRIGHT INFORMATION

USUALLY REPRESENTED BY TEXT LINKS

OFTEN TO A SINGLE PAGE

QUICK LINKS

Provide access to important content or areas of the site that may not be represented in a global navigation.. They are contextual for the entire site, not a given page.

ON SUBSEQUENT PAGES REDUCED TO A DYNAMIC MENU

ON THE HOME PAGE, MAY BE POSITIONED IN COMPONENT OF THEIR OWN

OFTEN APPEAR AT THE TOP OR ON THE SIDE OF PAGES

TO ACOMPLETELY NEW WEB SITE

TO ONLINE SHOP AREA

TO RELATED SUB-SITE

Subtema

CONTEXTUAL NAVIGATION

Also called associative links, related links.Though links may transition to similar pages at the same level within the site, they quite frequently lead to new content areas or even a new site.

LINK THE ENTIRE SENTENCE INSTEAD OF "CLICK..."

MUST MAKE SENSE IF READ OUT OF CONTEXT

ADAPTIVE NAVIGATION

Used to make recommendations mainly on e-commerce sites: "Customers who bought this product also bought..."

RELATED LINKS

Contestual navigation may appear at the end or to the side of content.

EMBEDDED NAVIGATION

Contextual navigation may be embedded within the text itself. As a resultcontextual navigation is often represented as plain text links.

STRUCTURAL NAVIGATION

Connects one page to another based on the hierarchy of the site.

MAIN NAVIGATION

It generally represents the top-level pages of a site's structure.

ACCESSIBILITY

SKIP NAVIGATION

SHOW IT AT BOTTOM OF THE PAGE

LINK BEFORE MECHANISM STARTS

EVERY MENU OPTION NOT ALWAYS NEEDED

LOCAL NAVIGATION

Also called sub-navigation, page-level navigation, it is used to access lower levels in a structure, below the main navigation pages. Generally transitions from page to page are smooth and consistent and provides a great deal of context.

EMBEDDED VERTICAL

HORIZONTAL

INVERTED-L

LIMITATIONS

Critics of an ever-present global navigation point to its intrusion on valuable screen real estate.

WORK FLOWS THAT CAN'T BE INTERRUPTED

STAKEHOLDER OBJECTIVES

STAKEHOLDER AND NEEDS

USER BEHAVIOR AND NEEDS

THE SIZE OF THE SITE

GIVES SHAPE TO A SITE
HELPS USERS IF INTERRUPTED
ALLOWS TO SWITCH TOPICS
AIDS IN ORIENTATION
PROVIDES OVERVIEW