有言在先
作为产品经理,最重要的事情之一就是说清楚需求,PRD文档是必须的,但是文档不能只由文字组成,毕竟一图胜千言。Glen更加喜欢用交互图跟设计、前端、后台等同伴梳理需求,而画交互图比较常见的工具就是Axure了。产品经理能够掌握Axure是极好的,如果有一天你的团队里没有交互设计师了,那你就需要自己搞定。这段时间做项目时,重新学习了Axure,下面整理出来分享给大家吧!
憋说话,我要看图
一份逻辑严谨的产品需求文档,你自己心里会想“这感人的逻辑”,但是拿到开发、设计那里时,他们往往会说“别给我看字,我要看图”。文档当然是必须的,因为你可能需要建立需求池,为做过的事情备案。但是,一份简单的交互图可能会让你更加容易与别人沟通。
➀ 产品经理需要掌握基础的交互设计
很多产品的婴儿期其实只是一个草图,只是在一张草稿纸上的几条抽象的线条。如果你像Glen一样习惯了无纸化工作,那么Axure是你很重要的画草图的工具,你还可以用Axure画逻辑图、中(高)保真产品原型。
➁ 一个可参考的工作流程
在设计产品时,Glen习惯先在Axure上画出基础的产品界面,确定基本的产品交互,然后Axure可以直接将原型图导出为Word文档,然后你可以在有原型图的文档上添加文字描述了。
➂ 从界面开始
不讲太多虚的,直接开始我们的Axure入门之旅。下载安装什么的,这里不介绍了,相信你们应该没什么问题。这里我不建议大家把Axure汉化了,一般把外国软件汉化不是一个很好的选择,容易出BUG。打开Axure的界面如下:
画了圆圈的地方是用的最多的地方:1是原型的页面分布,每一页都可以放很多东西;你可以新建页面,可以把很多页面放到同一个文件夹(便于分组),还可以新建页面的子页面。2是组件库,它是原型设计的核心,在这里,你可以直接把你想要的样式拖到右边的页面里(Axure主面板还有其他的区域,之后我们用到时再说吧)。
● ● ●
Axure最最基础的那些事儿
一般的Axure原型文件的格式后缀是“.rp”;自定义部件库的文件格式后缀是“.rplib”;还有一种比较少见的文件格式“.rpprj”,它是团队协作的项目文件。
➀ 关于基本形状
从基本部件库拖一个矩形(Rectangle)到面板上,它是你画原型时,最常用的形状。设定合适的大小,它可以成为按钮、页面、文本框、表格等原型的组成部分。下面介绍三个窍门:
A.双击部件,即可输入文字。
B.点击部件右上角的灰圆圈,可以将部件变为其他的几种样式(当然,你也可以选中部件后右键选择Select Shape来改变部件样式)。
C.点击部件左上角,向内拖动,可改变部件的圆角。
以上的操作可总结为双击文案输入、改变部件形状和改变部件圆角,对于其他的一些原型部件也是适用的。
➁ 关于图片
图片对于原型的制作至关重要,之后你画产品原型时,需要导入很多图标。导入图片的方法有3种:添加图片部件、直接拖入图片、从其他软件粘贴图片。
A.添加图片时,Axure可能会询问你“是否将图片压缩?”,一般情况下,不建议压缩图片,因为那样会导致图片质量降低,建议先不压缩,如果后续有需要,可以右键图片,选择“优化图片”,来压缩图片。
B.右键图片,可对图片进行“分割、裁剪、优化、设置圆角”等操作;按住Shift键拖动图片部件边角,可等比例缩放、扩大图片;按住Ctrl键可旋转图片。
关于图片还有更多的操作,用户还可设置图片事件触发。后续如果讲到动态原型时,再介绍给大家吧(其实掌握静态的原型设计就基本够用了)。
➂ 关于线条
有一次,我想在原型中添加一个箭头,找了半天都没有找到,后来发现Axure把箭头这种常用的图形与线条结合在一起了。点击Axure顶部的Arrow Style,可在下拉框中选择箭头样式。
➂ 关于流程图
在Axure中,也是可以画流程图的,方便你梳理产品业务逻辑。点击“Select Library”,选择Flow,之后你就可以在页面中画流程图了。
PS:现在市面上很多组织会开办各种各样技能的培训课,那些都是收费的,这并不是代表自由主义的互联网分享精神。我作为一个产品经理,从入门开始,将自己一点一滴的学习积累,全部无条件免费分享给大家,不一定要改变世界,只是让世界变得更好。之前已经有了Android(完结)、Excel(完结)、PS(2篇),Axure在储备中…
先让世界变得更好,再想怎么改变世界。