Pagination on navigation links?

Options 2 and 3 make a lot of sense if the users often don’t remember the exact name of the project they’re looking for. I’m inclined to go with Option 3 only because the user is likely to first scan down the Recent list to see if the project is there (it’ll change dynamically, after all), and then choose to scan the comprehensive list. Thus, their eyes will usually be at the bottom of the Recent list when they decide to View All.

While the comprehensive list can by default be alphabetical, if there’s potential for a very long list (> 20 items), consider putting it in a table that’s sortable on various fields that the user may use to find the project they want (e.g., dates of operation, project manager). If the user doesn’t know the name, maybe they can identify the project by some combination of other information.

So Option 3 sounds fine to me, but here’re a few more options:

Option 4: Alpha-labeled Links

You correct that paging would be awkward in this context for reasons given in the answers to Is scrolling better than clicking to reveal more content? However, it may be acceptable to have paging if the links to the pages are labeled with the range of initial letters for the names of the projects that the pages comprise, rather than arbitrary numbers. That would be adequate if the users know the names of the projects they’re after. My hunch is that is won’t work all the time –what if a user has a lot of projects with names that all start with the same letter or even the same word?

Option 5: Scrollable Nav Pane

If pushing the “Other Content” pane down the page is unacceptable, you may want to consider making a div for the navigation pane and give it its own scrollbar. That would allow you implement a version of Option 1 but keep “Other Content” in a static position. In fact, maybe all your major panes should be separate divs with their own scrollbars (e.g., so the top Messages are never pushed out of view by lots of News). That will prevent having a scrollable region nested in a scrollable region (i.e., the browser’s scrollbar), which can be awkward and confusing.

If you make the navigation pane scrollable, you may want to combine the Recent and Alphabetical list into one menu using a Sears & Shneiderman split menu like seen in the MS Office Font dropdown, eliminating the need for users to explicitly switch between Recent and Alphabetical. When you remove the controls for sorting and paging, you should have room to show (without scrolling) 5 most recent projects plus a sample of the alphabetical list to prompt uses to scroll for more.

Option 6: Comprehensive Pulldown

If users almost always know the name of the project, then put an All Projects pulldown menu at the bottom of the Recent Projects list, where the All Projects list is sorted alphabetically. This will be faster that loading an entirely new page for all projects but take little more space than a View All link. This may be preferred when the total number of projects is almost always less than 15 or so.

If the user has only 6 of fewer projects, hide the pulldown and, if necessary, use the available space for a link to the sixth project. This will prevent a pulldown menu that’s annoyingly redundant. If the user has only six projects, they don’t need both Recent and Alphabetical sorting.

You may Also Like:

None found

Leave a Comment