列表
List
初级通用列表(List)是把同类内容按条目连续排列的展示方式,每条可包含标题、摘要或操作。它让你在任务记录、搜索结果等多条信息中逐项浏览,快速找到目标。
你可能会说:「帮我把这些搜索结果一条条排出来,让人能看标题和摘要,再点开想看的内容。」
动手看看项目工作台的今日任务
今日任务
3 项待处理
整理用户访谈记录
汇总 5 位用户的反馈,标注高频问题。
确认首页设计稿
检查首屏文案与移动端布局。
安排版本评审会议
邀请产品与研发,预留 30 分钟。
列表样式
切换列表样式,再悬停各行。同一组任务始终连续排列,图标和标题保持对齐,方便从上往下逐项找目标。
摘要补充任务范围,适合搜索结果或不熟悉的工作记录。先看标题,再扫一眼说明,就能判断是不是要找的内容。
要点列表怎样帮你组织多条内容?
- 1
每条内容保持相近结构
你做搜索结果页时,可以让每条结果都显示标题、摘要和更新时间。因为相同信息出现在相近位置,用户往下扫时就能更快判断哪一条值得打开。
- 2
排列顺序传达浏览线索
列表通常沿一个方向连续排列,但顺序不一定代表步骤。消息列表可以按时间排,搜索结果可以按相关性排。你把排序依据说清楚,用户才知道该从哪里看起。
- 3
条目操作要对应具体对象
后台的成员列表里,每个成员旁边可以有查看或移除操作。这样用户知道操作会影响哪位成员;如果整条都能点开详情,也要让点击目标和条目内容对应。
容易混淆的地方
列表和表格都能展示多条数据,但表格更适合让你沿着固定列横向比较,例如逐列查看成员的角色和加入时间;列表更适合逐条阅读。列表也不同于卡片:卡片强调每个内容单元的独立呈现,而列表强调一组条目的连续浏览,两者可以结合使用。
什么时候用
适合用
- 做站内搜索结果页时,用列表呈现标题和摘要,方便用户逐条判断要打开哪一页。
- 做后台任务页时,用列表展示任务名称、状态和负责人,让用户沿着一组任务往下查看。
- 做消息中心时,用列表按时间排列通知,让用户找到最近收到或尚未处理的消息。
不适合用
- 用户需要同时比较多名成员在角色、部门、加入时间上的差异时,改用表格更方便对齐查看。
- 页面只展示一个账户的姓名、邮箱和注册时间时,改用详情信息区;这里没有一组条目需要浏览。
- 用户需要按顺序完成注册、验证和提交时,改用步骤条表达流程进度,而不是把阶段当普通列表。
练一练选一个答案,看看解释
你在做帮助中心的搜索页。每条结果有标题和一小段摘要,用户主要想快速找到值得点开的文章。哪种呈现方式更合适?
让 AI 帮你做复制给 AI Agent 直接用
请把帮助中心的搜索结果做成列表。每条展示文章标题和摘要,点击条目进入对应文章;按搜索相关性排列。结果为空时显示空状态。请沿用项目现有的样式和交互方式。