产品经理在进行原型图设计时,需要先输出低保真原型图。所谓的“低保真”,就是展示产品的基本需求,包括核心业务逻辑、功能模块等。这个阶段不需要根据设计规范进行制作,所有组件、框架、布局等足够给开发人员传递需求是什么、有多少需求即可。
什么是低保真原型图?什么场景下需要用低保真原型图?
原型内容的制作分为两个阶段,第一阶段为低保真原型内容制作,第二阶段为高保真原型内容优化。在第一阶段,画出静态的原型图。只需要做好基础元件的管理、注释、用法即可。
在该阶段不需要进行交互设计,只需要基础的简单操作即可:
(1)文字的设计,颜色、字体、大小的调整;
(2)基础图形的设计,大小、是否圆角的调整;
(3)ICON的插入,能够清晰表达含义即可。
为什么要使用低保真原型图?
为什么要使用低保真原型图而不是直接输出高保真原型图呢?因为低保真原型图的特点之一是“快”,产出快、沟通快,并且有任何在产品上的修改也可以快速修改。低保真原型图只需要做到逻辑和功能设计清晰即可。如果直接输出高保真原型图,制作时间长且操作繁琐,在后期与开发人员的沟通下,修改原型图也较为麻烦。
低保真原型工具有哪些?
制作低保真原型图通常可以使用以下三款软件:墨刀、Balsamiq、Axure。
1. 墨刀
墨刀是一款非常专业的原型设计在线平台,进行原型图设计会使用大量的交互效果,而墨刀将大量常见的交互方式封装,只需要在组件库内找到并一键拖入原型图,即可完成复杂的交互设计。无论是轮播图组件还是固定顶栏或底部导航,只需一到两步就能实现。另外,交互效果设计完毕后,可以使用预览功能进行预览。墨刀的预览不仅可以在电脑端进行,在手机端也可以,并且是多端同时在线,无需退出保存。墨刀是基于云端的存储,所以可以实时多人在线协作,非常方便快捷。
2. Balsamiq
Balsamiq是一个轻量级的原型制作工具。喜欢手绘风格可以尝试使用这款软件,比较特别。Balsamiq可以以非常快的速度将原型图制作出来,并且和墨刀一样同样内置了常用的组件、图标等。但是熟练使用Balsamiq需要懂一些代码操作,并且无法自定义组件,这是原型设计时可能会遇到的致命问题。
3. Axure
Axure是一款经典的原型设计工具。可以定义产品需求,负责设计功能模块的展示,并且输出高保真原型图。虽然有些功能比较繁琐,但是用一定时间掌握后还是能够满足产品工作的需求。学习过程比较曲折,没有系统的官方教程,需要自己摸索和查找,不适用于新手小白。
如何制作低保真原型?
这里简单介绍一下墨刀的低保真原型图制作方法。
第一步:创建原型项目
当你登录到墨刀以后,会进入到项目管理页。左上角有一个“创建”的按钮,点击后会出现很多选项,直接点击“原型”就可以。在新窗口内,你可以选择创建一个空白的原型项目,也可以直接从模板创建原型,在模板的基础上进行修改。
第二步:搭建低保真原型图
进入编辑区后,在素材库有基础、高级、发现3个版块,你可以直接拖拽里面的组件到你的画布上,用这些组件能够快速的帮助你搭建低保真原型图。高级组件里面有动态组件、可填写的图表组件,都可以帮助你搭建原型,非常简单快捷。
第三步:创建原型交互
搭建完原型框架后,你可以做一些交互效果,最简单的就是做页面交互,你选中组件后,直接拖拽那个小的闪电图标到目标页面上就可以。如果想做复杂的交互,需要利用状态功能,建立组件或者页面的不同状态。
第四步:预览和分享
完成低保真原型制作后,你可以进行预览和分享了。墨刀提供真边框预览效果,给你“所见即所得”的效果,你也可以在预览的时候验证交互效果。分享也非常简单,直接通过一条链接,你的客户或者开发人员就能查看原型图,企业版的打点评论功能也方面原型评审。