Detail Page 详情页

详情页的作用是向用户展示一个对象的完整信息，它的主要作用是帮助用户信息浏览，同时允许对详情页整体的数据或某部分数据发起编辑等操作。

---

设计目标

提高信息浏览和搜寻效率，便捷执行操作。

设计原则

层次分明

针对信息较少的详情，平铺展示即可；针对信息量大的详情，需进行合理组织，保证层级分明。

化繁为简

针对详情信息的模块化组织，要求尽量使用结构相似的模块，降低结构差异对用户的干扰，让用户更聚焦于信息本身。

不同类型

根据信息的复杂度，我们把详情页分为三种模式：页面详情、抽屉详情、收缩详情

何时使用

• 展示新增或编辑完成后的页面

• 展示商品、单据等数据的详细信息

应用场景

• 订单详情

• 单据详情

页面详情

何时使用

• 当需要展示主详情页，承载重要信息及操作时使用。

抽屉详情

何时使用

• 当需要展示主详情页的附属更多信息时。

• 当数据不多，不需要通过页面详情展示时。

收缩详情

何时使用

• 信息不需要通过弹出和页面展示，通常用于附属信息很少的情况。