23.复杂原型设计
2019-08-14 本文已影响17人
_达斯基
是什么
- 完整的新产品,完整的新功能
- 设计流程链条较长
- 交互页面,交互流程复杂
设计步骤
- 需求分析:明确用户场景问题
- 产品功能:核心流程,信息架构,版本过程
- 流程图:业务流程,页面流程
- 原型设计
1.明确用户场景和需求
- 目标用户:产品的目标用户是谁
- 使用场景:关键使用场景是什么
- 解决问题:产品可以帮助解决什么问题?【一个页面只做一件事】
- 产品亮点:有哪些会吸引用户使用?
2.产品核心功能
- 核心流程:用户的流向,内容的流向,信息交叉分别是如何的?
- 信息架构图:包含哪些模块?每个模块底下有哪些功能点?
- 版本演变过程:需要几个版本,每个版本包含哪些模块?
3. 流程图分解
- 业务流程图:每个模块的业务流程是什么样的?
- 页面流程图:整体来看,用户的使用流向是什么?
4.原型设计
- 手绘原型:快速确定页面逻辑,快速调整关键元素
- 原型设计:按照页面流程与手绘图,进行demo设计
案例


信息架构

业务流程

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

最终原型
【清晰明确,效率沟通】
