spacer

Webref WebRef   Sitemap · Experts · Tools · Services · Newsletters · About i.com

home / experts / dlab / 9705
Developer News
SaaS Tool Offers Custom Database Development
Microsoft’s Automated Agent: Can We Talk?
Borland Finally Sells CodeGear

[Dmitry's Design Lab]
Dmitry Kirsanov's monthly column
 
May 1997
Designing Site Navigation
Even with the best possible design of any single page, your site will fail to attract visitors if not equipped with a neat, consistent, and intuitive navigational interface.  This article addresses the main issues designers confront when building effective navigation tools.
 
 
 

On every page of your site, you must provide clear and unambiguous answers to the two basic questions your visitors will ask themselves, "Where I am?" and "Where do I go from here?".  I wouldn't say, though, that this should be given priority over the niceties of design (as you may expect me to), simply because thoughtful and professional design is highly unlikely to hinder navigating the site.

The principal vehicle for travelling around a site is a set of buttons commonly grouped on each page into a navigation bar or navigation panel.  This article is mainly concerned with different aspects, both functional and artistic, of designing navigation panels.  Rather than theorize about what makes a good or bad navigation panel, we'll deduce the main do's and dont's from real-world examples.

You shouldn't be surprised to learn that the home page of a site is primarily responsible for the impression your visitors get about the entire design---its importance far exceeds that of any of the subpages.  The same applies to the navigation system of a site: If you manage to persuade your first-time visitors to make one step down from the home page, the chances of them getting involved with the content and wishing to explore your site thoroughly become much higher.

That's why we'll start by examining in depth the main navigation panels on the home pages of two hardware companies, Sun and Digital, which present a very instructive contrast in their approaches.  Then, we'll cover features of their subpages' navigation machinery, and finally, discuss some miscellaneous navigation issues.

Note: Since the article was written, both Sun and Digital redesigned their sites and navigational interfaces, making them quite different from what than they were looking like in May 1997. However, since the article uses these sites only as a starting point to arrive at some general---and still relevant---conclusions, I decided to keep the text unchanged. When reading, refer to the large screenshot illustrations to see the old design of these sites.

 

Comments are welcome
Produced by Dmitry Kirsanov and

JupiterOnlineMedia

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info


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

Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

Solutions
Whitepapers and eBooks
Microsoft Article: Will Hyper-V Make VMware This Decade's Netscape?
Microsoft Article: 7.0, Microsoft's Lucky Version?
Microsoft Article: Hyper-V--The Killer Feature in Windows Server 2008
Avaya Article: How to Feed Data into the Avaya Event Processor
Microsoft Article: Install What You Need with Windows Server 2008
HP eBook: Putting the Green into IT
Whitepaper: HP Integrated Citrix XenServer for HP ProLiant Servers
Intel Go Parallel Portal: Interview with C++ Guru Herb Sutter, Part 1
Intel Go Parallel Portal: Interview with C++ Guru Herb Sutter, Part 2--The Future of Concurrency
Avaya Article: Setting Up a SIP A/S Development Environment
IBM Article: How Cool Is Your Data Center?
Microsoft Article: Managing Virtual Machines with Microsoft System Center
HP eBook: Storage Networking , Part 1
Microsoft Article: Solving Data Center Complexity with Microsoft System Center Configuration Manager 2007
MORE WHITEPAPERS, EBOOKS, AND ARTICLES
Webcasts
Intel Video: Are Multi-core Processors Here to Stay?
On-Demand Webcast: Five Virtualization Trends to Watch
HP Video: Page Cost Calculator
Intel Video: APIs for Parallel Programming
HP Webcast: Storage Is Changing Fast - Be Ready or Be Left Behind
Microsoft Silverlight Video: Creating Fading Controls with Expression Design and Expression Blend 2
MORE WEBCASTS, PODCASTS, AND VIDEOS
Downloads and eKits
Sun Download: Solaris 8 Migration Assistant
Sybase Download: SQL Anywhere Developer Edition
Red Gate Download: SQL Backup Pro and free DBA Best Practices eBook
Red Gate Download: SQL Compare Pro 6
Iron Speed Designer Application Generator
MORE DOWNLOADS, EKITS, AND FREE TRIALS
Tutorials and Demos
How-to-Article: Preparing for Hyper-Threading Technology and Dual Core Technology
eTouch PDF: Conquering the Tyranny of E-Mail and Word Processors
IBM Article: Collaborating in the High-Performance Workplace
HP Demo: StorageWorks EVA4400
Intel Featured Algorhythm: Intel Threading Building Blocks--The Pipeline Class
Microsoft How-to Article: Get Going with Silverlight and Windows Live
MORE TUTORIALS, DEMOS AND STEP-BY-STEP GUIDES
webref The latest from WebReference.com Browse >
How to Create an Ajax Autocomplete Text Field: Part 6 · Software Engineering for Ajax · Perl Pragma Primer
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Using File Virtualization for Disaster Recovery · VoIP Security: SIP—Versatile but Vulnerable · Around the World in 80 Nodes

Created: May 23, 1997
Revised: May 26, 1997

URL: http://www.webreference.com/dlab/9705/