熊先生做原型之 - 四款常用原型设计工具预览功能PK

经过这么长时间的摸索,熊先生明白了一个道理:原型设计是提高产品开发效率中的不可缺少的一部分。那么,把做好的原型快捷、有效的演示给开发和客户就变成了很重要的一个环节。目前大家比较常用的几款原型设计工具在这个方面可以说是各有千秋。今天,熊先生就和大家一起看看AxureJustinmindMockplus以及Proto.io 6在预览上的表现如何。

Axure:★★

Axure应该说是原型设计中最常见的工具了,经过多年的沉淀累积,其功能的强大是不可否认的。同样的,预览的功能上Axure也绝对不弱,而且,其导出HTML可以说是可控项最多的。

移动端的预览Axure支持的方式也有两种,一种是通过导出移动的HTML,再用苹果手机的Safari浏览器打开。另一种则是通过Axure share直接打开桌面端上传的项目。

熊先生做原型之 - 四款常用原型设计工具预览功能PK

Justinmind:★★

Justinmind是一款来自西班牙的原型设计软件,虽然不及Axure,但不论在国外还是国内,都有着一定规模的使用群体。 Justinmind在HTML的导出上设置没有Axure的复杂,移动端的话,可以通过解压到手机的文件夹中,再用浏览器打开预览。虽然但是在线预览的 效果相对于同类软件还是比较出色的,就是速度稍慢了一些。当然,它同样有基本的图片预览。另外值得一提的,就是Justinmind支持DOCX的文档导 出,这可以使文档写作更加方便。

熊先生做原型之 - 四款常用原型设计工具预览功能PK

Mockplus:★★

Mockplus是 我目前为止见过的预览方式最全的工具了,基础的导出两种格式的图片预览就不说了,手机预览就有两种很方便的方式:直接扫码预览和上传云之后用原型码预览。 其中,通过二维码扫描预览在同类软件中很少见,不需要连线,也不需要上传到云,实际操作起来挺方便的。导出演示包也是一个相对稀有却比较实用的预览功能。 此外,据熊先生内部了解,导出HTML预览功能的2.2 Beta版本也已经进入了内测阶段,即将发布了。Mockplus的HTML导出分为两种,一种是离线包,你可以直接发送给小伙伴,也可以放置到公司内部 服务器下载浏览;另一种是在线发布,发布后,你可以发给对方一个网页地址,直接就可以预览了。

熊先生做原型之 - 四款常用原型设计工具预览功能PK

熊先生做原型之 - 四款常用原型设计工具预览功能PK

Proto.io 6

Proto.io在七月中旬更新到了现在的Proto.io 6的版本,相对于前三种客户端的操作方式,Proto.io则是基于网页,可能也正是由于这一点,导致Proto.io的预览方式比较有限,只能导出HTML、图片和PDF格式。

熊先生做原型之 - 四款常用原型设计工具预览功能PK

综合评价:

从静态原型的预览来看:

几个工具不分上下,都支持图片导出。但Mockpus不支持PDF的导出,对于需要直接导出PDF的用户会有些不便。

从动态原型的预览来看:

Axure和Justinmind的预览方式比较接近,都有手机客户端,能够满足一般的预览需要;而且两者也都支持将原型转为HTML方式导出。对于国内用户来说,在线预览常常会受到网速的影响,比较痛苦。

Mockplus的预览方式最多,可以根据不同需要做更多的选择。因此,在演示方式的多样性上,要胜出一筹。

Proto.io 6作为在线原型制作工具,因此在导出方式的多样性上稍显乏力。不过,如果没有特别高的要求,也能够满足基本需要。

熊先生做原型之 - 四款常用原型设计工具预览功能PK

顺便说下,在手机端,预览原型的方式有两种:

通过HTML预览:优点是不用安装客户端,方便。但缺点也是明显的,运行起来相对缓慢。同时,在手机上要想全屏预览,也比较麻烦。还有就是由于浏览器的兼容问题,这会很容易造成演示的时候原型失真,演示中呈现的和设计中的不一致。

安装手机客户端,直接打开原型文件预览:因为手机端可以自己解析原型,全屏和完全保真自然没有问题,可以得到最好的演示效果,性能也快。然而,它的缺点就是需要安装。

