1

I'm currently working on a new website for a university. The website is going to have up to 6000 pages with a depth of six or so levels.

Now the clients wants a visual sitemap, a graph representing the structure of the website, which can be used for finding a particular page. The only way I see this happening is using a dynamically created graph, showing maybe the next three levels.

Is there a good example of a sitemap this size anywhere?

(We do have a powerful search as well, and I guess people would use that instead anyways.)

  • Could you please explain what 'visual sitemap' means? – Izhaki Mar 13 '14 at 22:46
  • "Now the clients wants a visual sitemap" = why? – DA01 Mar 14 '14 at 6:29
2

I feel that creating a sitemap for a site of that scale may impede on the whole purpose for the sitemap which is to orient the user.

You can definitely bi-pass this with your search function by placing it in a primary location.

Here is an example applied to a knowledge-base. In this case, the designer has included some commonly used links as well.

example 1

If you need an example with scale, Wikipedia uses this method as well.

Wikipedia

EDIT: After some thought, here is another idea with a case study. You may want to consider a Card Sorting exercise for the architecture. It can't all be under 1 site if the content can clearly be segregated.

Universities are notorious for having different web portals for each of its academic subjects, the same way they have separate buildings for them. You may want to consider splitting up the site itself into separate segregated sections each with its own image and unique messaging.

An example of this is the U of T website: http://www.utoronto.ca

University of Toronto is made up of a collection of Colleges each with its own web portal. There are also separate areas for Student Life, and Registrars information on top of each program.

Here are examples of their sub-sections with their own sites:

http://learn.utoronto.ca/courses-programs/languages-translation

http://www.artsci.utoronto.ca/newstudents/courses/programs/lifesci

Their meta data contains the quick links and search in google:

u of t

Other industries that do this include the government with subsection sites for Ministry of Education, Ministry of Health, and Ministry of Transportation.

Personally, I just don't see Language students interested in being exposed to Math/Science related topics unnecessarily. My term for this is "Collateral Exposure".

  • Thank you for your elaborate answer. The school does have different departments, each with its own independent page tree. The department is the first level of navigation (after the language) but it does make sense to limit the sitemap to one department. However, it's still a thousand pages per department. – sbaechler Mar 14 '14 at 19:55
  • Not as bad as 6000 pages right? :) – Pdxd Mar 14 '14 at 20:47
  • Just another brainstorm thought: if your client simply insists then I recommend perhaps displaying the sitemap after the user search. This allows you to discern which specific branch the user is looking for.just an idea. – Pdxd Mar 14 '14 at 21:47
1

representing the structure of the website, which can be used for finding a particular page

I can imagine that university has currently website where is hard to find something. User is so frustrated by searching something on website that finally decides to go to sitemap and find it using (Ctrl + F). Then, it's good to display every page (even 6000) and don't create another UX frustration. This frustration can be removed using SEO improvements and let search engine index university page correctly. Then content could be searchable very easily. You could even embed google search on the page.

I can also imagine that this view could be helpful for administrative tasks. Admin can just skim through structure of page to know where something should be added.

However, best approach here I think is to fix real issue here instead of patching this by site map.

1

Traditionally, UX designers have always created summarized visual sitemaps to provide for the architectural reference required as part their UX optimizations and planning phases only.

Traditionally this was a very laborious process taking a ton of hours to manually produce.

Today with the right automated tools, this is now solved in seconds.

enter image description here

-1

As an alternative, you can use Site Visualizer tool that can create a visual sitemap. At first, you should crawl your site: click New Project, type your website's URL. Due to large site, I'd recommend you to restrict crawling by one of the following ways:

  1. Limit Crawl Depth - check the option on Crawling tab of the Create New Project window, then type 2 or 3 to restrict the depth of crawling.
  2. Click Exclude URLs link, then in the dialog box appears type some directories that should not be crawled.

    Site Visalizer crawler

Click OK to create the project. Then launch crawling by clicking Start button. After the crawling is complete, click Draw button of the Visual Sitemap tab. Click on a rectange in order to select the page and highlight its outbound links. You can also save the visualization to an image file.

  • Oops... It looks like I've understood the question wrong. Sorry. – Oleg Mar 14 '14 at 6:31

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.