列表、表格与卡片怎么选

先理解这个概念

列表适合快速扫描同类对象；表格适合多维比较；卡片适合内容独立、结构差异较大的对象。卡片不是现代感的必需品。数据表还需要考虑排序、筛选、选择、分页和窄屏策略。

选择容器要看用户怎样比较信息。列表支持连续扫描对象，表格支持跨行比较相同属性，卡片适合包含图像或独立摘要的对象。卡片看起来丰富，却可能让同一字段分散在不同位置；表格信息紧凑，却可能压缩掉理解复杂内容所需的空间。

记住这三个原则

1. 01

   先确认用户是在阅读、比较还是批量操作。

2. 02

   表头、单位、对齐与排序方向必须明确。

3. 03

   窄屏保留关键列，必要时允许有说明的横向滚动。

实际设计时，分三步做

1. STEP 01

   写出主要比较问题，例如“哪笔支出最高”还是“哪张照片是目标”。按比较维度选择结构，不按组件流行程度选择。

2. STEP 02

   确定每个对象必须展示的字段，辅助信息放详情或展开区域；表格列标题、单位和排序含义要明确。

3. STEP 03

   设计窄屏策略，保留关键比较信息。可以隐藏次要列并提供详情，但不应丢掉完成任务所需的字段。

一个容易理解的例子

比较任务需要相关值出现在同一个视野。

适用边界与取舍

同一数据可以有不同视图，但每多一种视图就增加状态一致性与维护成本。只有任务确实不同，才值得提供切换。