多選Web UI的最佳做法？

Question

我一直在尋找各種方法來讓用戶從約29-30個選項列表中選擇一個或多個選項。我已經提出了以下四種類型，並想知道哪些是首選/最可用的。見http://workingstorage.com/multiple%20selection.png

Answer 1

這是我怎麼會排在你那裏，用我的推理沿着每個選項：

最佳：＃2，如果調整爲同比界限突破（即總有一個全年在一列，所以要麼每列有一年，要麼有兩年，或者有任何可行的方法，但要確保用戶不必移過一列的底部以查找該年的下一個值）。這個選項可以讓用戶最快地找到他們感興趣的年份。

第二個：＃4。我很想把＃3放在這裏，因爲它看起來更實用，但是插圖讓我想知道1）如果所有選項在這裏仍然可用，2）如果所有用戶都能理解這四個按鈕的功能。由於混亂的因素，我將＃3排在最後。這使得＃4排名第二，因爲它比＃1更乾淨（除非＃1巧妙地適應了設計的其他部分）。

第三：＃1 - 默認情況下。

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