列表页设计总结

• 让列表易于扫读。
• 快速查找列表中的对象。
• 帮助用户更高效地查看、处理、查找条目。

• 表格 Table
• 列表 List
• 卡片列表 Card list

Collect

Collect

Collect

Collect

• 明确用户主要的搜寻模式。
• 已知项探索：从可言语描述的已知项开始搜寻。
• 探索性查询：对需求确定但范围宽泛的目标进行搜寻。
• 搜寻频次越高对效率的要求越高。
• 与开发做好沟通，了解系统性能，选择合适的组件。

Collect

Collect

Collect

• 分页器

Collect

• 同页加载

Collect

• 查看全部

Collect

• 自然交互：同页展开列表更自然，需注意展开的内容区高度不要超过一屏。
• 详情的信息量大小：如果信息展示超过一屏，使用展开的方式不便于用户操作，此时使用抽屉展开更好。
• 详情需要被单独分享给他人，或复杂的沉浸式任务：跳转独立页更合适。
• 每条详情中都可能有用户感兴趣的内容，以方便切换的导航，快速查看和处理不同的项目：可以使用双栏展示。

Collect

Collect

• 右上角新建按钮

Collect

• 虚线新建按钮

Collect

• 直接删除

Collect

• 二次确认

Collect

• 安全校验

Collect

Collect

注：以上文中配图均来自于网络或应用截图，仅作学习分享使用。