结果页 Collapse

概述

向用户传达任务完成结果，引导用户进行下一步操作，通过有效的反馈建立起用户对系统的信任。

何时使用

当完成一个流程操作后，需给与用户明确的结果反馈时，例如分步表单的最后一步。

当有大量的信息需要在结果页展示时。

何时不使用

结果页是用一个页面反馈操作结果，是反馈模式中最强的一种。仅适用于吸引用户注意程度强、信息量较大、页面永久停留的场景中，其余场景不建议使用。

组件构成

1. 自定义图标/自定义插图（可选） ：自定义符合当前场景的图片或图标。

2. 主标题文字（必选） ：对当前状态的说明介绍。

3. 副标题文字（可选） ：对当前状态进一步的阐述，也可用于指导用户行为。

4. 按钮/文字链（可选） ：对改变当前状态的的一个引导性操作。

组件类型

共有七种样式：成功、信息、警告、错误、403、404、500，可根据不同场景配置不同的插画图形。

文案指南

1.结果页信息建议为提交动作触发后的结果，例如校验建议在表单中完成。结果页信息需精简，仅展示结果相关内容，特殊场景可以增加补充信息。

2.标题构成建议为「对象+动作+结果/状态」或「动作+结果/状态」。

交互行为

当结果状态为成功时，可以默认提供几秒（建议 3-5秒）后自动跳转。