G3.09.1sort control visibility设计研究

当前排序方式需可见

别名: 当前排序 · sort indicator · 排序状态

概念解释

列表正在按哪一种方式排,必须从控件本身读得出来。当前排序方式需可见,指闭着下拉、不靠猜第一条像什么,就能看见「相关」「最新」或「价格从低到高」正亮着。控件是状态的显示器,不只是改状态的入口。看不见当前值时,顺序仍在生效,人会把默认当成「自然顺序」,或把个性化排当成通用相关。

可见的是控件上的选项状态,不是给排序写一篇算法说明。依据能不能被解释,是相邻的问题;这里只要求:正在用的那一项,控件没有把它藏起来。

机制

排序控件多数时间处于收起态。收起后若只剩一个不带当前值的图标,状态从界面上消失,只活在实现里。人用「我看见的标签」来预测再往下会看到什么;标签缺失,预测绑到常识(时间倒序、相关)上,常识与真实默认不一致时,整页都被误读。邮件里以为最新在最上,实际是「重点」把一封三天前的抬上来,没有可见状态就无法发现这次误读。

可见性还决定人会不会去改。改的前提是知道「现在不是我想要的那种」。状态不可见,连「要不要打开下拉」的判断都做不出,于是绝大多数会话停在默认上——默认的威力被不可见放大了。占位符式的「排序」二字不是当前值;当前值必须是选项里的那一个词。

怎么研究

在控件收起时测人能否报出正在生效的排序,不要只测「打不打得开下拉」。

  • 范式:完成一次搜索后不打开排序菜单,问「现在按什么排」;对照有当前值标签与只有图标的两种控件。Hearst 把 sort 控制列为常驻搜索界面元素。查询日志里打开排序菜单却不更改的比例,可作为「来看一眼现在是什么」的弱信号。
  • 自变量:收起态是否写出当前选项、默认项是否与其他项在视觉上无差别、个性化排序是否另有标记。
  • 因变量:收起态复述准确率、因状态不明而打开菜单的次数、把默认误认为另一种常见排序的比例。
  • 方法论注意点:实验室若任务要求「改成按时间」,被试会打开菜单,测不到收起态。要先问状态再允许打开。列表内容若时间戳和相关度碰巧同序,复述对了也可能是猜的,材料要让两种排序明显分叉。

边界

只有一种排序且与常识一致(日志永远最新在上)时,控件可以弱化,但一出现第二种,收起态就必须写出当前值。表格列头排序用三角指示方向,当前列必须高亮,只画一个不绑列的三角等于没指示。屏幕过窄把排序收进「更多」时,外面仍应留下当前值的短标签,不能只剩省略号。个性化或 A/B 测试让默认排序因人而不同时,可见性更关键:邻座的「当前」可能不同,不能靠口口相传。

怎么落地

  • 排序控件在收起态显示当前选项的名称,而不是泛标签「排序」。
  • 默认项与用户改过的项用同一套可见样式,不要让默认变成空白,仿佛「没排序」。
  • 个性化或「智能」排序在控件上写明,避免看起来像普通的相关。
  • 验证:搜完不点排序,问旁边的人现在按什么排。读不出控件上的词,状态不可见。把默认从相关改成时间,控件上的字若还是「排序」或仍像相关,可见性没有跟上真实状态。

延伸

  • 同组G3.09.2 排序与筛选是独立操作,不应互相重置 · G3.09.3 默认排序的选择影响绝大多数用户
  • 相邻G3.05 结果排序 · G1.05 元数据 · G2.08 导航项的可预测性
  • 站内检索sort control · current sort · ranking

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/G3.09.1