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.

  • 1
    This is cross-posted from GD (please don't cross-post!) and may suffer the same fate as this very similar question Feb 4, 2014 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, 2014 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, 2014 at 18:39
  • Unfortunately no. All are used, some more than others but no real way to predict them.
    – Neil
    Feb 5, 2014 at 3:17
  • What kind of links are they? Why is there so many of them? Feb 5, 2014 at 5:10

3 Answers 3


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.
  • 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, 2014 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).


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'


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

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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