23.复杂原型设计

是什么

  • 完整的新产品,完整的新功能
  • 设计流程链条较长
  • 交互页面,交互流程复杂

设计步骤

  1. 需求分析:明确用户场景问题
  2. 产品功能:核心流程,信息架构,版本过程
  3. 流程图:业务流程,页面流程
  4. 原型设计

1.明确用户场景和需求

  • 目标用户:产品的目标用户是谁
  • 使用场景:关键使用场景是什么
  • 解决问题:产品可以帮助解决什么问题?【一个页面只做一件事】
  • 产品亮点:有哪些会吸引用户使用?

2.产品核心功能

  • 核心流程:用户的流向,内容的流向,信息交叉分别是如何的?
  • 信息架构图:包含哪些模块?每个模块底下有哪些功能点?
  • 版本演变过程:需要几个版本,每个版本包含哪些模块?

3. 流程图分解

  • 业务流程图:每个模块的业务流程是什么样的?
  • 页面流程图:整体来看,用户的使用流向是什么?

4.原型设计

  • 手绘原型:快速确定页面逻辑,快速调整关键元素
  • 原型设计:按照页面流程与手绘图,进行demo设计

案例

屏幕快照 2019-08-14 下午11.51.50.png
屏幕快照 2019-08-14 下午11.52.35.png

信息架构

屏幕快照 2019-08-14 下午11.54.00.png

业务流程

屏幕快照 2019-08-14 下午11.56.33.png

四方形是一个页面,菱形发生交互

页面流程

屏幕快照 2019-08-14 下午11.57.05.png

最终原型

【清晰明确,效率沟通】


屏幕快照 2019-08-15 上午12.00.54.png

推荐阅读更多精彩内容