列表 List
任务页需要让用户按顺序浏览待办事项，并在每一项旁边继续处理。
前端与交互约 10 分钟 · 从真实需求理解
1列表如何保留每一项的顺序？
任务清单 · 稳定顺序列表如何保留每一项的顺序？
- 01确认上线说明 · 今天 10:00 前顺序还没有建立…
- 02回复设计反馈 · 今天 15:00 前顺序还没有建立…
- 03准备周会材料 · 明天 09:00 前顺序还没有建立…
列表 负责按稳定顺序逐项展示同类内容，并让每一项保留自己的说明和动作入口。
- 先确认用户是在阅读、比较、筛选还是继续操作，再选择对应的内容结构。
2列表和相近结构，什么时候不能互换？
列表的判断依据不是外观，而是用户正在阅读、比较、筛选或继续操作的关系。[[列表|list]只在语义边界符合时替代它。
- 先确认用户是在阅读、比较、筛选还是继续操作，再选择对应的内容结构。
3列表由哪些真实部分组成？
任务清单 · 稳定顺序列表如何保留每一项的顺序？
- 01确认上线说明今天 10:00 前查看
- 02回复设计反馈今天 15:00 前处理
- 03准备周会材料明天 09:00 前查看
组成部分来自真实 DOM：列表主体、列表项、顺序标记、项目动作。标注只帮助定位结构，不复制一套新的内容。
- 先确认用户是在阅读、比较、筛选还是继续操作，再选择对应的内容结构。
4列表怎样适应不同的信息密度？
低密度简洁列表
- 01确认上线说明
- 02回复设计反馈
- 03准备周会材料
带补充信息说明列表
- 确认上线说明今天 10:00 前 · 待确认
- 回复设计反馈今天 15:00 前 · 进行中
- 准备周会材料明天 09:00 前 · 未开始
可继续处理带动作列表
- 确认上线说明查看
- 回复设计反馈处理
- 准备周会材料打开
让学习者看到内容多少可以变化，但顺序和项目边界不能消失。
- 先确认用户是在阅读、比较、筛选还是继续操作，再选择对应的内容结构。
5列表放进真实场景后怎样回应？
完成一项待办
列表完成一项待办
只有这一项显示完成反馈，列表顺序和其他任务保持不变。用户正在按顺序处理本周任务。
列表动作属于单个项目，不应把整组内容替换掉。
- 先确认用户是在阅读、比较、筛选还是继续操作，再选择对应的内容结构。
6列表什么时候用、什么时候不用？
- 01
- 02
| 项目 | 状态 |
|---|
一个独立对象
标题、媒体和动作共同属于当前对象。
每项都需要连续阅读或保留自己的动作。
- 先确认用户是在阅读、比较、筛选还是继续操作，再选择对应的内容结构。
7怎样把列表需求交给 Agent？
请用列表实现任务页需要让用户按顺序浏览待办事项，并在每一项旁边继续处理。，先说明内容关系、可观察结果和窄屏策略；不要用相邻结构替代它，也不要添加没有语义责任的装饰。
8不用背，看看你能不能判断
1 / 3
列表最重要的结构是什么？
请选择一个最符合题意的答案
社区延伸
看别人真实遇到过什么
社区帖子还没有关联到这个词条。