在多列中显示已排序的数据

tpk*_*tpk 1 usability user-interface

假设我试图在两列中显示所有美国州,按字母顺序排序.从可用性的角度来看哪种方法更好?

它是水平排序,如:

Alabama  | Alaska
Arizona  | Arkansas 
Colorado | Connecticut
Delaware | Georgia
Run Code Online (Sandbox Code Playgroud)

或者它是垂直的,如:

Alabama  | Montana 
Alaska   | Nebraska
Arizona  | New Hampshire
Arkansas | New Jersey
Run Code Online (Sandbox Code Playgroud)

我尝试使用谷歌搜索获得一些测试支持的权威答案,但我发现的只是意见.

这只是个人偏好的事情,没有选择比另一个更好吗?

Mic*_*lag 5

用户扫描一列单词比单词一行更快更容易,特别是如果他们正在搜索特定的目标单词(例如,"我的状态是否在此列表中?").参见Parkinson SR,Sisson N,&Snowberry K,1985."广泛计算机菜单显示的组织",International Journal of Man-Machine Studies,23,689-697.在美国国防部设计标准标准 - 人体工程学(MIL-STD-1472-F)中,对列进行排序也是一个要求(5.14.3.5.6.5),可能是出于人类表现的原因.

在这种情况下,我希望垂直排序具有特别大的性能优势,因为它对眼睛的方向变化较少.对于垂直排序,用户只需反向一次即可到达第二列的顶部,而对于水平排序,反转次数等于项目数除以2.我相信这些逆转可以预测扫描速度和眼睛疲劳.

请务必使用图形设计来表示列表是垂直排序的,例如通过包含垂直规则,就像您在示例中所做的那样.

这个列表适合窗口填充非常重要,这样用户就不必向下和向下滚动来读取整个列表.滚动需要花费时间和精力.更糟糕的是,一些用户可能没有意识到列表继续低于他们所能看到的("哦,我想我的状态不在此列表中").最好添加列 - 或者只使用一列 - 要求垂直滚动多列垂直排序列表.


Jil*_*nee 5

确定如何布局数据/组件的另一种方法:

在一张纸上打印 ui/面板(或者将屏幕截图放入 Gimp 或 Photoshop 等图像编辑器中)

使用荧光笔在其上绘制您的眼睛所看到的图案,从一个元素到另一个元素。

例如:

替代文本

哪一种在认知和视觉上更简单、更容易,这是显而易见的。