多选Web UI的最佳实践是什么？

Question

7

我一直在寻找各种途径，让用户从大约 29-30 个选项列表中选择一个或多个选项。我想到了以下四种类型，并想知道哪种最受欢迎/最易用。请参见 http://workingstorage.com/multiple%20selection.png。

- Caveatrob

我认为这不是提问的正确场所。这里没有编程问题。请尝试使用超级用户网站。 - spinon

3

这是一个用户体验问题，一个设计问题。超级用户不太适合。编程不仅仅包括把值推入堆栈和将内容推送到屏幕上。 - Caveatrob

3

感谢你关注用户设计并坚持让它成为程序开发过程的一部分！ +1 - Jeffrey Blake

1

你还有链接图片吗？如果没有，这个问题（和答案）就不完整了。 - zomf

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Jeffrey Blake · Accepted Answer

以下是我对每个选项的排名以及我的理由：

最佳： #2，如果调整为按年份边界分列（即始终将一整年放在一列中，因此每列可以有一个或两个年份，或者任何适合的数量，但确保用户永远不必移动到一列底部才能找到该年份的下一个值）。这个选项将让用户最快地找到他们感兴趣的年份。

第二： #4。我很想把#3放在这里，因为它似乎更加实用，但插图让我怀疑1）所有选项是否仍然可用，2）所有用户是否都会理解这四个按钮的作用。由于混淆因素，我将#3降至最后一位。这使得#4成为第二好的选择，因为它比#1更简洁（除非#1恰好完美地符合设计的其余部分）。

第三： 默认情况下为#1。

第四： #3，保存时请注意上述警告。