【干货】产品原型工具学习心得

工欲善其事,必先利其器

【前言】

产品原型是产品经理行走江湖的必备技能,寻找、学习、掌握成熟高效的原型工具开展日常工作,是绝大多数初中级产品必经之路。

工具的选择

Axure,目前是业内公认和推荐的产品原型工具,从各大互联网公司产品JD可见一斑。在易用性、实用性、适用性方面,经过多年迭代打磨优势较为明显,全球市场占有率预估在60%+。其他像omnigraffle/justinmind/墨刀/摹客等工具,在某些场景(如移动端、本土化等)有其自身优势。但综合来看,未来很长一段时间,Axure仍将是主流。

工具的学习

疤哥2012年开始接触Axure,从最早的5.6版本,到自己使用最多的7,至今目前的9。一路走来有较多心得体会,14年在鹅厂开发并讲授的《Axure从入门到精通》公司级课程,内部热度和反响都超出预期。

对于工具的学习,疤哥一直坚信并推崇四个字:熟能生巧,脱离实战训练谈工具学习都是耍流氓。目前市面上的相关培训和书籍很多,本文不过多深入细节和实操讲解,更多是将工具的学习方法和思维传递给大家。

一、了解全貌

按照从上至下、从左至右顺序,依次了解菜单栏/工具栏/操作区的布局、常用功能、使用场景。

Axure9.0 mac截图

1、菜单栏:“文件、视图、发布”三个模块较为常用,大型项目可能会用到“团队”协作功能,原理同SVN。

实用小技巧:“文件”的导出图片和备份设置,前者某些时候相比本地、在线链接能更能直观展示,也满足一定P图需求;后者同目前在线文档的自动保存功能,避免因突发状况导致资料丢失;

2、工具栏:主要管理元件(有些汉化也叫部件/组件)的基础设置以及常用快捷键,前者包括字体、大小、位置、对齐方式等设置;后者包括预览、分享等,根据个人习惯对具体功能的使用频次会有所不同。

实用小技巧:如日常对排版要求较高,可以试试对齐方式。

3、操作区:最终呈现出来的内容,是由操作区的一系列操作组合而成,包含站点页面/元件库/交互/样式等操作&管理。最近几年的版本,对操作区的布局和交互调整最为明显,各模块可自由拖拽灵活组合,形成自己习惯的操作区(截图中布局是疤哥个人设置供参考)。关于操作区的产品迭代逻辑,疤哥看法一是基于不同角色的特定工作习惯需要,其次参考了adobe、sketch等工具的交互设计理念。

实用小技巧:在软件启动界面和菜单-帮助下面均有官方教程入口,相比以前,现在官方资料内容较为丰富,除演示视频外,还有操作文档、示例rp、元件模板等内容,对于英文阅读能力要求不算高,国内很多课程也有借鉴官方内容,推荐关注。

了解工具全貌后,接下来是通过不断的练习和实践,加深巩固对于工具的掌握,举一反三。

二、举一反三

软件虽然在不断升级,但主要操作路径和常用功能的改动较少,更多是丰富能力(如支持矢量)、兼容更多场景(如企业服务等)和文件类型(如sketch/figma/xd等)。在疤哥看来,不用盲目追新,更多是要基于自身项目形态,将常用、通用功能用熟用透,才能达到事半功倍的效果。拿3个小功能举例,帮助大家打开思维:

1、页面:前身叫站点地图,涉及较多页面的项目会用到,如网站/APP/Tob产品等。借助文件夹功能,可以较好管理页面和模板层级,和页面/组织架构图原理类似;

2、矩形:默认元件内容不多,基本能涵盖常规页面的全部元素,最近6年主要增加了中继器、标记元件,以及基于矢量功能的升级。坦白说这些新增功能,如非特定业务和工作需要,帮助和使用较为有限,反倒默认元件中的“矩形”却是万金油,用它能变换成各种形态,如输入框、按钮、文本框、背景、分割线,毫不夸张的说可以用矩形拼凑出一个小型页面;

3、动态面板:刚接触Axure的同学,对于动态面板的操作可能会有些吃力,追其根源还是不太理解其使用原理和场景。其实可把动态面板看成一个容器,在容器中装着一样或多样内容,后者会通过挡板层隔开,在外面通过交互动作来显示/改变层的内容,层与层直接互不影响。常用的场景有轮播广告图、表格Tab切换、APP频道切换等,清楚原理和场景后多加练习,相信能熟练掌握起来。

通过保持练习和项目实践,基本上不难达到举一反三的阶段。如果有精力和兴趣可以再去了解相对高阶的功能(如中继器、变量、函数等),不过疤哥更希望大家能够朝触类旁通的方向去发展。

三、触类旁通

疤哥对触类旁通的理解,分为3个层次(不展开描述):

Step1:能思考更多的使用场景和与其他功能融合

Step2:能快速上手同类型工具,分析出功能差异和优劣

Step3:能以产品视角去分析和思考产品迭代逻辑和规律,关注工具所在行业的发展趋势

【结语】

好的产品原型可以帮助产品更好传递、表达对于产品的思考和呈现,一定程度也是产品设计能力的表现。对于初中级阶段产品经理,熟练掌握工具对日常办公、沟通、协作帮助较大,但不希望过于依赖工具及追求高保真效果,否则会适得其反。

疤哥近4年工作没再直接参与原型的设计,更多是评审管控和标准制定,但对于工具的迭代和软件行

业一直有保持关注,后续还会有其他工具的分享,敬请期待。


【作者介绍】

前鹅厂高级产品经理,现任上市公司产品总监,10年+网站/会员/平台/B端产品及运营经验。

公众号:疤哥产品说(以产品对话,聊工作人生,交江湖好友)

题图来自 Unsplash,基于 CC0 协议。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,376评论 6 491
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,126评论 2 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 156,966评论 0 347
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,432评论 1 283
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,519评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,792评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,933评论 3 406
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,701评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,143评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,488评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,626评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,292评论 4 329
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,896评论 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,742评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,977评论 1 265
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,324评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,494评论 2 348

推荐阅读更多精彩内容