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