Web Developer's Virtual Library: Encyclopedia of Web Design Tutorials, Articles and Discussions
 Discussion Forums
 HTML, XML, JavaScript...
 Software Reviews
 Editors,Others...
 Top100
 JavaScript Tutorials, ...
 Tutorials
 ASP, CSS, Databases...
 Discussion List
 FAQ, Roundup, Configure ...
 Authoring
 HTML, JavaScript, CSS...
 Design
 Layout, Navigation,...
 Graphics
 Tools, Colors, Images...
 Software
 Browsers, Editors, XML...
 Internet
 Domains, E-Commerce, ...
 WDVL Resources
  Intermdiate, Tutorials,...
 WDVL
 Discussion Lists, Top 100,...
 Technology Jobs


WDVL Newsletter

Active Server Pages
JSP/Java Servlets
Microsoft SQL Server
Daily Backup
Dedicated Servers
Streaming Audio/Video
24-hour Support    

jobs.webdeveloper.com

Hiermenus


e-commerce
Partner With Us















Developer Channel
FlashKit.com
JavaScript.com
JavaScriptSource
Developer Jobs
ScriptSearch
StreamingMediaWorld
Web Developer's Journal
Web Developer's Virtual Library
WebDeveloper.com
Webreference
Web Hosts
XMLfiles.com

internet.com
IT
Developer
Internet News
Small Business
Personal Technology
International

Search internet.com
Advertise
Corporate Info
Newsletters
Tech Jobs
E-mail Offers


Top 10 Articles
  1. Web Developer's Virtual Library: Encyclopedia of Web Design Tutorials, Articles and Discussions
  2. JavaScript Tutorial for Programmers
  3. Design
  4. JavaScript Tutorial for Programmers - Objects
  5. JavaScript Tutorial for Programmers - JavaScript Grammar
  6. JavaScript Tutorial for Programmers - Versions of JavaScript
  7. Cascading Style Sheets
  8. JavaScript Tutorial for Programmers - Embedding JavaScript
  9. JavaScript Tutorial for Programmers - Functions
  10. Authoring JavaScript
Domain Name Lookup
Search to find the availability of a domain name. Just enter the complete domain name with extension (.com, .net, .edu)

Navigation: Examples - Page 12

May 18, 2001

Overly subtle indication of the user's current location. The navigation bar itself should highlight the current section, but instead, a cute icon (a fish) serves this function.

Here's a nice example [below] of highlighting the user's current location on the site. Although the link colors are not completely standard (which requires blue for unvisited links), the color scheme still helps users understand where they have been. In this example, the user has already visited the "introduction" page as well as the "portfolio" section of the site.

Pull-down menus like the one called "site navigation" in this screen cause many usability problems because users can't see the full set of choices without having to take explicit action. I prefer having a small enough set of global navigation options that they can be shown at all times. Another problem with this site is the very small and non-standard placement of the company name.

This product page provides an interesting example of local navigation in the form of see-also links to similar products under the heading "Quick Compare." Too frequently, web navigation operates on the assumption that users will go directly to the exact destination they need. In fact, users will often arrive at something that is approximately right, but not exactly right. Without local navigation to similar products, users then have no choice but to start all over again and hope for better results next time.

The Quick Compare feature in this example could have been improved with an indication of the underlying navigation dimensions that cause the products to be different. In other words, help users understand why and under what conditions they might be interested in the various other products. Listing the price provides one such dimension (if you can't afford the current product, then it's easy to find a cheaper one), but it is not clear what the other main differences are among the products. I could imagine that one printer might be the one to click on if you need color and another might be the choice if you print a lot of copies every day, but with the current design, users don't know-nor get any help in deciding-what direction to move in if they want to leave the current page.

Navigation - Page 11
Designing Web Usability
Navigation Support in Browsers - Page 13


Up to => Home / Authoring / Design / Usability




Jupiter Online Media: internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and Jupiter Online Media

Jupitermedia Corporate Info


Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Web Hosting | Newsletters | Tech Jobs | Shopping | E-mail Offers