Skip to content

A podcast for those who design, develop and run websites.

Boagworld is the personal website of Paul (the Wurzel) Boag who lives in the heart of rural Dorset. He produces a weekly podcast along with Marcus (pop star) Lillington on all things relating to building and running websites.

Latest shows

144. Scale
On this week’s show Paul talks to Joe Stump from Digg about scalable websites, we review the best apps for web designers and investigate services for sending bulk emails.
143. Partnership
On this week’s show Paul and Marcus discuss how to promote your web application, ways to improve the client/designer relationship and tools for managing your font library.
142. Community
In this week’s show Ryan and Stanton cover the news in Paul’s absence, we’re joined by Mark Boulton to discuss design by community and Marcus reminds us to keep positive.
141. Feedback
In this week's show, Paul Annett joins us to discuss how he pushes the boundaries of CSS and we look at how to improve your website through user feedback.
140. Launch
In this week's show GetSignOff has finally launched, we talk about how to use web stats to improve your site and we answer your questions about roles with web design and should you help clients with hosting.

or view all shows

Have your say

Leave a message for the show...

Buy my book: The website owners manual. A book for all those involved in designing, developing or running websites on a daily basis.

Sticking up for the humble site map

Published on: August 18, 2005 by Paul Boag

I was working on a site map yesterday and realised how little thought I give them. They tend to be an after thought in the design process. Vowing to repent of this half-assed attitude, I set out to learn all I could about this under appreciated site tool.

Why site maps are cool

Perhaps it is a sad reflection on the state of my life but I have come to consider the humble site map quite cool. I used to add them to a site mainly because they were required if the site was to be Priority 2 compliant. However, I was to discover they have many hidden benefits:

  • Site maps are a lifeline if users are lost or frustrated with a site. Users often turn to them as a last resort. This means they are a great opportunity to save a visitor who would otherwise be lost to your competition.
  • Site maps can often be more successful than a homepage at directing a user to the content they require.
  • Search engines love them because they give quick access to the most important sections of the site.
  • Users who require a speech browser find them incredibly useful too as they can skip directly to the content they require without navigating through the sites hierarchy.

How to build a great site map

So, what did I learn about how to make a decent site map? Well there are a few simple tips you can follow to guarantee success:

Don't be shy

Do not hide your site map away. According to testing carried out by Jakob Nielsen 85% of users were unaware that sites they visited regularly had a site map. Avoid this by not hiding your site map down in your footer and by clearly naming it "site map"

Keep it clean

Make sure your site map is clean and simple. Do not over design it or make it a navigational challenge in its own right

Don't try and be clever

Do not use JavaScript to make your map expand and contract like windows explorer. This undermines the whole idea of a site map which is that you can see an overview of the whole site in one go.

Show where they have been

Use link colours to show users which pages in the site map they have already visited.

Show where they are

If you can use server side coding to show the user where they were in the sites information architecture before they entered the site map. This is the same principle as using a "you are here" marker on a map.

Don't go overboard

If you have, a large site do not show every page on the whole site. A site map should not be more than a couple of screens in depth. More than this overwhelms the user.

What have I missed?

So there you have it, my guide to the perfect site map. If you have any additional ideas of how the humble site map can be improved please let me know.

Comments

Comments are for the discussion of this post. If you have other questions / comments then post them to the forum or send me an email

  • Post by matthijs on August 19, 2005 9:28 AM

    So... were is your sitemap then?? No, just kidding. Could you give me an example of a sitemap you find cool, or the sitemap you made?

  • Post by Paul Boag on August 19, 2005 9:47 AM

    lol... fair point. Boagworld does lack a site map but then it would be hell to try and do a site map for the chaos that is this site :)

    The site map I was working isn't live yet but here is a screen capture (176kb).

    Notice how sections you have visited are greyed out.

  • Post by matthijs on August 19, 2005 5:26 PM

    That looks nice indeed. If on a live site every section has a nice hover effect including a descriptive title, to make it very obvious each section is a page (so can be visited), it's perfect (?). Thanks for showing the screenshot.

  • Post by Paul Boag on August 19, 2005 5:37 PM

    Now adding a title tag with a page description. Thats a nice idea. Ill will sure to add that one. Oh yes, and I have added rollover effects that include highlighting the background colour and underlining the text. To start with all the links were underlined but it made it overwhelming and difficult to read.

Leave a comment

Additional Information

Supporting boagworld

Boagworld only exists thanks to the kind support of the following people. Check them out.

Speaking and writing

View Paul's current location, speaking engagements and various online ramblings:

Upholded by feed dot informer dot com