关闭

成天画原型,你真的把原型用到位了吗?

带你梳理原型设计的优势和不足,不再盲目画原型。

现如今,几乎没有任何一家产品公司能够完全不采用原型设计。原型设计的必要性已无可非议,如何充分利用原型设计的优势,才是我们应该深思熟虑的问题。

一、原型设计的简单回顾

首先,看一下基本的产品阶段:

1)想法生成

2)需求采集

3)功能与结构

4)原型设计阶段

5)PRD(绝大多数公司使用原型设计取代PRD文档)

6)路线图

产品阶段的流程,在很大程度上说明了原型设计在整个生产过程中的作用和地位。产品经理在整理了足够丰富的思路、数据、信息、需求、评估等相关信息后,往往会将这些抽象的思维以原型的方式具体呈现出来。

我们最常见的原型包括:

手绘原型:打印或手绘方式表示软件产品的用户界面

用户体验原型:要求说明产品的外观和功能

视觉原型:注重尺寸和外观,削弱功能

二、原型设计的优势

想要他人对你的原型设计为之惊叹吗?先了解原型设计的优势是很有必要的。

1、仅仅依靠静态的高保真模型图和线框图,无法传达充足的功能和交互效果。但原型设计可以实现动态交互,能更直观的传达产品功能和动画。

2、与老板和用户进行有效沟通。他们了解您的设计越深入,你说服他们的几率就越大。

3、更早地检测错误,降低时间和金钱成本。相信我,你宁愿在原型设计阶段发现100个错误,也不愿在开发阶段发现1个错误让你止步不前。

4、加强团队成员内部的协作。

5、收集用户反馈和进行多重测试。

三、原型设计的不足

洞悉原型设计的缺点,可以最大限度避免陷入做原型设计不当时的陷阱。

1、原型设计初期就一味追求做高保真原型

高保原型的组成:线框图、交互设计、逻辑判断以及UI。不难看出,高保真原型必将消耗设计师更多的时间和精力。然而,除去时间等成本,高保真原型还将大大限制后期UI的发挥。

2、原型设计演示错误,易导致设计想法的表述大打折扣

设计师100%的想法也许会因为不恰当的演示衰减到50%。

3、用户对原型和成品系统的误解

用户等非专业人员往往会有这样误解,尤其是针对高保真原型。会让用户产生这就是某个APP 的运作方式,被设计者的思维模式所牵引,难以提出有效反馈。

4、忽略可行性

很多逻辑和交互可能会在后期的开发阶段不可实施。

四、如何充分利用原型设计的优势?

这里我使用一个实例来说明。首先,如下图所示,看看这个原型是如何工作的:

Gogobot是一款旅游APP,共有28个互动页面和28张图片。我曾经邀请过一些朋友来体验这个原型,大多数人都误以为他们正在使用一个真正的APP。现在,具体讲解一下我如何在此原型设计中最大限度的发挥了原型设计的优势:

1、实用功能性和合理的交互

从头开始吧,看一下Start Page,页面下有3个按钮,为用户提供了三种方式进入到Welcome Page。用户可以自由选择使用Facebook帐户登录,注册一个新帐户,或者只是作为访客跳过注册直接浏览。每个选项都链接到相应的目标页面。

如果用户对Gogobot感兴趣并愿意注册,只需点击Sign Up按钮,就可以到达注册页面。注册页面仍然为用户提供了实际的选项。用户可以填写必要的信息来创建一个新的帐号,但也许该用户意识到他已经有了一个帐号,那么他就可以点击已有账户按钮在注册页面就能完成登录,而不用先返回到登录页面再进行登录。这样的设置是完全符合实用性的,并且用户在体验交互时不会有困扰。

2、与您的老板、用户和团队成员即时有效沟通

3、避免高保真原型,采用统一风格

看看Hotel页面。它使用Scroll Box组件进行水平滚动,并使用图片组件作为占位符。这里是没有必要选择华丽的图片告诉用户这里表示的是一个酒店,但需要注意的是,保持整体的风格一致。也就是说,在其他页面上也无需使用高像素的图片,使用图片组占位即可。保持你的所有界面是一个整体。

4、做快速原型跟进产品进度

看看Profile页面,它包含了超过15个图标和1个触发交互。时间成本在原型设计上至关重要,如果没有这15个图标可供选择,你将花费更多的时间。这一点也是原型设计相较于手绘原型的优势,元素都是现成的,拖拽点击比手绘更快更逼真。

5、获取用户反馈并进行多重测试

这是一个充满吸引力和挑战性的需求。我迫切想要知道我的设计是否符合需求。快速测试是我检验可行性问题的一大帮手。通过可用性测试,我可以知晓设计中的哪一部分存在错误,哪一部分产生不良用户体验,以及哪一部分需要改进和反思。为产品策略的调整及时导航。

在线查看该原型:http://run.mockplus.cn/demo/index.html

小结:

好的原型设计可以说是产品成功的一半。充分发挥原型设计的优势,物尽其用,必将有助于创造出优秀的产品。另外,我在这里展示的Gogobot是由原型工具Mockplus制作的。

文/trista,微信号:Mockplus

1条评论 添加新讨论

08月23日评论

现在在整个产品的开发流程中,原型的设计环节越来越重要了。

回复
登录后参与讨论
Ctrl+Enter 发表