跳到主要内容

Detail Page 详情页

详情页是向用户展示一个对象的完整信息,帮助用户信息浏览。


设计目标

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

设计原则

直截了当

信息尽量平铺展示,如无必要,不要做大量隐藏、折叠等操作。

层次分明

按照接近原则,对信息分层分组展示,降低单个页面内信息复杂度。

化繁为简

减少复杂结构的使用,尽量使用相似结构和模块,降低结构差异对用户的干扰,让用户更聚焦于信息本身。

结构相近

针对详情信息的模块化组织,要求模块结构尽可能相似,减少复杂性,降低用户额的理解成本。

不同类型

根据信息的复杂度,我们把详情页分为三种模式:页面详情、抽屉详情、弹窗详情。

类型用法链接
页面详情当详情内容复杂、冗长或多步骤时使用。点击跳转查看
抽屉详情从右侧划出作为页面详情的信息补充,当补充内容较多时展示使用。点击跳转查看
弹窗详情悬浮在页面详情之上的内容层,当补充内容较少时展示使用。点击跳转查看

页面详情

抽屉详情

弹窗详情