熊先生做原型之 - 四款常用原型设计工具预览功能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

相关推荐

  • 从三个方面简析设计中的用户友好

    随着用户体验重要性的不断提高,用户友好的概念也得到了越来越多的重视。那么如何在设计中体现出用户友好呢?熊先生觉得,有三点内容是比较重要的: 整个界面的一致性抓住用户特点更容易获得帮助 因为最近使用Mockp…

    2023-03-03
  • 【文案】77个吸引人的创意口号(slogan )

    一句广告语是广告标记线或词组,广告客户创造从视觉上表达的重要性和其产品的好处。 总的来说,这是一个主题,一个活动,通常在人们的生活中真正的作用。 它通过将消费者的解决方案的心脏,以贷款人的时间和注意力…

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

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

    2015-06-02
  • 5步快速制作移动动效

    Sketch+Keynote双剑合璧:5步快速制作移动动效 2014年,Facebook推出了新闻阅读应用Paper,诸多交互细节与炫酷动效启动了界面设计的新时代,Google的Material Design更是将移动动效提升到了app基础体验环节的高度。…

    2015-04-11
  • 用户行为数据可视化——行为序列图

    一.引子: 作为一名网站的用户研究工作人员,我曾经碰到过以下问题: • 深知服务器日志是一座金矿,但不知道该从哪里开始分析? • 辛辛苦苦盯着电脑一天,看了1000+条日志,越看越晕,看不出规律,找不到方向… • 在…

    2015-12-23
  • 杀死转化率的4大 UX 错误

    转载自:吆喝科技,转换率优化(Conversion Rate Optimation, CRO)逐渐受到越来越多的关注。资本雄厚的公司通过增长黑客团队与持续优化作后盾,也影响越来越多人搭上 CRO 的风潮。整体来说,重视对网站效果的测试…

    2016-10-25
  • 微信红包体系设计分析

    *说明:普通红包是指金额每份金额固定的红包包括群普通红包和个人普通红包,个人普通红包也就是红包个数为1的群普通红包。 1 需求分析 一个字:钱;两个字:消遣 1.1用户为什么要发红包? (1)逗别人玩自己开心 有…

    2015-09-18
  • 酷狗APP的产品分析和设计

    一、APP产品设计的背景分析: 酷狗早期作为一款PC端的音乐播放器,积累了广泛的用户基础。这对于其移动端的APP,用户是一个先天优势,单从豌豆荚这个平台的数据来看,同类APP的下载量,酷狗稳居第一。对比下载量较…

    2015-12-21
  • 产品经理亲述修练之路(下篇)

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

    2015-11-11