在排序表中,箭头应该指向哪个方向?

58
在排序表格中,常见的是上箭头或下箭头表示排序方式。然而,我有些困惑箭头应该指向哪个方向。在ASC排序中,字符按1-9A-Za-z排序。箭头应该指向上还是下?
我在网上找到了两种实现方法,所以这对我没有什么帮助:UpDown(你必须先创建表格)。
这方面有硬性规定吗?我能够证明这两种实现方法都是合理的。你使用哪种方法?哪种更直观,为什么?
编辑:你们中的一些人建议使用类似上升条或带有指示排序方向的字母的其他实现方法。这些都是很好的建议。我肯定会考虑其他选项。越少歧义越好。这可能有点挑剔,但我真的希望用户没有或最小化混淆。
编辑:我最终选择了上升和下降的条形图。这不是标准的,但似乎比三角形更不容易引起歧义。当前排序列显示三根条形图,从小到大(从左到右)为ASC,相反为DESC。其他可排序的列默认没有条形图,但悬停在任何可排序的列标题上(包括当前列)都会显示条形图,以显示如果单击该列标题,表格将如何排序。

相关:http://ux.stackexchange.com/questions/37564/use-up-or-down-arrow-to-represent-sort-ascending-at-table-header - dmr
17个回答

56

我不把它们看作箭头,而是将其视为当前状态的视觉助记符。 因此,向下指的三角形表示降序。 它在视觉上与图标对齐,该图标具有列表顶部最大项目的基础(三角形底部)和最小项目(三角形尖端)在底部。


那是一个有趣的思考方式。 - VirtuosiMedia
2
这也是Mac OS X上的标准。 - user3850
3
确实如此,这是正确的想法。排序图标所需要的唯一信息是:
  • 数据可以进行排序
  • 重新排序后排序状态发生了改变
之后,当查看数据本身时,升序或降序排序就是显而易见的。即使您找到了完美的图标逻辑,用户也不会费心去弄清楚哪种方式是哪种方式。他们只会简单地看到字母列表向前或向后排列,或者数字列表增长或减少。不是他们想要的顺序?再次点击即可。
- squareman
1
squareman:排序方向并不是显而易见的。例如,考虑一个分页表格的情况,但你所排序的列数据在显示的页面上所有行都相同。在这种情况下,如果没有额外的指示器,你就无法知道数据是按哪个方向排序的。 - simon
排序应该遵循三角形的形式。 - Shanimal
这也是Windows在资源管理器窗格中的操作方式。 - Nathan Wallace

15

我一直遵循以下方式:

  • 升序 -- 箭头向上
  • 降序 -- 箭头向下

我认为,箭头向上/向下的可视化表示最准确地解释了排序顺序。


12

我对此进行了可用性测试。用户对箭头的含义没有一致的解释。甚至每个用户在不同情况下也不一致,认为向下箭头表示升序或降序。我尝试了左右箭头(“前进”和“后退”排序),但它们也无法被一致解释。我试图显示当前状态和显示结果状态。但两者都不起作用。

有效的方法是使用文本描述排序方式: 对于字母,“A..Z”和“Z..A”,对于数字,“1..9”和“9..1”,对于日期(这次的可用性测试使用mm/dd/yy日期格式),“1..12”和“12..1”。

将此文本显示为只读形式,指示当前状态。在文本旁边放置一个按钮来设置或交换排序顺序。

我没有尝试过上升/下降条形图标,但我预计它可能会遇到“更大”含义不明确的困难。例如,比较旧的日期是否比较新的日期更大(时间更久远)还是更小(接近时间0)?优先级1比优先级2更大还是更小?等级A比等级B更大还是更小?除了极客以外,谁认为“Zuschlag”比“Abbott”要大得多呢?当然,我不是在个人攻击。


正如其他答案评论中所提到的 - 不幸的是,A-Z的东西在本地化方面效果不佳。对于那些使用非拉丁字母表的人来说,这意味着什么?尽管如此,很高兴看到有人在对用户进行测试! - Graeck

9

由于某些原因,我总觉得箭头的方向是相反的。对我来说,向下的箭头/三角形应该代表我通常阅读事物的方式(从上到下->从a到z),而向上的箭头则与我阅读事物的方式相反(从z到a)。但这只是我的个人看法,因为大多数流行的UI界面(Mac、Windows等等)使用了另一种方式,他们肯定知道些什么:)。

无论如何,与用户习惯保持一致是一个好选择。


同样的思路让我开始对 ASC is UP 方法产生疑问。保持一致性是好的,但不一定直观。 - VirtuosiMedia
我同意你的观点。虽然大多数用户界面都实现了按照三角形的形式进行排序,但我认为这是相反的。赞同你的说法 :) - Shanimal

7

我最喜欢的实际上是像Excel这样处理的方式--不使用箭头,而是使用自定义图标

