跳到正文

列表

List

初级通用

列表(List)是把同类内容按条目连续排列的展示方式,每条可包含标题、摘要或操作。它让你在任务记录、搜索结果等多条信息中逐项浏览,快速找到目标。

你可能会说:「帮我把这些搜索结果一条条排出来,让人能看标题和摘要,再点开想看的内容。」

动手看看

今日任务
3 项待处理
整理用户访谈记录
汇总 5 位用户的反馈,标注高频问题。
查看
确认首页设计稿
检查首屏文案与移动端布局。
查看
安排版本评审会议
邀请产品与研发,预留 30 分钟。
查看
列表样式

切换列表样式,再悬停各行。同一组任务始终连续排列,图标和标题保持对齐,方便从上往下逐项找目标。

摘要补充任务范围,适合搜索结果或不熟悉的工作记录。先看标题,再扫一眼说明,就能判断是不是要找的内容。

要点

  1. 1

    每条内容保持相近结构

    你做搜索结果页时,可以让每条结果都显示标题、摘要和更新时间。因为相同信息出现在相近位置,用户往下扫时就能更快判断哪一条值得打开。

  2. 2

    排列顺序传达浏览线索

    列表通常沿一个方向连续排列,但顺序不一定代表步骤。消息列表可以按时间排,搜索结果可以按相关性排。你把排序依据说清楚,用户才知道该从哪里看起。

  3. 3

    条目操作要对应具体对象

    后台的成员列表里,每个成员旁边可以有查看或移除操作。这样用户知道操作会影响哪位成员;如果整条都能点开详情,也要让点击目标和条目内容对应。

容易混淆的地方

列表和表格都能展示多条数据,但表格更适合让你沿着固定列横向比较,例如逐列查看成员的角色和加入时间;列表更适合逐条阅读。列表也不同于卡片:卡片强调每个内容单元的独立呈现,而列表强调一组条目的连续浏览,两者可以结合使用。

什么时候用

适合用

  • 做站内搜索结果页时,用列表呈现标题和摘要,方便用户逐条判断要打开哪一页。
  • 做后台任务页时,用列表展示任务名称、状态和负责人,让用户沿着一组任务往下查看。
  • 做消息中心时,用列表按时间排列通知,让用户找到最近收到或尚未处理的消息。

不适合用

  • 用户需要同时比较多名成员在角色、部门、加入时间上的差异时,改用表格更方便对齐查看。
  • 页面只展示一个账户的姓名、邮箱和注册时间时,改用详情信息区;这里没有一组条目需要浏览。
  • 用户需要按顺序完成注册、验证和提交时,改用步骤条表达流程进度,而不是把阶段当普通列表。

练一练

你在做帮助中心的搜索页。每条结果有标题和一小段摘要,用户主要想快速找到值得点开的文章。哪种呈现方式更合适?

让 AI 帮你做

请把帮助中心的搜索结果做成列表。每条展示文章标题和摘要,点击条目进入对应文章;按搜索相关性排列。结果为空时显示空状态。请沿用项目现有的样式和交互方式。

接下来学什么