等等，原型设计的重要性你真的明白么？

编者按：设计网页或者APP的过程中，为什么一定要设计原型呢？能不能不做原型直接设计并开发出产品呢？当然能，但是有了原型，这一切会更加轻松，后续的麻烦也更少。为什么要设计原型，接下来就给你答案~

不论你是移动端UI设计师还是网页设计师，原型设计的重要性似乎是显而易见的。原型设计让设计师和开发者将基本的概念和构想形象化的呈现出来，让参与进来的每个人都可以查看、使用并且给予反馈，并且在最终版本定下来之前进行必要的调整。

在项目开始之初，对每个元素进行调试并确保它们能够如同预期一样运作，这是相当重要的步骤。当完成可交互的原型之后，将它作为一个成型的界面来使用，看看它能否带来预期中的体验。

你可以测试其中所有的功能，看看能否解决规划阶段所计划解决的问题。如果是在完成整体的设计和开发之后再行测试，修改和调整起来成本就相当高昂了。

这些文章让你更懂原型设计：

• 《术语小科普！聊聊线框稿、视觉稿与原型的区别》
• 《姿势大涨！你了解线框图和原型的过去、现在与将来吗？》
• 《阿里干货！如何培养正确的原型设计思维？》

一个可用可交互的原型所带来的好处并不是一星半点，它还可以帮助开发和设计人员从不同的维度上来规划和设计产品。原型是帮助网站与APP设计最终完成标准化和系统化的最好手段。

原型最大的好处在于，它可以有效地避免重要元素被忽略，也能够阻止你作出不准确不合理的假设。

你可能会认为，你可以借助静态的线框图清晰的解释你的设计，但是这种方式始终都不会像原型这么直观有效。

为何创建原型？

首先，绝大多数的企业主本身并不懂得设计知识，也不懂得编程知识，而原型为他们展示出了网站或APP的基本的框架或者说模型，让他们明白它们的基本外观和运作的机制。

一个可交互的原型基本上能够像最终完成的产品那样运行，你可以对它进行操作，原型则会给予相应的反馈，使用者可以随之明白它的运作方式，寻求解决特定问题的方案。原型经过可用性测试之后，能够优化出更好的用户体验，能够在产品上线发布之前排除相当一部分的潜在问题和故障。

让开发更轻松

实际上，原型是会让开发更加容易。当网页或者APP设计师搞定一个行得通的原型之后，开发人员能够在此基础上拿出更加完善的代码实现方案。原型让参与者能够看到网站或者APP 发布之后会是怎么样运作的。

节省时间和金钱

当设计和开发流程中有了原型之后，将会节省很多时间，降低成本。节省时间、控制成本对于任何企业主而言都是非常重要的事情。

当一个公司想要推出一个新的APP或者发布一个新的网站之时，总会集合一批真正专业的人士一起来完成这个项目。随着时间的推移，花销会不断的增长，项目上的投入自然越来越大。有了原型之后，团队成员能够围绕着原型进行快速高效的沟通，哪些地方要增删，什么细节要修改，这样的方式能够更加快速的推进项目进度。

更简单的协作意味着更容易反馈

有了原型之后，团队成员沟通的时候不需要彼此发送大量的图片和PDF文档了，取而代之的是添加评论和链接，或者是原型工具内建的反馈工具，沟通更快，原型的修订更快了。

版本修订是原型设计过程中的重要组成部分，它是最终产品能完美呈现的先决条件。原型能够不断修正进化，这使得它成为了产品研发中最有价值的部分。随着一次次的迭代，产品本身会越来越优秀，而版本修订的过程也越来越快速而简单。

双赢的局面

设计和开发团队倾向于借助原型来完善产品，而客户和企业主也乐于看到原型，参与到项目中的每个人都能根据他们的所见来判断、探索和决策。原型成为了讨论的焦点，也是解决问题的平台。

你会发现，原型让大家都能参与到项目当中来，让项目朝着预期的方向推进，并得出解决方案，这个时候原型的重要性就不言而喻了。

完成设计前不断测试和优化

原型主要是用来演示UI是如何运作的，呈现流程的流向，不论它是否流畅是否足够合乎逻辑。不断地对原型进行调试意味着，你可以在迭代中不断优化用户体验和产品细节，直到最终完成设计。

随着测试的推进，信息架构、导航和用户流程中的各种缺陷会在不断的交互过程中体现出来。CTA 按钮能否引导用户到你计划中的页面？整个页面的布局是否高效？导航是否足够好用？所有的这些都能借助可交互的原型逐步得到答案。

这个阶段，原型能够给设计和开发人员许多问题的答案，而不用到了产品发布前夕再去手忙脚乱地修改。

最后的思考

一个良好的原型设计是从线框图开始的，对于许多网页和APP设计项目而言，都是一个简单而不错的开始。

当你加入一个多人团队，协同是不可忽略的问题。这个时候，一个能够呈现出最终产品雏形的可交互原型无疑是整个团队沟通和交流的核心，此刻原型的重要性就完全地展现在你的眼前了。

原型的重要性不容忽视。原型搞定了意味着设计和开发可以同时推进，如果执行好的话，最终的产品体验和最终的原型不会相去太远，最重要的是输出的产品在功能上不会存在大的问题，因为原型阶段已经排除了绝大多数的故障。

【Nick Babich 的用户体验设计经验之谈】

1. 输入框设计：《讲真，你真的懂得文本输入框设计的那些潜规则么？》
2. 表单设计：《抠细节！设计高效好用表单的10个技巧》
3. 极简APP UI：《超赞！帮你打造极简风APP UI 的实用设计技巧》
4. 前端开发：《有法可依！帮你衡量一个动效是否合格的六个核心因素》
5. 面包屑：《并不简单！网页中为你指路的面包屑到底应当怎么使用？》
6. 移动端页面：《跟着建议走！这样的移动端网站设计才对头》

原文地址：designyourway
原文作者：Bogdan Sandu
优设译文：@陈子木

本文由优设网原创翻译，请尊重版权和译者成果，转摘请附上优设链接，违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱：2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：http://hao.uisdc.com/book/。
设计微博：拥有粉丝量150万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com