所谓原型开发, 就是在把完整的产品进行大规模正式研发动作以前, 先把那些关键的解决方案弄成一个能够让人去观察到外观、能够让人去进行操作练习或者能够得到相关测试结果的模型, 在处理涉及到页面布局和操作流程这些内容的时候, 可以提前用墨刀这个工具做出来的原型产品把整个操作的步骤串联起来，而如果是涉及到系统接口性能指标表现还有算法逻辑验证方面的事务的话, 就必须要另外去寻找办法通过编写代码的手段来加以验证, 只有在最开始明确到底是要验证哪个具体的对象之后, 我们才能清楚地意识到在目前这一轮的研发环节里究竟需要输出什么样的东西, 是需要交付给别人的完整的界面设计图, 还是需要提交的详细测试过程记录, 又或者是给出的技术性的最终结论。

不管是移动应用、网页设计, 还是复杂的企业系统, 高效的原型开发流程都能确保产品更符合市场需求。本文将详细介绍原型开发的流程, 并推荐一些常用工具, 帮助你更高效地完成产品原型设计。

什么是原型开发

原型开发的目的是为了用比较小的投入来消除需求方面或者实现方面的不确定性, 其中界面原型可以用来观察用户是否能够理解信息并且完成任务, 而技术原型则用于验证某个具体的实现方案, 虽然可点击的界面能够有助于讨论产品的体验问题, 但是页面看上去好像能够运行并不代表底层接口、数据或者性能已经真正实现, 所以在需要用短的周期来验证想法的时候, 可以从快速原型模型的迭代方法开始着手。

比如, 你要是在意去设计一款新型的在线学习软件的话, 那么就直接开始写代码进行开发这个做法, 很有可能会造成大量的时间以及资源的浪费这个问题的产生, 而要是说先去做一个可以交互的原型的画, 用户在这个比较早期的阶段就可以给出一些反馈的意见出来了, 这样子的话就能够用来优化设计工作了的, 并且还能把那些没有必要的开发工作进行避免掉的这种结果出来的, 对。

以在线学习应用这个例子来看, 让学员通过课程列表找到已经买过的课程并接着播放下去, 这一种做法主要是在检查入口对不对、状态是否准确以及路径是否通顺, 同时, 去测试在网络信号比较弱的时候视频能不能恢复播放, 这需要一个真正能播放的环境来支撑, 这两件事情是可以同时进行的, 然而前者的操作演示成功并不能替代后者所验证出来的技术上的结果。

在原型开发的过程里, 第一步就是去分析需求, 同时也是要把用户的情况给调研清楚。

在开始做原型设计之前, 必须要先把产品的需求给搞清楚。这一阶段的目标, 是要确保接下来的产品原型, 不会跑到核心需求的外面去, 同时也得想办法把开发的效率再往上提一提。通常来说, 一般得把这些事情都给做完才行。

（2） 线框图设计, 这事情其实是构建产品的整个骨架。

线框图是一种对产品的界面进行的简化的版本呈现情况, 它通常是采用黑白或者是灰阶的方式来显示界面的布局细节, 并且在这个过程中并不涉及具体的视觉元素以及交互动画效果方面的内容。

在日常生活中, 大家通常能见到的那些线框图类型有:

推荐工具：

（3） 制作交互原型, 模拟用户操作。

完成线框图的绘制之后, 下一步需要添加交互效果, 让原型变得更具操作性。交互式原型能够协助团队在产品开发开始之前, 验证核心功能与用户体验。进行这个步骤时, 可以使用像墨刀这样的工具, 快速制作出高保真度的交互式原型, 从而帮助团队提前开展体验测试。

在交互原型里面, 其最为关键的构成部分主要包含以下几项内容。

（4） 去进行用户方面的测试, 然后把得到的反馈意见拿来作为优化的依据。

用户测试是原型开发这一过程中的重要的环节之一, 这一点是毫无疑问的, 它能够使得团队提前发现潜在的问题, 并且能够对交互逻辑进行优化。

