I have to display a very long list of element in alphabetical order. I have thought of something like : http://csm-bcc8d3.webflow.io/alphabetique-index

enter image description here

Do you think it's a good idea to put the letters in a tab ?

  • What's the intended behaviour of those 'tabs'? Will they filter the list or jump to a specific point in the list?
    – Matt Obee
    Nov 13 '15 at 10:49
  • They filter the list. The second tab will display the words beggining with F, G, H, I J and K. And so on ...
    – Ismail H
    Nov 13 '15 at 12:34

Yes, Tabs with alphabet ranges can be a good option in this case. You might also want to consider a way for the user to get to a specific alphabet directly. As shown below, you can have a place user can type 'C' tab out and then you take the user to C entries directly or you could also have an auto complete field in its place where typing C would display all C entries right there as options (drop down choices display) and user can pick the entry. For browsing the lists, tabs will be useful. For taking the user straight to the entry if they already know what they are specifically looking for the text box/auto complete will be useful.

enter image description here

  • That seems to be a better solution indeed !
    – Ismail H
    Jan 12 '16 at 16:42

Could the list be organised hierarchically instead of alphabetically? Then you could use an accordion or a collapsible tree.



  • Metal
    • Copper
    • Gold
    • Iron
    • Lead
    • Mercury
    • Silver
    • Tin
  • Wood
    • Ash
    • Beech
    • Cedar
    • Maple
    • Oak
    • Pine

If using the alphabetic approach, I think tabs would be better, as it is analogous to a card index.

  • I didn't precise it, but it is already used inside for different level. I have to say that some user were misguided by the potential presence/absence of sublevel.
    – Ismail H
    Jan 12 '16 at 16:48

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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