那么,哪一种方式更好呢?熊先生的建议是:请根据自己的工作需要决定。当然,选择一个两种方式都能提供的工具,可能才是最实际的解决办法。

以上只是我对四款工具预览方式的初步探索和比较,如有不妥,请多指教,早日带俺脱坑。

原创文章,作者:yanz kontol,如若转载,请注明出处:https://www.iamue.com/16849/

(0)
yanz kontolyanz kontol
上一篇 2023-03-03
下一篇 2023-04-03

相关推荐

  • 如何带初级产品经理

    对资深产品经理来说,你的新人成长,同样是一份很出色的成长成绩。正如一位资深的产品经理最近告诉我,“有一个人告诉我,我是一个很好的领导,是一个伟大的导师,这简直就是我职业生涯中最好的肯定。”将自己最核心…

    2015-06-08
  • 腾讯首位产品经理:Punk 谈做产品与创业

    Punk,中文名:韩宇宙,QQ号:10045,是 BLUES 相识十多年的朋友,产品经理的行业前辈,在 BLUES 还不知道产品经理是何物的时候,朋克已经是腾讯第一批产品经理。前腾讯产品经理王坚(糗事百科创始人)在出版《结网…

    2016-01-22
  • 产品经理亲述修练之路(下篇)

    四、产品经理修练之信息结构篇 1、前言: 写这该文章的目的,是想告诉刚接触产品经理的“同学”,当完成产品的商业部分分析后,不要马上就画原型,这只能说明你刚“入行”,我理解的“产品经理”就好比军队的“参谋”,他是…

    2015-11-11
  • 产品经理亲述修练之路(上篇)

    一、产品经理修练之信息结构--产品分析 前言: 2011年从北京回到重庆后,产品经理就是我一个奋斗的目标,但由于各种原因(主要还是自己的心态没有准备好)一致在逃避。随着孩子的到来,随着她一天天的长大,我也在…

    2015-11-11
  • 『真实』两个女设计师:一个互联网新手,一个30岁面临艰难选择

    编辑:我是UE网-@Tina爱学习  责任校对:@Tina爱学习 两个真实的经验送给互联网从业的设计师。 NANA 女 产品设计师  今年三十岁 传统软件企业 图片来自:unsplash 前几天Tina问我:好久不见,最近在忙什么?我说:…

    2015-06-02
  • 产品经理做好跨部门合作的一个中心和三个原则

    跨部门合作是产品经理工作中最重要的一部分。除了用户调研、需求分析、原型设计等本职工作之外,跨部门沟通和合作可能就是产品经理最核心的工作了。而且,这种跨部门合作的难度和复杂性会随着公司的壮大而更难和更…

    产品经理 2015-11-19
  • 产品的数据思维——今日头条算法架构师演讲听后笔记

    产品的数据思维——今日头条算法架构师演讲听后笔记 Yolanda 今日头条,3亿用户每天打开APP看到的头条新闻各不一样,要怎样才能做到呢? 如果是我们来做一款推荐新闻的APP,我们可以顺着以下思路来准备: 1. 确定战略…

    2015-11-15
  • 行业最佳实践 | 冷兔:用做产品的思维做表情

    冷兔创意工作室是一个年轻而又注重创意的团队。冷兔的小伙伴们在这里创作好用的聊天表情,构思好笑的漫画,绘制充满想象力的艺术画作,以及制造更多有趣的产品。冷兔创意工作室的核心工作是生产快乐,并通过冷兔来…

    2016-10-26
  • 看了这三个问题,你就知道UX设计师如何起步

    如何成为一个合格的UX设计师,怎样才能从菜鸟转变为设计高手,每天都有无数的设计师思考着同样的问题。凡事要做好,必须得回答这三个问题:做什么?怎么做?用什么做?看了这三个方面的问题,你就应该能够明白如何…

    2023-03-03
  • 原型设计测试—如何在不同设备中,进行可用性测试

    从广义上讲,可用性测试是以用户体验为中心的交互设计测试,通过用户测试来进行产品评估。这种测试的好处是,在投入前端开发、写代码之前,能够对移动应用程序或者网站进行前期测试。那么有人会问,真的有必要这么…

    2016-09-26