![](https://img.haomeiwen.com/i5831240/923858d2ba7d8a3d.png)
屏幕快照 2019-07-08 下午8.41.24.png
1. 什么是产品原型
- 产品落地的关键点,从虚拟概念到用户接触的节点
- 产品产的的关键内容,上传下达,会成为研发UI参考的重要资料
1. 好的原型有什么特点
- 整体感受
- 页面结构清晰
- 跳转关系明确
- 与业务流程一直
- 完整表达用户需求
- 独立页面
- 功能元素明确有序
- 位置关系清晰
- 不同状态变化清晰
- 交互设计
- 清晰的交互逻辑(页面跳转,左滑右滑动)
- 一致的交互方式
- 界面统一
案例
![](https://img.haomeiwen.com/i5831240/becfd72975396903.png)
屏幕快照 2019-07-08 下午8.52.43.png
2.如何开始产品原型
![](https://img.haomeiwen.com/i5831240/666df7a492ade9f6.png)
屏幕快照 2019-07-08 下午8.54.58.png
- 产品需求没想明白之前,不要设计
- 产品流程没想明白之前,****
- 在没有草图之前,****
- 在你没有把草图和BOSS过了基本确定之前,不要****
2.1 开始原型设计
- 明确本次需求的用户与场景
- 认证研究需求的业务流程图
- 完成页面流程与目录
- 确定页面框架
- 确定交互细节,串联
- 讨论迭代修正
在需求分析和业务流程靠谱基础上做原型
基于这样的条件做的原型才是有意义的
原型修改常常是因为需求没封闭
3.原型设计的好习惯
- 先思考需求,和业务流程,在绘制原型
- 真实比例,真实文案(避免被质疑)
- 真实模拟极端情况,并示例清除
- 目录树清晰,阅读流程
![](https://img.haomeiwen.com/i5831240/4c0e10b7eed563e0.png)
屏幕快照 2019-07-09 下午7.51.59.png
- 有修记录,关键修改另存为
- 紧扣需求主题,不横生枝节
不要为了好看增加新模块
如果需要新增功能,先考虑后端数据来源
网友评论