首先声明这不是教程。只是大概梳理了下产品经理常用的工具和自己积累的一些资源,重点讲下如何高效的绘制原型,希望大家都能把更多的时间放在思考用户需求、设计方案、用户体验上,而不是被画原型耽误时间。
产品经理常用的软件工具
主要有:
原型:Axure
备选Mockplus、墨刀
备选的这两个擅长移动端,素材库比较丰富,绘制效率高。流程图:viso
备选ProcessOn、OmniGraffle、亿图图示 Edraw Max 。
viso尴尬的地方是没有Mac版,所以在Mac上只能用备选方案。
ProcessOn是线上绘图工具,上面还可以看到很多别人共享的流程图,可以用来参考借鉴,扒一扒说不定有惊喜。思维导图:xmind
备选百度脑图、亿图mindmaster、mindmanager、有道云笔记思维导图模板
像百度脑图和有道这种在线思维导图工具,有个不好的地方就是当你导图特别大的时候,浏览卡顿感会非常明显,还是比较推荐xmind。神器推荐:https://uzer.me/
UZER.ME将多款常用软件放在了云端,可直接通过浏览器使用,这里面就有viso和xmind,整体体验还不错。
工具很多,但是用哪个一般出于协作方便的考虑,都是整个团队用同样的工具。
如何高效的使用Axure画原型
xmind和viso就不详细说了,使用比较简单,主要重点说下axure。
1、axure的重点与难点
axure的基础使用网上有很多教程,隔壁的Eddie是用下面这本书入门的,据说还不错,满满的都是案例,书比较早(所以某度有pdf版,你懂的),但操作不会过时。
那种从安装软件到一个按钮一个按钮的教使用方法的书就等于从入门到放弃,案例实操才是学软件的正道。
axure的几个难点内容:动态面板、函数、变量、中继器
- 动态面板
是画原型最基础、最常用的高阶工具,比较简单,网上找两个案例学一下就懂了。 - 函数
函数有很多,不用全都记下来,初步了解下,用到的时候去查就好了。函数用法说明推荐→ - 变量
变量分为系统变量和自定义变量,自定义变量又分为局部变量和全局变量。变量介绍→ - 中继器
如果你对数据库有了解,中继器其实理解起来就很简单了,中继器repeater,字面意思重复的东西,就是一个可重复的容器+数据表,按照设定的规则将数据填入容器中。
推荐一个案例,笔者根据教程做的连连看游戏,欢迎试玩。
这是大神的教程,感兴趣的同学可以研究下。文章结尾提供了“阿里巴巴连连看”原型源文件下载地址,便于大家对照教程理解。
搞懂这个案例,基本理解中继器就没啥问题,如果还不够,推荐笔者当年入门数据库一个小册子“SQL必知必会”,很薄,但讲解的非常清晰透彻。人民邮电出版社的“图灵程序设计丛书”,编程届的良心丛书,你值得拥有。
其实,除了动态面板,其他这些高级功能并不常用,实际在工作中如果仅仅是面向技术的需求原型,而不是面向客户展示,基本都是用平铺的方式画原型,交互动效极少,因为这样的原型文档更方便技术去阅读。
2、提高绘图效率的方法
方法的核心就三个字:素材库。
如果非要多说点的话,那就是尽可能减少交互动效,互联网普及这么多年了,技术兄弟们不需要你花大把时间用Axure实现一个日常很常见的交互效果。
如果再要多说一点的话,就是多用母版。
素材库分三部分
一是整理的自己曾经画过的、日常会比较常用的组件做成组件库,比如你平常是负责app产品的,那么你负责的app的常用组件(底部菜单栏、列表页、搜索框等)应该已经纳入你的组件库;
二是网上收集的组件库,有很多大神提供个人组件库,不过阿里Ant Design提供的web和app的标准组件库,绝对是最强大,最好用的,传送门在这里;
三是icon素材库,分享一个阿里妈妈官方提供的iconfont,可按需下载PNG、AI、SVG格式的,只有你想不到的,没有你在上面搜不到的,再来个传送门。
有了组件库,每次画原型大部分东西只要拖拽出来稍微改改就能用;有了icon素材库,需要什么图标只要下载贴上去就好了,不用自己动手画。大大提高了画原型的效率。
为了每次新建原型都能自动加载自己的组件库,建议将组件库文件放在Axure的Libraries文件中,路径如下图,里面放了 Ant Design的web和app组件库,以及笔者自己的组件库MYlib。
笔者自己的组件库包括4部分,web类、流程图类、小程序类、app类。
每个组件分组中包含了一些常用的简单控件,以及一些因为所做业务特征,在日常产品需求设计常用的完整页面,比如权限页面、小票样式、个人中心等。
因为组件库中有些内容涉及公司业务,所以就不分享给大家了,大家可以参考这个分类建立自己的组件库。
原型分享
原型做好之后,要分享给技术、设计等团队成员,一般可以生成HTML文件传到团队规定的共享服务器上,或者利用Axure官方免费提供的原型分享功能,将原型发布到axshare上。具体axshare怎么使用比较简单,大家可以自行必应(好想黑某度&穷!买不起梯子google)。
上面阿里巴巴连连看的游戏就是上传到axshare上,其实有点卡,但不影响正常浏览原型。如果你比较喜欢钻研,可以自己买个域名和服务器,或者用树莓派搭建一个服务器。
福利
阿里巴巴连连看游戏rp原型, 提取码: suc4
规范原型参考,提取码: i84y
原型库1
原型库2
这么多年,总算找机会把Axure总结了一下。
夏天要来了,该动起来运动和继续写文章了。
Captain Marvel,一个徒手撕宇宙战舰的女人。