Site Index


Users need to find a specific page


Show all pages in an alphabetical index or by topic.


Use when

A large website with search and main navigation. Typically for beginning users that are not very familiar with the information architecture of the web site. Such sites typically have other ways to access the information such as main navigation or search box. There may be too many pages to show in one page and pages may be related by topic.


All pages are shown per character. Depending on the number of items per character, Tabs is used to browse the index. More there are several pages that share a common topic, put the topic in the index and place the pages under them. Use two columns if you page template allows it. It should because you don't need your normal navigation bars anymore....


Using an index the users can look for a keyword and go directly to the page. This way the user does not have to understand the information architecture of the site. By grouping pages under topics, users get the possibility to search by "topic".

More Examples

This nice example from the Adobe website shows a clear hierarchical index. In addition there are links to other search related functions such as the search function and the sitemap.

plml logo


0 comments have been added to this pattern

Add a comment
Do you have something to add or say about this pattern? Perhaps some more examples of how this pattern is used in the wild? Add a comment to this pattern and I'll update the pattern when necessary. Please abstain from misuse. I reserve the right to delete or modify inappropriate postings.

Your Name


Enter the verification code you see in the image below