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
Bridge
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)
Please support this free site by donating:

Send Lesa to a
heavy metal concert
Subscribe!
Subscribe to the RSS feed
Subscribe to the RSS feed and have new stories delivered to the RSS reader of your choice!
Get Lesa's big honkin' books:

Get Lesa's training videos:

Free stuff:
Get 10 free high-resolution images from:
View My Portfolio
Executive Summary of Graphic Design News:
Amazon Pick:
Travel Blog:
Home | Tutorials & QuickTips | Hotpicks & Tips | Downloads | Travel Schedule | About Lesa | Site Map
Contact: lesa@graphicreporter.com
Copyright 2009 The Graphic Reporter