一页资料既有姓名、地址等单项事实,也有整个人员记录旁的操作。它们即使都写着“修改”,所指对象也未必一样。GOV.UK Design System的Summary list组件文档,将row actions与card actions分开说明:前者联系一行信息,后者影响整张summary card对应的列表。[1]

summary list首先是一组key与value。key是信息的描述或标签,value是信息本身。文档举例用它呈现最后更新时间这样的元数据,或在表单结束时汇总已给出的答案。因此,它不是只为了把文字排成两栏,而是在让一个标签对应至少一个值。少了这种关系,就可能已经换成其他信息结构。

资料明确不将它用于表格数据,或者简单的信息和任务列表。这一限定可以帮助网站设计读者辨认:逐项事实与多对象之间的二维比较,并不只差一个外观边框。本文没有选择真实网站组件,也没有将某种布局判为合格;这里只保留设计系统对该组件对象的说明。

行操作可以与某一项事实相连,例如返回编辑一项答案。文档提到,视觉上的行边界帮助显示操作与哪段信息对应;而单独听到一个操作链接时,使用者可能缺少上下文。对资料阅读而言,这揭示的是一个具体问题:“修改”两字之外,还需要知道修改的是哪一项。本文不转写隐藏文字或前端代码的实施方法。

当页面有多组描述同类事物的summary lists时,可以将每组放入summary card。卡片让这些组相互分开,并各有标题和操作。文档要求标题具有区分性,帮助识别该列表描述的人、组织或其他对象。卡片标题因此是在标识整组信息,而不是又增加一个与姓名等项目并列的普通值。

card action被放在卡片标题之后,含义覆盖整个summary card。资料举出一个情形:如果多行的修改操作都通向同一个地方,可以用一个整卡修改代替重复的行操作。这里改变的是表达范围与重复方式,不应由“只有一个链接”推断它只影响一个值,也不能反过来把行旁操作解释成整组动作。

作者对网站交接的分析是,可以同时描述信息如何成组,以及每个动作指向单项还是整组。比如一个纯粹的文字示意可以区分“修改地址”与“修改该记录”,无需假定已经操作任何真实资料。文档还说,只有少量相关信息时不必使用卡片,可以由summary list配合标题组织;分组外壳不是越多越完整。

本篇依据本次实际读取的组件用途、行操作、卡片标题与整卡操作段落,首次发布日期未知。它没有执行数据变更、删除、业务审批或用户测试,也不提供法律权限及无障碍合规结论。明确动作所指对象,能够让设计说明更准确,但不能代替真实系统的行为核验。

信息来源

本文基于上述公开资料整理,未使用来源页面的图片、视频或嵌入媒体。