为什么产品经理都在学画原型?
好的产品要表达清晰离不开一个好的原型。而一个合格的产品经理也都是从画好产品原型开始的。
什么是原型?
"快速产品实践 "。
"原型"的定义简而言之,首先原型不是最终产品,而是"快速实践"——可以通过收集反馈来测试产品方案。
产品原型也是一种沟通工具,帮助数字设计师(专家)向用户或客户(非专业受众)传达他们的想法,再通过反馈改进产品。原型设计并不是传达产品概念的唯一方法。有大量的替代方法,如线框图、流程图、信息体系结构、可视化模型等。
但是原型的特点更为突出。
1.真实而有形
如果一张图片价值1000字,那么一个原型价值1000场会议。” — Tom&David Kelley
-
对于我们的大脑来说,比起抽象的信息,我们更容易通过视觉和有形的经验快速处理信息。在这基础上,原型作为一个只需几次点击就能完美地解释一个概念的东西,可以很好的降低了产品复杂性。
-
对于客户,(高保真)原型是开发之前最接近真实产品的演示。原型的直观性不仅能够让他们做出更好的决策,而且还可以帮助他们轻松地将概念传达给其他人以取得认可。
-
对于用户,原型使他们能够以最真实的形式体验产品,从而产生真实的反馈,而不是听过想象得到的反馈。
“ 如果产品看起来不真实,那么用户的反应就不会真实。” —杰克·纳普(Jake Knapp)
对于团队本身,可以使用原型进行说明和调整。尤其适用于行为和过渡。对于设计系统组件,也许有 20 条验收标准,但是原型的链接就能解释了一切。
2.快速迭代
仅使用最终产品进行方案验证是有风险的。
在设计过程的任何阶段制作和测试原型,并收集反馈以改进产品,有助于团队在开发或发布之前快速的重塑产品(一旦发布,你可能会转向分析)。
产品原型,不是在产品设计和测试结束时制作的,而且贯穿了始终,需要随时创建和调整原型,仅需在3到4天,完成一个从草图到测试原型的过程(当然,这取决于项目的需求和能力)。
3.省钱
对产品进行编码很昂贵。原型不费钱。
原型通常是由产品创建的。这样的设置使开发团队可以在设计师探索或验证概念时专注于开发。一般来说,编写可测试产品的代码涉及前端,后端,设计和质量保证测试(QA),而原型只需要一名产品经理。
如何制作原型?
1.考虑目标、受众和能力
设计过程的每个阶段都有其目标:
-
“定义”:综合阶段,在该阶段中,研究结果为制作产品的范围或方向。在此阶段,可以将低保真原型用作“概念验证”。这些原型的受众目标是用户和客户,把他们的真实地反应、反馈收集起来。这样产品的假设将会得到验证。
-
调研时关键问题要围绕“用户是否看到产品原型中的价值”?一旦团队确定了方向,就开始对产品的要求进行修订,然后顺利进入下一阶段“开发”。
-
“开发”:构想阶段,在此阶段创建并验证各种解决方案。原型在这时主要用于测试目的,通常需要制作的更加详细(中保或高保真)。团队可以快速测试出不同的选项,并根据测试结果做出更好的决策。
-
“交付”:团队构建、测试、学习和迭代的实施阶段。开发人员很可能已经开始开发。但仍然可以制作原型进行测试,或用来与团队成员进行交流和调整设计。
2.从低保真度(lo-fi)到高保真度(hi-fi)
我们使用保真度来区分原型,从低保真开始逐渐转向高保真是最常见的方法。如果打算用设计技巧来打动利益相关者,早期阶段就设计带有精美视觉技巧的高保真原型也是有必要的。
高保真与低保真的区别在于:
交互性(静态或可点击)
视觉效果(草图,线框或最终界面)
内容(接近真实或实际内容)
四款优秀的原型工具
Axure
产品原型工具-Axure
学习曲线:高
简介:Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速产品原型工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。
优点:变化多端的操作,自带组件库并支持强大的第三方组件库,提供强大的交互支持,完整的教程及支持文档,支持原型预览。
缺点:学习曲线较高,性价比不高,专业需求度高。
Wireframe sketcher
学习曲线:较低
简介:WireframeSketcher是一款强操作灵活、功能强大的线框图工具。可帮助设计人员,开发人员和产品经理快速创建用于桌面,Web和移动应用程序的线框和原型。值得一提的是Wireframe Sketcher还是一款带有手绘风格的创作工具,这在一定程度上可以帮助用户专注于设计。除此之外,这款产品原型工具还提供大量的UI控件,支持通过链接创建交互原型,灵活的Wiki形式,线框图注释,生成PDF文档等。
优点:操作灵活,绘制页面速度很快,功能强大,支持手绘风格,提供大量模板,可以进行原型导出。
缺点:仅支持低保真,交互效果较少。
Balsamiq Mockups
Balsamiq官网界面
学习曲线:较高
简介:Balsamiq Mockups是一款软件工程中快速产品原型工具,可以作为与用户交互的一个界面草图,一旦客户认可也可以做为美工开发HTML的原型使用,特别是在web原型图设计领域有不错的影响力。使用Balsamiq Mockups画出的原型图都是手绘风格的图像,看上去非常美观、清爽。此外,这款工具支持几乎所有的HTML控件原型图,比如按钮(基本按钮、单选按钮等)、文本框、下拉菜单、树形菜单、进度条、多选项卡、颜色控件、表格、Windows窗体等。除此以外,还支持iPhone手机元素原型图。
优点:虽然不是免费原型工具,但性价比也算不错;工具内置大量模块,能够快速应用于原型设计,支持手绘风格。
缺点:原型没有配色,没有设计风格,不能进行交互展示。
摹客RP
学习曲线:低
简介:摹客原型设计采用基于Web的全新架构,不需要下载安装,不受设备系统的限制,通过浏览器即可快速进行原型设计。摹客原型自带钢笔、铅笔等矢量工具,可帮助用户自由完成设计。设计完成后可以和团队成员无缝协作,轻量设计还能直接交付开发,真正实现“从创意到落地”。
优点:
支持多人同时在线编辑同一项目,支持页面交互、状态交互、命令交互,以及设置多种触发方式和曲线,快速制作交互原型。
缺点:不支持离线使用