软件工程之美学习笔记十九 18 | 原型设计：如何用最小的代价完成产品特性？

《软件工程之美》材料地址：https://time.geekbang.org/column/article/89078

什么是原型设计？

原型设计，是产品经理确认需求、设计产品最重要的沟通工具。

原型设计的发展历史

1. 《人月神话》的作者弗雷德里克·布鲁克斯（Frederick P. Brooks, Jr.）在《没有银弹 - 软件工程中的根本和次要问题》中第一次提出了：“在获取和制订软件需求时，将快速原型开发作为迭代计划的一部分”。
2. 快速原型模型
   第一阶段确认界面布局和内容，第二阶段确认交互，第三阶段实现。

• 低保真原型设计：线框图解决第一阶段问题
• 中等保真原型设计：像 Axure 这样专业的原型设计软件产生，解决第一和第二阶段的问题
• 高保真原型设计：移动端快速发展，需要炫酷的界面和交互

如何做好原型设计

1. 分析阶段，搞清楚用户的需求，原型设计的目标；
2. 设计阶段，划分好产品的信息架构，设计好产品操作的流程；

• 从信息架构的维度，考虑清楚整个产品的信息架构，划分出模块；
• 从使用流程的维度，考虑清楚界面之间的流程

3. 实施阶段，按照设计的结果，对每个界面制作原型，并做好界面之间的链接；
   要优先考虑满足产品需求，然后是让界面好看好用。
4. 验证阶段，和项目成员、客户进行确认，收集意见反馈，根据反馈进行修改。
   开相应的评审会议，让大家提出反馈，根据反馈再作出调整。

如何选择合适的原型设计工具？

依据：

• 面向的平台：Web、桌面、手机；
• 保真度：中等保真度还是高保真度；
• 功能：是否满足你的要求；
• 成本：价钱是否可以接受。

推荐产品：（参见“人人都是产品经理”）

• Axure RP：Axure RP曾一度是原型设计工具的代名词，历史悠久功能强大，可以制作网站、桌面软件、移动 App 的原型。 缺点是专业度较高，价格高。
• 墨刀：墨刀是一款优秀的国产原型设计工具，可以制作网站、桌面软件、移动 App 的原型。上手相对容易，价钱也较 Axure 便宜很多；
• Adobe XD：Adobe XD 是 Adobe 出的一款设计兼原型设计工具，可以制作出高保真原型，对于设计师尤其容易上手。
• ProtoPie：ProtoPie 是一款高保真原型设计工具，不需要编程基础，可以做出逼真强大的交互效果。
• Framer X：Framer X是一款高保真的原型设计工具，功能很强大，但是需要一定的编程基础，尤其适合程序员使用。

我的留言

我的理解，实际上原型设计是一个完整的工作环，所以是遵循PDCA过程的。采用Axure Pro进行原型设计，据说可以在正式进行产品开发的时候可以重用代码。
我的一个问题是，在目前前后端分离、Restful 风格的应用架构下，是否更容易实现原型设计时的代码的重用,以提高开发速度？具体是怎么做的？
老师回复: 以前在讨论开发模型的时候有介绍，快速原型开发模型有两种模式，一种是抛弃型的，就是用工具开发的这种；一种是演化型原型，就是类似于MVP，先做简单核心功能，然后不断演化，变成最终产品。

如果你要提升代码的重复率和开发速度，这种前后端分离的呀，我给你的建议是你用一些第三方API云服务：
https://www.apollographql.com/
https://firebase.google.com/products/firestore/

这样你就完全不用考虑后端开发了，直接用它们定制就好了。等到产品开发出来，你再考虑后端迁移。