Design Usability
  Home arrow Design Usability arrow Easy as A,B,C – dynamic A to Z indexes
Dev Articles Forums 
ADO.NET  
Apache  
ASP  
ASP.NET  
C#  
C++  
ColdFusion  
COM/COM+  
Delphi-Kylix  
Design Usability  
Development Cycles  
DHTML  
Embedded Tools  
Flash  
Graphic Design  
HTML  
IIS  
Interviews  
Java  
JavaScript  
MySQL  
Oracle  
Photoshop  
PHP  
Reviews  
Ruby-on-Rails  
SQL  
SQL Server  
Style Sheets  
VB.Net  
Visual Basic  
Web Authoring  
Web Services  
Web Standards  
XML  
Mobile Linux 
App Generation ROI 
IBM® developerWorks 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us Get Paid 
Request Media Kit
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
DESIGN USABILITY

Easy as A,B,C – dynamic A to Z indexes
By: Chris Heilmann
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 4 stars4 stars4 stars4 stars4 stars / 28
    2005-03-30

    Table of Contents:
  • Easy as A,B,C – dynamic A to Z indexes
  • Our friend the user agent
  • The Redmond spoiler
  • Making the list dynamic
  • Customizing the script

  • Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     
    ADVERTISEMENT


    Easy as A,B,C – dynamic A to Z indexes


    (Page 1 of 5 )

    It's a good idea to offer your visitors as many logical ways to navigate your website as possible. This gives them more chances to find exactly the product or information for which they came to your site in the first place. Sitemaps are a wonderful solution, but many of your visitors may find an A to Z index of your site easier to understand. Chris Heilmann explains how to implement such an index.

    A welcome shortcut for visitors on text-heavy websites is an A to Z index of the services offered. Much like the sitemap, it offers a fast way to find what you need on the site. An index is even more user-focused. The sitemap reflects the structure of the site – something that is only relevant to visitors when it is badly implemented in the navigation. An A to Z index shows all the things users can get out of a site, structured in a way that is easy to grasp and well known - alphabetically. Government websites in the United Kingdom are legally bound to offer an A to Z index, and yes, they can be very hard to navigate or structure logically.

    The examples described in this article are all contained in the accompanying zip file.

    Planning the A to Z

    We put the content of the A to Z index to the side now; you should know best what to add and what to omit when listing your services. If you don’t, ask your visitors. Let’s talk about the Web functionality instead.

    There are several ways to design an A to Z index technically on the Web.

    Depending on the size of your site, the content can be too overwhelming for one page, so you will split it up into several pages dynamically on the server. This will also make it easy to add extra functionality, like a search.

    An A to Z index split up into 26 pages and an index is good for faster loading times and easier maintenance, but it also means an extra click and page load for a functionality that should be a shortcut on the site. A website of moderate size – and you can define “moderate” by using an underused technology called “common sense” – can fit an A to Z index onto one page.

    More Design Usability Articles
    More By Chris Heilmann


       · Very neat article. I should have loved to get a little more about the javascript,...
     

    DESIGN USABILITY ARTICLES

    - Create Great JavaScript and CSS Menus Simply
    - Design Principles that Shape a Web Site
    - Creating Aqua Style Images
    - Easy as A,B,C – dynamic A to Z indexes
    - EasyChart: a Usability Teaching Tool to Demo...
    - Building Friendly Pop-up Windows
    - Back to School: Design Usability
    - Using HTML_QuickForm To Manage Web Forms, Pa...
    - Using HTML_QuickForm To Manage Web Forms, Pa...
    - More Website Knick Knack
    - Browsers as Test Platforms
    - Website Knick Knack
    - Dynamic Page Elements-Cloak and Dagger Web D...
    - Accessibility and Dreamweaver MX 2004







    © 2003-2009 by Developer Shed. All rights reserved. DS Cluster 4 Hosted by Hostway
    Stay green...Green IT