熊先生做原型之 - 四款常用原型设计工具预览功能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-04-13
  • 杀死转化率的4大 UX 错误

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

    2016-10-25
  • 『创意』Drinkfinity在巴西推出饮料系统

    百事智能设计合作伙伴Drinkfinity,一个革命性的新的饮料品牌和平台,目前在巴西推出有限试用。 Drinkfinity是一种个性化和便携饮料系统,允许人们整天创建自己的功能性饮料的经历。这不是一个固定矫治器,调味剂丸…

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

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

    2015-11-11
  • Axure新品AxShare App现已发布,快来下载!

    今天阿西收到axure官方的邮件: We're launching the AxShare App 意味着 axure终于朝着APP方向有了实质性的进展,大家今后的作品可以通过这款APP进行预览演示了。可以是Axure不上之前的短板,下面就看这个APP的体…

    2015-05-23
  • 小红书APP产品分析

    1. 产品定位 在2013年上线之初,小红书只是一个单纯的UGC购物笔记分享社区。在当时,中国跨境游市场正处于高速上涨阶段,旅游期间的购物选择是一大痛点。小红书正好切中了这个痛点,再加之极其高效的社交网络推广方…

    2016-01-20
  • 【prd】如何撰写移动应用的PRD文档APP开发需要文档入门

    产品经理主要有两项职责:①评估产品机会  ② 定义要开发的产品;前者我们在上篇的如何获得产品立项文章中已经大致介绍过;而定义开发的产品则需要通过产品需求文档(PRD)来描述产品的特征和功能。本篇主要分享下博主…

    2015-09-01
  • 【 MRD】停车O2O产品案例

    1 用户问题和产品机会 1.1 用户问题 用户在停车过程遇到的问题 总的来说,用户在停车过程中遇到的问题如上图1所示。在此次MRD的讨论中主要关注其中以下这些问题: 找不到停车位 停车场进出要花较多时间排队 支付停…

    2016-04-06
  • A/B 测试基础&实例

    什么是A/B测试? A/B测试简单来讲是在两个或多个产品的优化方案中选出最优方案的方法。 例如,期望优化产品的某个特性——通常是期望某项数据提升时,需要对产品某处进行调整。 对此可以提出若干版本,但是现有的理论…

    2016-04-21
  • 酷狗APP的产品分析和设计

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

    2015-12-21