从产品雏形到需求确认,再到视觉设计与开发,都需要用到原型。规范原型是成熟的产品经理必须要掌握的一项技能。原型又分为低保真和高保真,在产品设计的过程中,选择合适的原型设计方法至关重要。因为优质的原型不仅可以帮助团队迅速识别需求方案的可行性,还能更大限度地减少重复性操作,提高工作效率。那么,到底低保真原型和高保真原型有什么区别呢?产品生长周期的不同阶段应该如何选择原型?对此,Pixso的设计师做出了相应的分析,一起来看一下吧!

1. 什么是低保真原型图

低保真原型图是指在纸上画出草图(也称为纸质原型)到成品图的产品原型,也可以在电脑上进行绘制。低保真原型的作用在于将产品中最重要的用户流程及功能所涉及的页面关系展现出来。Pixso社区中的低保真原型仅呈现了元素的形状和基本层次,以线框的形式展示。在此基础上,还增加箭头表示交互效果。

低保真原型图

2. 高保真原型是什么

高保真原型展示的视觉效果要比低保真展示的更加深入和详细。事实上,高保真已经是极度接近产品的最终样式了。下图用Pixso绘制的钱包APP,高保真原型具有与低保真原型相同的用户流程和信息架构,同时还会展示更多的界面细节和页面关系。更突出的是,高保真具有逼真细致的UI设计,以及进阶的功能操作和交互效果。

高保真原型图

3. 什么时候使用低保真原型

低保真原型图产出快、沟通快、修改快,只需要做到逻辑和功能设计清晰即可,因此适合应用于下列场合:

3.1 头脑风暴

低保真原型非常适合在快速头脑风暴时使用,并向客户、开发人员和项目参与者展示产品的设计理念。也同样适合在产品研发的早期阶段,将一些早期的用户测试集成到产品设计中。

3.2 前期与开发确认

在早期阶段,通过展示低保真原型,开发人员能够从一开始就告知我们某些设计在技术上是否可行,这样能极大限度地避免浪费大量的时间精力去设计某个功能。一份好的低保真原型可以让开发团队集中精力朝着目标前进,有效节省20%的开发周期。

Pixso资源社区插图

3.3 进行早期用户测试

当我们小时候画画时,通常不希望人们在我们完成绘画之前审批我们的画稿。同样,当一个团队绘制一个低保真原型时,他们可能也会担心在用户面前展示。但产品就是为用户服务的,因此在设计的早期阶段对他们进行测试是很有必要的。

比如,当我们选择采用高保真原型设计时,设计稿会需要添加许多额外的细节和次要功能做展示。但如果在这个过程中,发现某个核心功能在早期阶段被忽略了,导致产品功能流程上存在可用性缺陷,那怎么办?又或者交付设计稿时,用户想要改变一下的操作流程,那又怎么办?

因此,在早期阶段采用低保真原型设计,不管是撤消更改还是调整设计,都比高保真原型要容易得多。向用户展示低保真原型,有助于在做任何进阶的设计工作之前,把握好产品的关键功能,更好地定义用户流程、信息架构以及UI布局。

Pixso资源社区插图

3.4 始终以低保真开始

低保真原型不仅能帮助设计师集思广益地思考设计,还能保持与客户之间的联系。对用户进行测试,更有助于指导设计师更好地开展后续的设计工作。想要轻松绘制低保真原型,可借助Pixso资源社区的设计资源、原型模板,开启敏捷高效工作,拆解用户需求,将其融入至产品的整体设计中。

4. 什么时候使用高保真原型

产品需要好的用户体验,制作高保真原型可以确保从产品经理到 UX 设计师,再到开发,每个团队成员都能更好地把握产品的方向。

4.2 实现基本功能时

当通过建立低保真原型图,了解满足用户的操作流程和核心功能的需求之后,我们也已经大致清楚每个页面的基本布局,那么接下来,就可以开展高保真原型的设计了。

4.2 测试更高级的交互时

当开始设计或测试更复杂的交互和功能(如数据可视化)时,应该使用高保真原型。我们需要确保原型中的大多数交互动效是直观的、可以提升产品价值甚至是提升用户体验的。

4.3 将设计交给开发人员时

高保真原型设计可以使开发人员不需要猜测任何设计意图就能直观且容易地将产品界面用代码编写出来。当他们清晰了解界面的原型设计,不仅可以减少BUG的产生和返工,还可以缩短写代码的时间,从而减少产品上线所需花费的时间。

Pixso资源社区插图

推荐使用在线原型设计工具Pixso

通过Pixso开展协同合作,开发人员可以实时获取所有原型设计信息,一个工具替代多种传统原型设计和项目管理工具,真正提升产设研团队的沟通协作效率。低保真和高保真原型图都能够建立起流畅的原型框架,与团队成员共同探索产品需求,我们需要在产品推进的不同阶段选择合适的原型设计。借助Pixso内置设计系统和社区资源,产品经理可以获得海量原型模板、页面、组件及图标素材,开启敏捷高效工作。此外,Pixso满足了产品经理对高保真交互的需求,提供了丰富的转场交互动画,能够完整地向客户演示产品全貌和交互细节。是不是被种草了呢?赶紧来Pixso开创原型设计协作新模式吧~

Pixso原型设计