。该图标具有...(未提供更多信息)
A  |
Z  V

对于升序排序和

Z  |
A  V

对于降序排序,没有人会想知道你是如何排序的。

现在,如果你不能使用自定义图标而需要可打印字符,我会说人们对任何一个都可能感到困惑。Windows在资源管理器中使用“箭头的一小部分对应较小的值”来表示升序排序指向上方。但是其他许多来源则认为箭头的底部从最低值开始并指向排序的方向,这与其他任何方式一样合理。换句话说,你的用户中有一半可能需要进行调整。


1
那可能是一个选项,但我宁愿不要使用字母或数字,因为它们比三角形或自定义符号更具侵入性。问题在于找到一个不显眼、不含糊的符号。 ;) - VirtuosiMedia
6
对于本地化应用程序来说,那并不是很可行。例如,对于讲中文的人来说,“A”和“Z”并没有什么意义。 - BoltBait
这是个很棒的观点,BoltBait。 - VirtuosiMedia
1
只是出于好奇,中文中是否有非数字排序的明确概念? - Chris Cudmore
1
笔画数,有时也称总笔画数,有时是一对(主偏旁笔画数,剩余笔画数)。 - Jimmy
1
此外,我见过的大多数中文词典主要按罗马化字母顺序排序,并在前面附有“笔画索引”。 - Jimmy

6

enter image description here

记忆技巧:
- 升序:上面或向上 - 降序:下面或向下
数字:
- A=1,B=2...Z=26。 - 升序:A B C D 对应 1 2 3 4,即从小到大 - 降序:D C B A 对应 4 3 2 1,即从大到小
日期:
- 日期实际上转换为一个数字,它以天为基础增加,因此它也可以看作是一个数字系统。今天比昨天大,今天比明天小。

5

我喜欢:

  • 向下箭头表示升序
  • 向上箭头表示降序

为什么呢?因为这感觉就像我刚刚排序了页面。我点击标题,然后“哇!从上到下排序”。为什么“从上到下”被称为升序,是因为数字/字母在计算机写入屏幕时值越来越高。降序则相反。然而,列表实际上是从屏幕顶部向下降序排列的 - 从 a 到 z。当您以另一种方式排序时,列表的开头位于屏幕底部。

所以对于人类的物理心理逻辑 - 那种意味着顺时针是关闭的,逆时针是打开的,忽略机器如何排序和输出数据,而是考虑人类如何排序数据:从开始(最小值)和纸张顶部开始,然后通过纸张向下(最大值)前进。

之所以开头最小,是因为 1 比 2 小,罗马字母表以 A 开头,以 Z 结尾。因此,对我们人类来说,这在某种程度上是默认的。我们从上到下、从左到右书写。这与我们握纸的方式有关 - 我想。我实际上不是人机界面专家。我只是思考为什么这似乎更自然。KDE 的人机界面专家们是 Oxygen 是怎么做的。

我认为另一种方式是一个三角形,它实际上显示数据是从小到大排列的。同样,这相当技术化,乍一看,人类可能无法“理解”。


4

箭头向上通常表示更大或变得更大,因此应该用于升序排序。 箭头向下通常表示某物较小或正在变小,应用于降序排序。


4
在经典的Finder中,苹果没有使用箭头。相反,有一个小图标看起来像三条(或四条?)逐渐增长或缩短的水平线。乍一看,它像一个三角形;但是仔细看,很清楚它是变大还是变小。其他GUI(例如KDE)使用三角形,但大多数人将其解释为箭头,使信息含义不明确。

1
我想三角形的类型会极大地改变感知。我没有考虑过使用一个直角三角形。你是对的,我把它们解释成箭头了,这个信息是模糊的。 - VirtuosiMedia
2
@sims:是的,但尖端指向“更大”的物品,因此意思是“向这个方向生长”,就像箭头一样。 - Javier
4
为什么这被标记为答案?它根本没回答问题。 - Justin Skiles
KDE/X指示器根据小部件主题可能会反向显示(Oxygen = 错误,Plastique = 正确),不应将其用作模板。 - EkriirkE
1
这并没有回答关于三角形/箭头方向的问题! - Rodrigo
显示剩余2条评论

3
我希望箭头能显示当前状态(当列表升序时,箭头指向上方)。这就是Windows资源管理器在详细视图中的做法。

这是我目前拥有的方法,但是我一直在自己犹豫不决。不过我想 ASC 应该被描绘成 UP 是有道理的。 - VirtuosiMedia
作为后续问题,除了悬停时显示当前状态外,当我点击列时,是否可以显示它将如何排序?这会不会太令人困惑? - VirtuosiMedia
我认为这可能会让所有人感到困惑,但只有大约4秒钟的时间。因为用户可能不习惯看到这种情况发生。UI实验可能是好的 :) - user29053

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接