美文网首页产品二三事产品设计产品经理
产品经理指南系列:我该使用什么样的原型工具?

产品经理指南系列:我该使用什么样的原型工具?

作者: 平原猫 | 来源:发表于2014-12-09 23:24 被阅读625次

           画原型图,是产品经理最基本的技能之一。但是,对于工具的选择,往往成了新手产品汪们最纠结的问题。

          想做一个优秀的PM,首先要先成为一名不折不扣的软件狂魔,所以相信大家原型软件也试用了不少。但是试来试去,实际使用时还是只会用一两种,而且经常会画的也不尽人意。那么,是原型软件不够好吗?

    作为一款优秀的原型工具,我认为应该拥有以下几种特点:

    1,快。能够通过简单几步拖拉,快速做出原型图。不要像在PS里那样各种调整大小,一个像素一个像素对齐。

    2,全。各种状态栏、对话框、提示框、元素符号最好一应俱全。别整个常用图标符号还得去网上搜索素材。

    3,美。虽然是我们做的是原型图,追求的是朴素。但总也不能画得像90年代的风格,对吧?

    4,享。即可快速的分享,做出来还要导出特定格式,装特定的软件插件才能看?这会让我们拿给客户或投资人分享的时候凭空多了不少麻烦。

    下面谈谈我用过并且喜欢的几款原型图软件:

    1,Axure RP

    知名的老牌原型设计软件,功能强大!元件丰富,支持母版,交互语法详尽,教程良多。

    但是,如果要求做的很快的话,那么Axure做出来效果就会丑,非常丑!因为Axure的元件是没法自动吸附对齐的,拖拽经常会导致大小不一。虽然支持导入元件库功能,但是一个很难寻找一个全而美的元件库,所以在做图时经常会用到许多不同的元件库,这样做出来的原型图就会画风混乱,看起来比较诡异。

    Axure RP虽然交互功能强大,但是大多是为Web而设计的,APP上的交互不是那么容易实现。原型可以生成带目录导航的html文件集,可以方便的在电脑上浏览。但是遗憾的是,如果电脑没装过Axure RP软件的话,就需要提示安装插件。而且生成的文件不可以再手机上浏览,需要导出图片的话也要一张张得截取.

    与Axure RP类似的产品还有很多啦,像UI desginer(腾讯CDC出品),JustinMind(一个西班牙公司的产品,在移动交互设计上比Axure强)。

    2,Balsamiq Mockups

    它所内置的元件都是手绘风格,而且比较齐全。Balsamiq Mockups是基于Adobe Air开发的,所以界面看着有点别扭。Balsamiq Mockups的上手倒是挺快的,就是简单的元素拖拽,分分钟搞定一张原型图。

    不过,由于是基于Adobe Air开发,所以画布上图形很多的话,就会有点卡。另外,Balsamiq Mockups的其他功能很薄弱,像不支持母版,不支持交互、不能导出有结构的演示文件。

    3,墨刀。

    国人开发一款在线原型软件。有很多漂亮的元件,元件可自动对齐吸附,也可组合。

    可以实现简单的元素到页面的跳转。

    最贴心的功能是生成的演示链接可以发送到在手机浏览器\微信里演示,效果也不错。目前我们项目的第一版的原型图设计使用的正是墨刀。

    唯一有点小遗憾是目前不支持母版功能,这样有时改一下一个通用元素就要改很多页面。

    4,Mockup plus。

    另一款国人开发的在线原型软件。从名字就可以看出来,其定位为Balsamiq Mockups的进阶,其实事实也是如此。Mockup plus的用法与Balsamiq Mockups有些类似,但是又比之多了些更适合国人的功能,可谓Balsamiq Mockups的云存储增强版。

    支持导入Balsamiq Mockups的源文件(但不能导出)!

    支持手绘/正常风格的切换。更多的图标元件,同样可以在移动设备上查看演示效果。

    不过,导出全部图片需要付费(现在每月只要5元钱,也不贵),目前也不支持母版。

    那么我该如何选择呢?

    其实,原型软件只是工具,我们要活用工具,善用工具。根据需求情况的不同,选择的工具自然也就不同。

    如果你需要生成一个带有各种交互效果的原型,并且不介意只能在电脑上演示,那么推荐你使用Axure,或者研究下Justmind。

    如果你需要快速做出原型,并且需要在手机上看演示效果,顺带研究下页面跳转关系,那么推荐你使用选择墨刀。

    如果你需要快速生成原型图片,并且喜欢手绘效果,那么你可以选择Mockup plus或Balsamiq Mockups。

    相关文章

      网友评论

      • ae627d4a1271:经过两年的时间,现在mockplus非常好用,简单、上手快
      • 4f03b48b5e7e:只要初次花点力气设计好自己的组件库,其实axure做出来的原型根本不会丑。
      • 9nmcBC:苹果上的omnigraffle也很不错,做出的ui容易比axure好看,但只支持简单的交互。
      • 平原猫:@truelie 恩,我们开始也尝试直接画的,不过做多页面时反而没原型工具高效,原型迭代也麻烦些。
      • truelie:如果绘画功底强,直接图纸画也好使。做原型的目的是主要是给UI、开发等相关人员演示用,当然现在APP原型制作的高效做法是直接在原型上旁注交互描述。

      本文标题:产品经理指南系列:我该使用什么样的原型工具?

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