Directory Navigation

Problem

Users need to sect an item out of a set

Solution

Sum up level 1 and 2

From


Use when

At least several groups of items. User may want to change between items in the same group. Users want to have an overview of what is there.

How

Place all items of the second level under headings of the first level. Add the number of items present in each group. When the users have selected an item, the items of that group are shown with extra navigation at the top of the page. Users can switch to other items within the same group. Always one of the subgroups is active after a select. Should there be a breadcrumb to navigate back to the index???
* view wireframe

Why

The directory provides overview while at the same time showing the structure of the items. By always keeping the links to items within the same group visible users can switch easily between those items.

More Examples

This example from www.usableweb.org shows the number of items in each category.



plml logo

Comments

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

Comment

Enter the verification code you see in the image below
captcha