用途:设计或评审数据表格与列表,让用户能扫读、比较并对数据采取行动。
主要能力:提供表格与列表的核心规则——文本左对齐、数字右对齐并使用等宽数字、每列格式统一;表头清晰但不喧宾夺主,不留空表头单元;边框尽量少用,仅在行距紧凑或表格很长时用横向分隔线,宽而密集的数据可用斑马纹;溢出用省略号加提示、可调整列宽或隐藏/重排列。交互方面要求可排序列、行悬停与选中状态、悬停显示行操作或使用内联菜单、批量复选框常显,并在数据量大时提供搜索、筛选、导出工具栏。列表部分按内容选择单行、多行、富媒体、图片、嵌套或有序类型,优先纵向排布,图标与文本对齐并配合分隔线,加载采用自上而下的骨架屏。
使用方式:先确认数据形态与任务(二维比较用表格,一维扫描用列表)、数据量与增长、用户对行的操作、密度容忍度;再应用通用核心规则,最后按情境决定密度、分页方式、斑马纹、列定制与列表/网格切换。完成后可将结果交由 ux-heuristics-audit、ux-accessibility-audit、ux-aesthetics-audit、ux-microcopy-audit 等技能验证,未安装时可按本技能规则继续。
适用场景:数据密集型操作工具、报表、联系人/邮件列表、设置页等需要扫读与比较的界面。
限制:资料未提供具体收费、平台、安装命令或效果数据;该技能是生成式设计指导,不替代实际实现与用户测试。