设置交互要多久?最快只需三秒!

原型设计分为两种,一种是静态的线框图,我们一般叫wireframing;另一种是动态的原型,一般叫作prototyping。目前在prototyping设计中涉及到的交互主要分为三种:页链接、交互状态和组件之间的交互。而动态原型的设计工具中比较常见的能够包括这三种交互设置功能的也有很多,比如:Axure、Justinmind、Mockplus和Proto.io等等,种类之多,数不胜数。但是,这些工具无一例外,都在宣传自己的过程中说自己是快捷迅速的。我们平时说的Axure,全名叫做Axure RP,而RP代表的意思恰恰就是Rapid Prototyping(快速设计原型);Mockplus也说自己是更快更简单的原型设计工具。既然都说自己是快速简单,我们今天就来比较实际操作一下,你们到底有多快。

页链接设置:速度平分秋色,可视化体现差异

在Axure所有的交互设置中,页面链接是最简单的一种了,只需要点击右侧属性面板中的创建链接,并在下拉菜单中选中需要跳转的页面就可以了。但是Axure在这一过程中有一个明显的不足,就是对于可视化的缺失。如果在这个项目中各个页面的名称比较相近,那么这样使很发生链接错的情况的。

而Justinmind应该是也体会到了Axure的这一问题,它采用的是一种拖拽的方式来实现页链接的设置。但是这似乎并没有真正的解决可视化的问题。因为,这个表示拖拽的图标实在太小了。

justinmind (1)

如果说Axure和Justinmind比较相似,那么Proto.io和Mockplus也应该是一见如故了。两者都采用了拖拽链接点的方式来进行页链接设置的操作,而且这个拖拽的过程是有明显的链接线显示的。这就大大提高了可视化,从而降低了操作的难度。更加可贵的是,Mockplus中组件的链接点在停留在页面上的时候还会显示该页面的缩略图,这使得错误链接的可能性降到了最低。

Mockplus

组件交互设置:速度差异开始变得明显

这里的设置中,四款工具的在交互设置上的速度差别就体现出来一些了。Axure在这里采用的方法是点击添加用例,然后弹出一个设置的面板,在面板中选择对应的命令,交互动作,和动效。Justinmind还是察觉到了Axure这里设置的不方便,但是,就像页链接的设置一样,Justinmind也还是没有拿出更好的解决办法。设置中Justinmind沿用了Axure的模式,只是在选择的过程中采用了下拉菜单。虽然在选择目标时使用了可视化的窗口,但并没有从根本上解决操作繁琐的问题。

Axure

反观两个年轻人,Mockplus和Proto.io在组件交互设置的模式上使用了更加简单快捷的拖拽,也就是在各种工具中流行的Drag-and-Drop。只是简单的对链接点的拖动就可以实现组件之间的交互。Mockplus的命令选择相对更加直接,Proto.io的交互命令可能还需要在进一步的进行调整。这种在交互设置上的拖拽模式和高度的可视化,使得操作中目标更加明确,动作更加清晰,Proto.io的组件大纲的功能也使得组件之间的关系更加有条理。Mockplus也在计划推出相应的功能,这里我们一起期待一下吧。

protoio

组件交互状态设置:Mockplus只需三秒。

作为一款新兴的原型设计工具,Mockplus不断强调自己快速和敏捷。在大部分原型设计工具软件没有为组件的交互状态单独设置功能选项的时候,Mockplus已经有了相对完善的组件交互状态设置的体系。主要的操作体现在属性面板中,这个闪电一样的标志就是交互状态设置的按钮,在弹出的面板中,可以设置鼠标经过和鼠标落下两种状态。而并不是像Axure、Justinmind或者Proto.io那样把交互状态作为一种组件之间的交互来设置。这个功能看似简单,但是它从这一个方向推动着原型设计向着更简单、更快速靠拢。像这样改变颜色的交互状态设置,三秒足够了!

Mockplus2

我们不可否认,Axure和Justinmind在功能的全面性上确实占有优势,但是我们也一样能够像Mockplus这种新兴的力量的崛起。随着行业发展,大家对原型设计工具需求和要求不断提高,希望这样的新力量会带给我们更多的惊喜。

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

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

相关推荐

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

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

    2015-12-25
  • 2015年新起来的APP新贵们,进来瞅瞅都是什么APP在“火”!

    一时兴起,统计2015年以来新发布的,或是从2015年开始快速崛起的,日活稳定在20万+的APP,一共找到了16款。以下数据为粗暴的估算,不准确很正常,不准确憋找我! ┃视频类 熊猫TV,视频直播平台,CEO王思聪,200万量…

    2016-04-08
  • 赤兔VS脉脉,产品分析、设计是否能驱动产品?

    一、行业综述 随着互联网浪潮的袭来,职场人士已经越来越不满足于传统低效率的设计方式,他们想要快速交友,快速达到自己的潜在目的(找工作、挖人、营造个人品牌等),这部分人群一直都是一个巨大的市场。 领英在2…

    2016-03-09
  • 如何从3个方面判断是否做交互动画

    IOS 7出来后,交互动画立刻成为设计师的抢手货,有关动效设计的教程都趁势火了一把,但是很少有人讨论到底该不该做交互动画,如果做,为什么?今天终于有同学分享了他的观点,一旦符合文中提到的3个方面,那死心塌…

    2014-09-28
  • Justinmind权威指南:基础-Justinmind需求面板的使用

    Justinmind权威指南 之 基础-Justinmind需求面板的使用 ​根据Justinmind 中国官方合作机构hansky的介绍:Justinmind是“需求可视化工具”,能够为使用者提供全面的原型建模解决方案,通过该方案,用户可以在正式进行…

    2015-08-10
  • 关于Axure rp的相关介绍

    Axure RP 能帮助网站需求设计者,快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发。 Axure正确的英文发音应该是(ak sh…

    2014-09-09
  • Axure RP 8.0初体验 更快更爽的制作原型

    Axure RP 8.0 已经发布了,相信很多同学已经下载。没有下的可以看这个文章:Axure 8.0正式版发布,下载文件、汉化包、激活码在这里~! 但V8版本到底表现如何?新增了什么新特性,有什么用处?来自产品100的这篇文章…

    2016-05-09
  • 国外设计师眼中的原型工具Mockplus

    今天,我们评述一款新型设计工具,Mockplus,专为设计师而打造的创新性原型设计工具。Mockplus适合于各种应用软件的制作,无论是手机应用,网页应用,亦或是桌面应用,方便快捷。让我们先来看一看为什么说Mockplus…

    2015-10-21
  • 干货:关于响应式布局

    【导读】响应式布局是在如今屏幕尺寸越来越多样化趋势下的解决之道,但是该如何去做响应式布局呢? 在谈响应式布局前,我们先梳理下网页设计中整体页面排版布局,常见的主要有如下几种类型: 布局类型

    2015-03-19
  • 互联网产品开发阶段,几个典型阶段

    在互联网产品开发阶段,通常要经历以下几个典型阶段:确定用户需求和产品目标、概念设计、原型设计、界面设计、信息设计、视觉设计、前端开发、用户体验测试、产品完善、产品发布等过程。当然,这些阶段的划分有时…

    2015-12-23