不知你有没有这样经历：为了不让原型图看起来太丑，会纠结各细节处理（距、大小），结造成工作期延长，精力损失。为了让原型接近于真实效，会思考各精致布局，结 leader 来句「你现在做这么好看干嘛，这个功能都没确定好。」
今天想聊聊「交互原」这一话题，算是对自己成长的一个总结和沉淀。
实我觉得画原和做设计的念是一样的：没有好坏，只有是否合适。
当产品经理/交互计没认清当前的需求阶段，无论你画的好不好，都会出现一些糟的现象：一开始就注重细节理；在型需要重点输出，忽略功能逻辑上的思考；在功能未确定追求致页面效果……
下面我对「原型」的理解，所绘制用于表示不同阶段下的需求特征：
1. 想法阶段
在产品需求的初始阶段，功能概念都比较模糊，大部想法都停留在脑海和述上。这就需要不停地理清概念想法，验证需求的理性、目标是否正确。
所以这阶段强调的：产品雏形。将我们的法、概念需求可视化，并加以讨论验证。因此，合的方式就用「草图」表达，速产出速修改，能即时看见产品的雏形。
常用「草图」勾勒产品雏形，除了可以表达法、探索方向外，好处还：
- 能提升你快速思考、验证假、优化计流程的能力。
- 能展示思考问题的过程（设思维），体专业能力。
2. 修改阶段
这阶段品目标和较为晰，接下来需要优化原有概念想法，为品创个信息架构，梳理功能逻辑等工作，便在需求评审会、团队讨论动品功能进展。
该阶强调：清目标。根据户诉求、务目标、营需要等同目标点，逐步梳原上需要展示的功容（界面布、信息取舍）。
对产经/交互设计师来说，只需产一个大体上看得明白，清产功的「中保真原」即可。方即时修改，向产定/保真原过渡。
3. 确定阶段
到了这个阶段，品需求功能布局、信息设计已全部确定，这时份全、严谨「高保真原型」尤为要。
一方面可为视觉同事的 UI 输、开发的落地实现等供依据。另一方面在各种工作场景中，保真原都发挥很大的作，如交互评审、领导过稿、A/B test、demo 演示等等。
这一阶强调：细节核对。因为系着 UI 输、界面实现等工作，需要注意各种交互细节，防现设计、流程上的漏洞。
2个核对纬上的检查
规范对齐：若团队有设计规范时，一定要对齐字体大小、颜色、布、间距等视觉元素。且复已有样式就尽量复，避免现「一个功，两种样式」的情况，如图：
交互走查：保真原输后，需要根据交互自查表，一一梳原说明是否存在漏洞，防现异流程和容状态。
另外，当你想要获得户反馈，测试你的想法是否为务/户创值时，尽量使保真原。原因在于：够产生真实的操作效果，给户带来「身境」的浏览体验。
最后总结一，同阶的原途：
- 草图：快速表想法、验证需求、展示思考过程。
- 中保真原：梳大体产框架，继续优功。
- 高保真型：为 UI 输出开发实现提供依据、测用户反馈、制作交互 demo、向领导过稿等等。
另外我还现，结合「用户验5个面」来看不同阶段的原型，两者是吻合，且有理有据的。
1. 战略层范围层 – 草图
产品什么？如何去满足战略目标？构思把目标需求转变功能内时，用草图的方式极合的：速表达、即时验证，能让概念法马「可视化」。
2. 结构层 – 中保真型
想法表达后，需要为产品构思一个体的框架结构，根据业目标和用户诉求，不断地修改产品功能、息计，慢慢完成产品的定型。所以这候只需产出一个大体上得懂、方便修改的中保真型即可。
3. 框架层 – 保真原
这是原型设计最后阶段，品关系已理、功能内容已确定。这阶段注原型界细节处理，如梳理异常流程、信息不状态、是否齐规范等等，以便后期界实现，所以份高保真原型尤为要了。
4. 表现 – UI效果图
原型确定，接下就是 UI 优化阶段，时产品的最终效果也就出来。产品的下次功能迭代，也是根据此 UI 效果图的基础上进行原型优化、修改。
后简单下，原型产出的几原则：「使用灰色图」「复用已样式」，避免今后作踩坑。
1. 使用灰色图
原型就原型的样子，面积的彩色布局，很易让人觉得这 UI 效果图，尤其交互审会，这种细节应该注意。
2. 复用已样式
这面已了，能复用样式就复用，避免出「一功能、两种样式」的况，否则视觉、发同事对接原型时，会造一的理解扰。
以对交互原型的一些见解，若描述得不当请多指教，下面总结文件。
欢迎关注作者的微信公众：「和出此严」
浙公网安备33011002017549号