Detail Page 详情页
详情页是向用户展示一个对象的完整信息,帮助用户信息浏览。
设计目标
提高信息浏览和搜寻效率,便捷执行操作。
设计原则
直截了当
信息尽量平铺展示,如无必要,不要做大量隐藏、折叠等操作。
层次分明
按照接近原则,对信息分层分组展示,降低单个页面内信息复杂度。
化繁为简
减少复杂结构的使用,尽量使用相似结构和模块,降低结构差异对用户的干扰,让用户更聚焦于信息本身。
结构相近
针对详情信息的模块化组织,要求模块结构尽可能相似,减少复杂性,降低用户额的理解成本。
不同类型
根据信息的复杂度,我们把详情页分为三种模式:页面详情、抽屉详情、弹窗详情。
类型 | 用法 | 链接 |
---|---|---|
页面详情 | 当详情内容复杂、冗长或多步骤时使用。 | 点击跳转查看 |
抽屉详情 | 从右侧划出作为页面详情的信息补充,当补充内容较多时展示使用。 | 点击跳转查看 |
弹窗详情 | 悬浮在页面详情之上的内容层,当补充内容较少时展示使用。 | 点击跳转查看 |