it-swarm.cn

标签溢出:当我每年的标签用完空间时该怎么办?

我有一个页面,列出了以前的奖项获得者,以及将每年的获奖者分开的标签。

  • 每年有四十个接收者。
  • 列出收件人的姓名,以及其职务和公司。
  • 可以在最多三个不同的年份中选择同一个人。
  • 三年获奖者进入了名人堂,尽管这里没有代表。
  • 目前,每年的获奖者都显示在单独的标签上。

问题是我空间不足。明年之后,将没有空间添加更多选项卡。还有什么其他方法可以组织这些数据,这些数据在长达20年的奖项中都可以正常使用?

Screenshot of tab interface

注意:感谢 Robert Fraser 的名字“ Tab Overflow ”。

32
Patrick McElhaney

仅用第11个标签显示过去10年的奖项,将您带到前10年怎么样?

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

大多数人只会对最近的奖项感兴趣,因此,第二次单击即可获得较旧的奖项,这不是什么大问题。

单击“较旧”将显示带有以下标签的页面:

Recent | ... | 2000 | 1999

但在其他方面看起来与当前页面相同。您可以更改配色方案,就像获得额外的视觉提示一样,但这取决于“存在的力量”。

40
ChrisF

您可以有一个“ ...”选项卡,并在单击它并显示其他选项卡时使用一些JavaScript(是jQuery jQuery)在右侧“滚动”。然后,您可能会在左侧看到一个箭头,因此可以返回到较新的选项卡。 (TY @ChrisF为灵感)

11
LoganGoesPlaces

记录下来,我喜欢@ChrisF的答案,但这里有个介绍Google Spreadsheets处理它的方法。

alt text

8
jessegavin

我可能会在列表上方添加一个条形,然后在该条的左侧放置一个下拉列表以选择年份。然后,您还将有空间通过下拉菜单添加其他过滤选项,也就是说,如果有任何用处的话。

6
LoganGoesPlaces

制表符可能不是用于分页的正确隐喻。如果您要避免重新加载页面以达到给定空间所不能容纳的年份,则滚动水平列表可能会更好。

查看 Apple的Mac页面 顶部的产品列表。

您的年列表永远不会变得如此可笑,因此您不必担心隐藏非即时页面等典型的分页问题:

"‹... 148 149150 150151152 ... ››"

最好是找到一种方法来列出所有年份并将不直接相关的年份排除在外。

5
Brendan Berg

如果年份不多,则可以将“较旧的”年份放在最后的下拉菜单中。

enter image description here

3
Ades

您可以像Firefox一样。有一个隐藏标签的滚动条。因此,您可以加载的标签页超出了您的可用空间。或者,您可以像Chrome一样,通过添加更多标签来缩小标签(此解决方案不适用于您的情况,因为缩小标签会导致标签消失)。我认为为选项卡设置滚动区域是最好的解决方案。这样,用户没有限制。您可以添加一个下拉列表,以便用户可以在页面之间快速切换。

2
Morteza Milani

由于确实为选项卡设置了边界集(您提到了“ 20年”的价值),因此可以使用“垂直选项卡”,这就像大多数博客软件在侧边栏中具有“类别”或“归档”的方式一样。然后,如有必要,您可以在当前选项卡上方的顶部以易于使用的格式放置最重要/流量较高的项目。

例如,我的网站(现成的模板)的左侧有一个“存档”列表。

http://www.aaronlerch.com/blog/

(请注意,我并不是在试图拉皮条我的网站,这只是我首先想到的,因为我知道我在寻找什么:))

2
Aaron Lerch

像这里的其他人一样,我建议也远离标签。

但是,如果您坚持使用它们,则可以将更多的选项卡塞入该行并缩小它们。 (我在考虑Chrome的标签。)如果标签太窄而无法放入标签,请截断标签。就您而言,您想截断年份的开始:

| ..12 | ..11 | ..10 | ..09 | ..08 | ..07 | ..06 | ..05 | ..04 | ..03 | ..02 | ..01 | ..00 | ..99 |

当然不是最佳选择,但是这可能会使客户满意,直到他们同意放弃这些标签为止。

2
Ken Mohnkern

选项卡可能不是显示它们的最佳方法。但是,如果您不想破坏经典的导航,则应放2个箭头,一个箭头指向左侧,另一个箭头指向右侧。

1
David Lalo Matus

您还可以显示您认为将最常用的选项卡(或直到过去10年)。最后,有一个标签为“较旧”的标签,并使用JavaScript显示单击后剩余的较旧年份的列表。如果您最终要花很多年才能显示列表很长,则此方法可能效果不佳。这也没有考虑要对未启用JS的用户执行的操作。

1
lori.lee

所有这些选项卡也使它成为非常繁忙且嘈杂的设计。我也认为选项卡更适合于将不同的数据集分组,而不是相同的变量。

我建议在两侧都带有上一个/下一个按钮的下拉菜单。或侧边栏中的列表或其他内容。

您是否希望用户出于好奇而浏览多年,还是希望查看特定年份的奖项?在后一种情况下,文本字段甚至会更快。

0
Peter Frings

下一个选项卡,上一个选项卡,选项卡的下一页,选项卡的上一页,按钮是必需的,但还不够。
-滚动到远程选项卡确实很烦人。

尝试使用层次结构选项卡-带有年份选项卡的十年选项卡。
此外,通过输入年份,让用户直接跳至所需的标签。

0
Danny Varod