JustinMind交互事件说明书!

转自:阿西博客

1.事件与交互

事件是JustinMind的一个关键功能,Justinmind Prototyper的事件由两个主要部分组成:一个是事件的触发(或用户事件),另一个是一组操作。每一个事件必须在屏幕上定义一个特定的元素,这将作为事件的触发源。

image

这个就是事件窗口,在上文的主界面介绍中有过简单的介绍。

image

交互动作按照顺序依次排列下来,执行的顺序从上到下一目了然。       每个交互动作中有很多的操作,这些操作是从左到右依次执行的。只有这些操作执行完成后,才会到下一个交互动作。

2.关于链接的设置

image

使用链接最简单的操作就是,例如,点击Button跳转到Screen3,那么直接将Button拖拽到Screen3上面就可以了。

3.下面列举了一些常用的事件,可以看出来JustinMind的图标还是非常形象化的:

On Click: 当用户单击鼠标左键并松开

On Mouse Up: 当用户释放鼠标按键

On Mouse Down: 当用户按下鼠标按键

On Double-click: 当用户双击鼠标左键

On Right-click: 当用户单击鼠标右键并松开

On Toggle: 当用户单击鼠标左键后,自定义的事件将被执行。用户再次点击后,事件将被还原

On Mouse Over: 当用户鼠标位于所定义区域之上

On Mouse Enter: 当用户鼠标进入所定义区域

On Mouse Leave: 当用户鼠标离开所定义区域

On Drag Start: 当用户按住鼠标左键并拖动至少5像素时

On Drag: 当用户按住鼠标左键并保持鼠标移动时

On Drag Stop: 当用户停止移动鼠标并且松开鼠标右键

On Key Up: 当键盘按键被释放

On Key Down: 当键盘按键被压下

On Swipe Up: 当用户一根手指向上滑动

On Swipe Down: 当用户一根手指向下滑动

On Swipe Left Up: 当用户一根手指向左上方滑动

On Swipe Left: 当用户一根手指向左滑动

On Swipe Left Down: 当用户一根手指向左下方滑动

On Swipe Right Up: 当用户一根手指向右上方滑动

On Swipe Right: 当用户一根手指向右滑动

On Swipe Right Down: 当用户一根手指向右下方滑动

On Pinch Open:当用户两根手指互相张开滑动

On Pinch Close:当用户两根手指收缩活动

On Rotate Left: 当用户两根手指向左旋转滑动

On Rotate Right: 当用户两根手指向右旋转滑动

On Tap Hold: 当用户手指按住屏幕超过2秒

On Orientation Portrait: 当设备由横屏切换为竖屏

On Orientation Landscape: 当设备由竖屏切为横屏

On Change: 当元素的值通过用户的直接操作发生变化时

On Focus In: 当输入框获得焦点时

On Focus Out: 当输入框失去焦点时

On Page Load: 当页面加载时

On Page Unload: 当用户离开页面时

原创文章,作者:Smiler李想,如若转载,请注明出处:https://www.iamue.com/4116/

(0)
Smiler李想Smiler李想
上一篇 2015-03-05 13:10
下一篇 2015-03-10 11:13

