Thursday, June 14, 2018

pagination - Tab Overflow: What to do when I run out of space for yearly tabs?


I have page that lists previous recipients of an award, with tabs separating each year's winners.



  • Every year there are forty recipients.


  • The recipient's name is listed, along with his or her job title and company.

  • The same person can be selected in up to three different years.

  • Three year winners go into the hall of fame, though that's not represented here.

  • Currently, each year's winners are displayed on a separate tab.


The problem is I'm running out of space. After next year, there won't be room to add more tabs. What's another way to organize this data that will work well for up to 20 total years of awards?


Screenshot of tab interface


Note: Thanks Robert Fraser for the name "Tab Overflow."



Answer



How about just showing the last 10 years of awards with the 11th tab to take you to the previous 10 years?



2011 | 2010 | 2009 | 2008 | 2007 | 2006 | ... | Older

Most people are only going to be interested in the most recent awards, so having the older awards a second click away shouldn't be a big problem.


Clicking on "Older" would show a page with the following tabs:


Recent | ... | 2000 | 1999

but would otherwise look identical to the current page. You could change the colour scheme just as an extra visual clue, but that would be up to the "powers that be".


No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...