原型设计之草图、低保真和高保真区别

原型设计之草图、低保真和高保真区别,第1张

草图通常用于产品早期的概念阶段。项目立项的早期阶段,大家对于产品的功能及业务场景上都处于一个规划阶段,没有明确成熟的产品方案。团队成员在进行项目规划时进行一些头脑风暴的会议,这个时候我们需要一个能够快速呈现产品雏形的原型,且便于及时修改。

这个阶段的原型大部分都是手绘稿,大家在一边讨论产品功能,一边直接绘制产品原型。这个阶段的原型大部分都是在白板或者在白纸上手绘完成,在讨论的过程中发现问题,及时修改。如果涉及的界面较多,当然也可以利用原型设计工具如Axure进行设计。草图原型能够表达出基本的界面功能及内容布局即可,利用基本的几何图形如方框、圆和一些线段表达产品雏形,只需要参与讨论会议的人员明白大概意图即可。草图的优势在于设计成本低,能够随时进行修改,在项目早期有很多不确定因素的前提下,尽量使用草图进行讨论评审。
草图原型使用人群:项目发起人、项目立项成员。

当我们明确了产品的业务需及使用场景以后,产品经理和交互设计师们可以使用低保真原型来较快的设计产品的概貌。产品经理和交互设计师们通过项目早期阶段已经明确了产品的功能需求及业务范围,基本上已经知道了产品需要做什么。根据业务会议上确定的产品方案,首先需要梳理清楚产品的功能结构和信息结构,根据业务需求推导出详细的功能点。好了,通过这些工作产品的战略目标、需求范围、功能结构都已经清楚了。下面就可以开始正式绘制线框图了,线框图又称为低保真原型。
线框图可以帮助我们准确拆分页面、以及每个页面的功能模块及展示信息,确定每个页面元素的界面布局。线框图与草图相比较而言,视觉显示及意图表达上更准确了。线框图的绘制必须借助于原型设计工具了,一般情况下我们可以使用Axure绘制线框图,利用Axure提供了系统元件可以快速完成线框图的绘制。线框图中的元素布局以及功能模块需要无限接近产品上线后的样子。

当然了低保真原型阶段我们不要考虑界面元素的配色以及各功能的交互跳转及动画效果。界面的配色是专业的UI设计师的工作,丰富的交互动作也不宜在这个阶段去详细分析。通常查看低保真原型完成后,需要与需求提出人员、UI设计师、前端工程师、后端工程师以及测试人员进行召开原型设计评审会,根据评审结果,需要对低保真原型进行多轮调整,直至大家达成一致结果,确保能往下推进。低保真原型确定后,UI设计师及开发工程师们可以据此进行项目实施了。
低保真原型使用人群:需求提出人、UI设计师、开发公工程师和测试工程师。

高保真原型常用于向高层领导进行产品演示或者向投资人演示产品概念,以寻求项目融资。高保真原型又可以成为产品的Demo,除了没有真实的后台数据进行支撑外,几乎可以模拟前端界面的所有功能,完全是一个高仿产品。对于一些非IT科班出身的高层领导、老板及投资人,如果我们希望他们能够尽可能详细的了解产品的功能及业务需求,这个时候低保真原型并不一定使用,因为他们总是能够从低保真原型中找到一些他们不理解的“问题”。因此在这个时候,他们希望看到的是一个无线接近线上产品的高仿Demo,从视觉显示以及交互动作上都和真实产品大致相同。

高保真原型需要在低保真的基础上进行配色,插入真实的及icon图标。充分利用Axure中每一类元件的样式及专有的交互属性为原型增加保真度,为相关的元件及页面添加交互事件、配置交互动作。这样从视觉显示及交互设计来看,就是一个完全高仿的Demo原型。
高保真原型使用人群:高层领导、老板、投资人以及其他的重要决策人。

通过上文的讲述,我们现在已经知道了在明确当前的项目阶段及使用人群后,再决定什么样保真度的原型才是最合适的。我们既不能为了简单省事而总是使用草图,也不能一味的追求炫技直接设计高保真原型,而是综合评估上述因素。在通常的工作当中,我们使用最多的是低保真原型,毕竟项目团队的实施人员才是最关心产品原型的人员。低保真原型也能较为准确的阐述项目需求,一些简单的交互跳转及交互效果,行业内的小伙子们一看便知。当然了有些业务规则及交互细节上的效果,还需要配以说明文档,这样才能方便开发及测试人员深刻理解产品需求。

AXURE做原型分为低保真、高保真两种,再复杂就是有交互效果的原型。

低保真就是只有线框图。 纯粹的只用线框来表示功能,没有做任何的渲染。 这种低保真我认为适合在公司内部最初梳理功能、流程,并且不需要想客户演示时候使用。

高保真原型。 下面我认为都是高保真原型。 前面的只是简单的很白色渲染,后面是用真正的渲染。 这两种可以根据客户类型和项目时间来决定出那种。 前面好处是更接近真实效果,而且不影响美工视觉,出的速度很快。 后面的对美工影响很大。很可能会完全照做。

还有一种就是可以交互的。比如你输入用户名和号码后,点击登录会跳转到首页。只是数据是静态数据。这种原型做出来要花很长时间。但却是搜集客户需求,避免开发成本的最好原型。因为是可以交互的,最大程度还原产品。 另外原型就是拿来不断修改的,并不是做了一次就定下。之所以做原型就是开前确定需求功能,避免因客户需求变动返工。

高保真的原型图的用途有几大方面:

一、开发人员需要参与高保真原型图的设计当中,同时,他需要对这款产品的交付期作一个判断,而产品经理根据开发人员的判断,对于整个产品的周期做一个监控;

二、高保真原型图还需要给你的总监以及老板看,让你的管理层知道真实的产品的样子;

三、用于产品原型测试,把你的产品创意真正的传递到用户眼前。相对于写在纸上的产品设计文档,产品原型更加有效,因为这可以让所有的测试人员以及用户知道你的产品创意所在。  在制作产品高保真原型的时候,你需要密切的与产品交互设计师进行合作,以将产品设计的尽量的简单和易用。产品经理与交互设计师最好能在同一处的办公室办公,因为这样能方便对于产品的交流。

在有些公司,产品的交互设计以及产品高保真原型通常也由产品经理来完成。高保真原型的制作涉及的东西更多,不仅仅只是核心功能的设计,有时候一个按钮是设计和文字的描述就很要命。相信很多产品经理都设计过一些按钮,如果一个按钮既要表达状态也要表达 *** 作,那么这类的按钮是十分费神的。

高保真原型的制作软件目前较为流行的是AXURE,这款软件设计绝大多数的交互内容。并且使用起来也十分方便。笔者也十分喜欢。在完成高保真原型图后,你需要做的就是,可用性测试,也就是确定你的设计方案能满足用户一看就懂的基本需求。

原型的测试有很多方式,如果某些产品已经拥有自己的用户群,可以直接在用户群当中进行测试,如果你的产品没有,那么简单点,公司的同事就是你的测试用户。在公司中,找出你的目标用户,用你的高保真原型图让她们用用。

制作一个高保真原型图很耗时间的。但是用户测试也是必须的,在产品还没有进入开发前做用户测试会让你的产品后续的逻辑更加清晰。无论是客户端产品还是web端的产品,能用高保真原型做用户的可行性测试最好还是用原型进行一次的测试。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/12917932.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-28
下一篇 2023-05-28

发表评论

登录后才能评论

评论列表(0条)

保存