相关推荐

  • 译文 | 结合用户体验设计和心理学来影响用户行为的发生/改变

    你是否曾经困扰为什么你的用户总是不按你设计的思路来操作产品?成功说服用户去操作某个功能,比如注册或者购买产品,对于任何一个产品来说都是很有难度的,尤其当这些行为是你的产品的核心功能时。“设计并非设计外观,感觉如何,而是设计产品的工作原理。”

    2017-05-27
  • 用户体验设计流程与文档编制指南

      文档编写有助于产品的概念形成、设计、创造和性能衡量。但是,编写文档的目的不应单单是为了产品维护。毕竟书面上的东西再多也没法跟真正的产品体验相提并论。 正如简约用户体验倡导者Jeff Gothelf在Smashin…

    2014-11-20
  • 产品经理黑魔法 | 自启动与后台

    最近写黑魔法上瘾了,每天稍微有点空闲,Glen都在思考互联网行业都有哪些黑魔法。有机会大家还可以探讨一下魔咒课、魔药课、占卜课等哈利波特魔法课程。

    2017-06-03
  • APP设计:那些打动人心的设计点(4)

    你好,这是2017年的第12篇文章。自从写了这个系列,每天除了吃饭睡觉工作,其余的时间都在用各种APP,观察各种产品。在同质化越来越严重的今天,这些产品的微交互,是用户喜欢或讨厌一个产品的重要原因,不容被忽视。

    2017-05-04
  • seeds对话未来丨“用户交互设计天才”Kaveh Shirdel

    对话未来丨seeds系列分享会seeds, 由蔚来原创打造,是一个分享有趣观点、新知与灵感的讲堂,它寓意着每一个思想的火花都像一颗种子,被灵感浇灌后,汇成大树。2015年3月seeds诞生,从一个面向蔚来全球员工的内部讲演平台,发展到不断吸引各行各业的主讲人,并且在蔚来App公开直播的产品。到目前为止,seeds 已举办了13场演讲。今年,seeds会走进我们各个城市的蔚来中心,成为常设活动。我们也欢迎各位用户成为seeds的主讲人。人...

    2018-04-29
  • 抽屉式导航怎么用?这4种场景教你正确的设计姿势

    …上图的 APP 将选项卡(tab row)变成抽屉式导航菜单(drawer menu),用户在相应功能间的切换率急剧下降。…很多用户还没有建立起相应的心理模型(尤其是抽屉式或者汉堡包菜单)尽量将 APP 的核心功能放在用户可以看得到地方。
    ——能露出来, 就别藏着触摸操作中,手势永远要比点击优先级低。现代触摸操作习惯毕竟只流行了几年,然而传统PC上的操作习惯已经实行了将近20年。所以通过滑动来切换Tab不会比点击切换来的直观。
    ——石头们

    2017-05-30
  • 设计实战案例!谈谈网易严选企业购的交互设计

    网易UEDC – 柴蒙:企业采购是现今市场经济下一种最主要最主流的采购形式,其特点是大批量采购商品。传统的企业采购方式不可避免地会带来如回扣、效率低、采购过程不透明等诸多问题。

    2017-09-21
  • 交互设计师的60日计划之第九天

    今天参与了用户访谈,啊不,是旁听了用户访谈,躲在小黑屋里观察用户的表情动作,听他的描述,挺有趣。 20150805 用户和我们预想的完全不同前两天有讲过准备了访谈前的一些问题和任务提供给用研同学,今天真的见到…

    交互专题 2015-08-20
  • 当与需求方争论时,UX 设计师的正确姿势该是怎样的?

    在我们平常的设计工作中,和需求方产生各种争论的情况很常见,双方都比较偏执强势的时候,很容易陷在各自的立场中,谁也说服不了谁;如果设计师本身就离自己负责业务的用户有一定距离(比如大多数的 B 类产品),就更容易在需求方面前陷入被动。这种时候,我们更需要从自己的专业思考角度走出来,用科学的方式去收集、分析、定位、验证问题,洞见问题本质,来和对方更好地达成一致。产品经理 A:我们的首页好久没改版了,要不要来点动作?
    设计师:好啊好啊,我也正想和你提议呢,早就看不下去了!
    (省略双方需求沟通过程若干字)
    ***进入设计评审阶段***
    运营:哎,这个内容对我们推广 XX 很重要的,怎么能去掉呢?
    产品经理 B:我负责的这块业务你是不是漏掉了,要首页首屏重点透出!
    产品经理 C:你要考虑万一某某用户来访怎么办,他们的诉求得满足~
    老板:我需要什么什么感觉,没体现出来啊!
    设计师:塞这么多东西用户都想看吗?
    众人:我不管,这块内容很重要的!
    ***设计师吭哧吭哧改了一版新的***
    众人:感觉好复杂啊!是不是还是别改了……当所有人都觉得一匹更快的马已经够用时,该如何说服他们接受相对昂贵、不容易习惯的汽车呢?

    2017-05-02
  • 交互设计工作坊探秘 | WTM 2018 实录

    重构购票流程的信息架构假期将至,你打开再熟悉不过的订票网页,輸入出发日期、目的地、人数,选择了最合适时段的火车票,预定、付款,整个过程不超过 3 分钟。关闭网页后,你甚至不会记得支付后的画面到底显示了什么,因为这一切流畅的就像呼吸般的自然。4 月 14 日,我们邀请到了春秋航空的高级交互设计师——程琳琳,带领一群对交互设计有热情的伙伴们,以欧洲铁路局的项目为范本,一起重现购票流程的信息架构,让大家了解这流畅的购票交互设计是通过什么方法一...

    2018-04-28