多选Web UI的最佳做法？

Question

我一直在寻找各种方法来让用户从约29-30个选项列表中选择一个或多个选项。我已经提出了以下四种类型，并想知道哪些是首选/最可用的。见http://workingstorage.com/multiple%20selection.png

Answer 1

这是我怎么会排在你那里，用我的推理沿着每个选项：

最佳：＃2，如果调整为同比界限突破（即总有一个全年在一列，所以要么每列有一年，要么有两年，或者有任何可行的方法，但要确保用户不必移过一列的底部以查找该年的下一个值）。这个选项可以让用户最快地找到他们感兴趣的年份。

第二个：＃4。我很想把＃3放在这里，因为它看起来更实用，但是插图让我想知道1）如果所有选项在这里仍然可用，2）如果所有用户都能理解这四个按钮的功能。由于混乱的因素，我将＃3排在最后。这使得＃4排名第二，因为它比＃1更干净（除非＃1巧妙地适应了设计的其他部分）。

第三：＃1 - 默认情况下。

第四个：＃3，除了上面提到的警告。