Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

I am creating a sort of jump page for my team. We need to be able to select from a list of about 20 - 30 portals to jump to from this page. Would the HTML select be the best way to offer that or, as far as UX/Design, is there a better way to do this?

Edit: I did a final count and I was way off. It is 79 links.

share|improve this question
1  
This is cross-posted from GD (please don't cross-post!) and may suffer the same fate as this very similar question –  Andrew Leach Feb 4 at 14:35
2  
Sorry, I posted it on Graphic Design before I knew about the UX site. I think that UX would be more appropriate and that is why I re-posted it here. I deleted the other one. –  Neil Feb 4 at 14:37
    
Is there any way to predict which ones they care about? Can you list recently viewed groups or groups that match their role on the team? –  Mark Sloan Feb 4 at 18:39
    
Unfortunately no. All are used, some more than others but no real way to predict them. –  Neil Feb 5 at 3:17
    
What kind of links are they? Why is there so many of them? –  melhosseiny Feb 5 at 5:10

3 Answers 3

up vote 2 down vote accepted

Yes there are better ways.

  1. If you have a space, group the items into a few groups (3-5) of related links, then list all of them on the pages.

    • Pros: easy to scan the list, everything is visible so no surprises.
    • Cons: needs lots of space, needs a sensible way to group them.
  2. List them alphabetically, possibly in columns.

    • Pros: If you know how to spell what you are looking for it's easy to find, uses a commonly understood ordering system, everything is visible with no surprises.
    • Cons: takes up lots of space, alphabetical ordering means it's all one big list.
  3. "Type ahead" predictive style inputs.

    • Pros: space saving, less reliant on scrolling and accurate pointer interactions (maybe better for touch), good if you can spell what you are looking for and you know what is in the list.
    • Cons: Content is hidden so you might search for something that isn't there.
share|improve this answer
    
I'm thinking about trying something like #2 suggested here. I'll create a collapsible div using jQuery to toggle it open/close by button click and have it show the list in six columns in alphabetical order. –  Neil Feb 5 at 3:20

Pretty much what @edeverett said, but combining all three would be (in my opinion) even better. 79 links is a lot, so sorting them alphabetically and arranging them in groups would clear out some confusion. And to make things easier, you can add a search box right above the the groups of links, which will help users filter out the link they're looking for.
In addition to that, you can give the links some tags too, in case users end up typing unrelated text in the search field (ps/psd instead of photoshop).

share|improve this answer

If I understand correctly:

maybe you could put them in an alphabetized accordion using something like jQuery.

A-G * click to open, drops down showing 'A-G'

or

Links 1-10 * click to open, drops down showing '1-10'

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

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