咱们平常用到的, 用户测试的办法有这么几种:

在常见的原型开发工具推荐方面, 这里有一些选择建议供你参考。

大家如果想要把自己的工作效率给大大提升起来的话, 那么选出一个适合自己的原型工具来就用得上这个事儿了, 所以说在这里头呢, 给大家列出来的是好几种现在来说大家都比较常见的原型开发用的工具。

如果你现在正在寻找一款在线原型工具, 并且希望这款工具既比较容易上手, 又在功能方面足够强大, 同时还能够支持团队成员之间的协作, 那么我建议你不妨去试试墨刀这款产品, 因为使用它能让你快速地去创建交互式的原型样式, 从而让团队在推进产品设计工作的时候变得更加高效。

Adobe 在 XD 的帮助页面里说明了维护的现状。当你选择工具的时候, 除开看它能不能画出页面来, 你还应当亲自去完成一次分享、评论、修改还有交付的任务, 去确认团队可以顺顺利利地把工作接下去做。

原型开发的常见应用场景

现在的人们用原型开发这个东西, 在很多不同的地方都经常会看到它的身影。

（1） 在进行概念验证的时候, 如果对具体的需求还不明确, 就会存在这样的状况。

因为这个时候产品的具体情况还在模糊的状态里, 所以就可以先把一个最初版本的模型搭起来进行各种尝试, 这样能够让使用者去把自己的真正想要什么的事情讲清楚。

（2）针对那些复杂的系统来说, 在设计用户操作流程的时候。

在开发大型企业级系统的过程之中, 比如说像ERP或者CRM这样的系统的时候, 原型的这种方式是可以用来让团队的成员去提前地梳理清楚工作流程的, 同时也是能够对用户操作的整个路径进行优化的。

（3）我们对于移动应用和Web产品这两个东西的设计, 现在是在做的。

咱们说那个移动互联网上的应用程序, 还有那种软件即服务的平台来说。原型设计这个东西, 它能够让大家看清楚用户界面还有用户体验方案到底是长啥样子的。这样一来, 搞设计的人和写代码的人之间合作起来, 效率就高多了。

（4）向投资人做一次展示, 同时开展市场调研, 这两件事要做。

很多初创团队在产品还没开发之前就制作原型, 拿来向投资人展示概念, 或者去做市场调研, 好让早期的用户提供反馈。

如何高效进行原型开发

这些方法可以被用来提升原型开发的效率, 以下是一些具体的方案。

大家要仔细挑工具, 比如像墨刀这种能够支持大家在一起协作的功能模块得用起来, 这样就能让大伙儿干活的效率提上去, 从而提升整体的工作效率。

把注意力集中到基本功能上去, 就是在原型这个时期, 没必要去弄那些花里胡哨的美化工作, 就应该老老实实地去关注最主要的那些功能, 还有它们是怎么进行互动的, 这个逻辑是怎样的。

要从现在人们的角度看事情, 也就是始终要盯着目标用户平时是怎么操作的这个事情, 然后去把那交互的体验给弄好了。

在快速迭代优化的过程当中, 我们要去收集用户的反馈意见, 然后根据实际情况及时地对原型进行调整与修改, 从而达到让后期的修改成本变少的目的。

原型开发在产品的策划和创作过程里是一个极其关键的环节, 这一步可以让小组更早地发现存在的麻烦, 对用户的感受进行改善, 并且减少制造的开销。一个好用的模样能够支持团队在真正制作之前验证事物的可能行, 从而提升整体的速度。

如果你正在寻找一款高效率的原型工具, 墨刀是一个值得去尝试的选择。它支持在线协作, 也支持交互式设计。这个工具能够帮助团队快速地完成任务原型的设计工作, 这让产品设计的过程变得更加顺畅一些。立即注册墨刀, 开启你的原型开发的旅程吧！