屏幕快照 2019-07-08 下午8.41.24.png

1. 什么是产品原型

• 产品落地的关键点，从虚拟概念到用户接触的节点
• 产品产的的关键内容，上传下达，会成为研发UI参考的重要资料

1. 好的原型有什么特点

• 整体感受
  1. 页面结构清晰
  2. 跳转关系明确
  3. 与业务流程一直
  4. 完整表达用户需求
• 独立页面
  1. 功能元素明确有序
  2. 位置关系清晰
  3. 不同状态变化清晰
• 交互设计
  1. 清晰的交互逻辑（页面跳转，左滑右滑动）
  2. 一致的交互方式
  3. 界面统一

案例

屏幕快照 2019-07-08 下午8.52.43.png

2.如何开始产品原型

屏幕快照 2019-07-08 下午8.54.58.png

• 产品需求没想明白之前，不要设计
• 产品流程没想明白之前，****
• 在没有草图之前，****
• 在你没有把草图和BOSS过了基本确定之前，不要****

2.1 开始原型设计

1. 明确本次需求的用户与场景
2. 认证研究需求的业务流程图
3. 完成页面流程与目录
4. 确定页面框架
5. 确定交互细节，串联
6. 讨论迭代修正

在需求分析和业务流程靠谱基础上做原型
基于这样的条件做的原型才是有意义的
原型修改常常是因为需求没封闭

3.原型设计的好习惯

• 先思考需求，和业务流程，在绘制原型
• 真实比例，真实文案（避免被质疑）
• 真实模拟极端情况，并示例清除
• 目录树清晰，阅读流程

屏幕快照 2019-07-09 下午7.51.59.png

• 有修记录，关键修改另存为
• 紧扣需求主题，不横生枝节

不要为了好看增加新模块
如果需要新增功能，先考虑后端数据来源