美文网首页产品经理@IT·互联网
【干货】产品原型工具学习心得

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

作者: 实战产品说 | 来源:发表于2020-12-24 10:01 被阅读0次
    工欲善其事,必先利其器

    【前言】

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

    工具的选择

    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 协议。

    相关文章

      网友评论

        本文标题:【干货】产品原型工具学习心得

        本文链接:https://www.haomeiwen.com/subject/ponpnktx.html