The Graphic Reporter See it. Hear it. Learn it. Step by Step creative online tutorials Lesa Snider
Tutorials & QuickTips:
Mac OS X
Widget of the Week
Ware of the Week
Photoshop
Photoshop Elements
Graphic Design
iPhoto
Web visibility
Web design
Illustrator
InDesign
GoLive
Digital Photography
Business cards
Scanning Tips
Tutorials > Web design

Web navigation tips

Nov. 15, 2004

Here are five handy tips to keep your visitors from getting lost as they navigate your website.

  1. Leave a trail of breadcrumbs. Let visitors know where they are within your website by adding a row of text links at the top of each page forming a directory-style path. Example:

    Home > Event Schedule > May

  2. Give them a site map. Create a page that lists links to each page of your site in a simple organization chart format. This gives visitors quick page access and a visual representation of the site (helpful in search engine indexing as well).

  3. Annotate your links. Let visitors know what to expect by including a brief description of where and what they're about to encounter. This is true for internal links (leading to other pages within your site) as well as external links (leading to another website altogether).

  4. Non-verbal cues. Let visitors know they've left your site by having external links open in a new browser window. Just add the following attribute to an anchor tag: target="_blank" Example (anchor tag intentionally left open so you can see the code):

    <a href="http://www.cowtownmug.org" target="_blank">url...

  5. Be consistent. Make sure each page of your website includes these elements:
  • logo or site identifier (on interior pages link logo to the home page)
  • global navigation elements (main pages, search boxes, site map, etc.)
  • text equivalents to global navigation options at the bottom of the page
  • global utilities (log in, ecommerce, etc.)
  • contact information (email, phone, and/or address)
Subscribe!
Subscribe to the RSS feed
Subscribe to the RSS feed and have new stories delivered to the RSS reader of your choice!
Latest pictures:
www.flickr.com
This is a Flickr badge showing public photos from ShawnKing. Make your own badge here.
Support this free site by using these links:

Send Lesa to
heavy metal concert
View My Portfolio
Amazon Pick of the Month:
More fun stuff:
Graphics tip of the week live on Your Mac Life
Friends:
Home | Tutorials & QuickTips | Hotpicks & Tips | Downloads | Travel Schedule | About Lesa | Site Map
Contact: lesa@graphicreporter.com
Copyright 2007 The Graphic Reporter