产品经理早下班自救指南——如何10分钟内快速搞定原型设计的诀窍分享

快速搞定原型设计,产品经理早下班~



对于任何上班族来说,最扎心的事情,莫过于加班!工作做不完,回家时间晚——然而多数产品汪的大量精力和时间其实都被耽误在了画原型图上。

产品原型的构思是产品经理能力最重要的体现,但更多的时间总是都被用在了原型图的制作上,相比原型的构想和思考,用原型工具做原型,简直就是一个苦逼的纯体力活!我以前加班的时候总是想,要是能用很短的时间快速做完原型图就好了......

工作时间久了,发现有经验的产品经理对于“快速搞定原型设计”这件事,都会有一些不约而同的默契,要快速原型制作,其实只有3个要点

1、选一个合适当下情况的原型图设计工具

2、找到和你产品近似的原型设计进行内容和交互上的参考

3、尽量不重复造轮子——复用类似的原型素材或页面快速搭建你的原型方案

那么如何选择合适的工具?这些工具有哪些原型素材和资源?如何用这些工具快速地搭建我们的原型方案?

我们综合了不同产品同学的经历和经验,把市面上的几款主流原型图设计工具拎出来,逐一分享它们快速搞定原型设计的诀窍:

Axure:强大的老牌原型工具,需要学习才能掌握,适合工具控

图:Axure

适用场景

1、如果需要制作强调交互逻辑的原型,使用Axure是最好的选择

图:Axure交互添加用例

2、适用在他人模板基础上进行操作(必须得找到近似产品的整个项目的原型文件)

PS: 为了帮大家节省时间,为大家推荐几个能找到Axure源文件的网站: Axure原型教育网、Axure中文网、Material Mobile Library for Axure

优点

(1)功能齐全强大

(2)实现的交互效果强,可做大量的逻辑判断

(3)不仅可用于做原型,也可用于做流程图

缺点

(1)视觉效果粗糙,如果要做高保真演示就需要花费大量时间

(2)需要去很多资源站下载元件库进行引用,比较麻烦 (例如Axure原型教育网)

(3)除了元件库以外,只能去找跟自己产品相似的原型文件,只能去整体1个1个项目找,没办法灵活取里面的部分内容。

图:axure元件库

墨刀:一款功能轻快的原型图设计工具,更偏向于设计师的原型使用工具

图:墨刀界面

适用场景

1、官方模板高保真,需要对演示效果要求高时,可以选择墨刀

图:墨刀产品演示

2、产品经理需要给设计师准确呈现页面的各种尺寸参数大小时

图:参数

3、你所做的项目,正好官网提供类似的全套模板时

图:墨刀官方模板

优点

上手快,高保真,满足视觉体验,提供各种参数标注

缺点

(1)有限的自身基本组件,不能添加新组件

(2)官方模板提供数量少,模板只能使用官网提供的31套方案

(3)如果要灵活复用模板或自己以前项目中的部分原型素材或页面时,只能使用页面转移功能,一次仅转移一个页面。使用模板组件需先转移页面到自己项目,再复制粘贴组件。

图:墨刀页面转移功能

xiaopiu最新上市的原型工具,自带原型资源分享平台,可用户作品共享

图:xiaopiu精选广场

适用场景

1、需要快速利用已有素材和成熟的功能模块快速搭建产品原型,表达设计思路。

图:全网搜索功能

2、需要有成熟竞品做参考去做主流产品项目,尤其是手机APP产品

优点

(1)有非常丰富的整体项目,尤其是手机APP项目,可以给产品经理进行完整地参考学习。

图:模板图

(2)高保真、低保真灵活使用,素材丰富,可以满足不同场景的需求

图:冲顶大会高低保真

(3)原型素材、原型页面、原型项目不同粒度的资源可以灵活引用,随意组合,快速拼接原型方案

图:组件库

缺点

(1)xiaopiu是最新出来的原型工具,除了原型制作以外的附加功能还不够强大。

(2)可以在原型中做交互动效,但是不能像axure一样加入逻辑判断

(3)因为部分模板由用户分享,虽然丰富,但质量存在一定的参差不齐。

但是目前来看,因为xiaopiu有丰富的原型资源库,引用拼接灵活,资源内容可以非常方便搜索得到,所以它是最适合快速制作原型方案的工具了。


Mockplus:最简单易上手的原型工具,适合追求效率的使用者

图:Mockplus打开界面

适用场景

1、需要做一个简单的原型图时,追求效率时,mockplus是最推荐使用的

2、做零散的单个功能原型展示,并且直观演示时,

3、客户端可离线使用,如果你对这点有执念的话,可使用Mockplus

优点

(1)自身组件轻快简单,用户体验非常好,可快速搭建简单的原型

(2)快速格子功能,简单复制

图:快速格子

缺点

(1)和墨刀一样,整体项目只能使用官方的模板,一共提供35套

图:Mockplus模板

(2)组件也是固定的,引用项目中的部分原型资源时(比如某个页面,某个特效)比较麻烦,如果只用模板中的1个页面,只能把页面导出,再导入进自己的工作项目,很不灵活。同时,如果需要在别的项目中使用单个模板中的组件,只能在整个模板中挑选组件,添加到自己的组件库中,才能在其他项目中复用,耗时费力!

图:Mockplus页面导出

总结而言,产品经理做原型,最重要的就是对原型的构思。我们需要的是多思考,而不是把更多的时间花费在原型图制作上,重复地造轮子。产品经理要学会用简单快速的原型图制作方法,来表达自己的原型构想,这样在提高工作效率的同时,也充分体现了产品经理的工作价值。当然,也为自己留出了更多的宝贵时间去充实自己,不断提升自我!

1条评论 添加新讨论

03月19日评论

好多图都挂了啊~

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