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

相关推荐

  • 腾讯高级交互设计师的自我总结

    ——关于转岗、给新人的建议、交互与产品设计、腾讯ISUX的总结 1.能聊聊您从网页设计师变成前端工程师再转为交互设计师的过程么,有什么建议能给和您一样自学交互的同学呢? 答:回想起来挺有意思,过程很丰富,说明…

    交互设计 2015-12-01
  • 【案例】菜鸟裹裹如何打造双11极致物流体验

    作者:CNUX设计实验室(菜鸟无线UED团队)   如往年一样,2016年的双十一如期而至。当大多数人都在关注、鼓励你买买买的时候,有多少人关心你盼望包裹的那种期待?有多少人能体会你等待包裹时的焦虑?有多少人理解…

    交互专题 2017-08-07
  • 手机端官网设计:适配还是不适配,这是个问题

    Pc端使用平台:手机端使用平台:红米2增强版 自带浏览器 MIUI6.6.2.0(KHJCNCF)|稳定版

    2017-05-31
  • 【交互设计-UX/UE】数据加载

    数据加载是设计中比较容易忽略并且又比较重要的环节,以一种合适的方式告诉用户正在发生什么,将会发生什么,让用户对于加载后的内容有明确的时间预期,减少用户的等待感,尽可能消除焦躁情绪。 一、6种常见数据加…

    2016-08-03
  • 交互设计与服务设计视角下,谁才是用户,什么又是产品?

    服务设计,是2017-2018比较火热的一个专业了,相比于交互设计或工业设计,服务设计更关注与利益相关者之间的关系。今年的Aalto New Media 专业的申请中,有明确要求需要根据两篇文章的读后感写一篇Essay(1),其中一篇是“How to Fix Facebook—Before It Fixes Us(2)”,深入阅读之后,有一个明确的观点想和大家分享一下。之前从交互式设计角度或者用户研究角度对于 Facebook 的分析文...

    2018-05-02
  • 从事交互设计3年多,聊聊交互设计师的核心价值

    很多同行说交互设计 师就是要对用户体验负责,这点我当然是非常认同的。但是交互设计 师并不是独立的个体,虽然我们时常和产品、运营、开发因意见不同而产生争论,但站在公司层面来说,我们和产品、运营、开发等部门是一个大团队,我们既服务于用户又服务于大团队,服务于公司的商业价值。如果你只谈用户体验可能会不赚钱,只讲商业目标则会失去用户,用户体验和商业目标是需要保持平衡的。

    2017-09-16
  • Sketch导入图片丢色、变白解决方案

    周五晚上回家作图遇到点状况,折腾了半天才好。整理一下发出来,估计有人用得上。以下内容为磨磨叽叽的瞎逼逼顺序,着急解决问题的同志可以快速下滑,会有提示周五到家日常打开电脑作图,做的做的发现不对劲,之前导入进来的图片好像不正常了。如下图一开始还以为是不小心降低了透明度,cmd+左键,发现没降。再想可能是加了纯色,看了一眼属性,也没有叠加颜色。醉了,这什么鬼。我一看既然不成那就算了。重新再导入一张图片,这张后入的是好的。没当回事,接着做图。过...

    2018-04-25
  • 帮UX新人摸清用户体验设计各岗位的典型特征【UXRen译#172】

      作者:Christian Beck  |  翻译:小蟹,校审:Duke   当我面试刚从学校毕业的准设计师时,我总是问他们:“当你被指派到一个新的项目时,你希望做哪一部分的工作,哪一部分的工作又是你心里祈祷别人会做的?” 众所…

    交互专题 2017-08-07
  • 按钮体验设计:最佳的感受,形式和状态

      按钮体验设计:最佳的感受,形式和状态 按钮是一个普通的,几乎我们每天都要接触的设计元素.除了这个,由于按钮是一个在网页或者app上创造流畅的会话流体验的必不可少的元素,所以它值得我们为按钮这样最基本的元…

    2016-03-24
  • 有哪些常见的移动端UX设计误区需要规避?

    我们手机里面装满了各种各样的APP。安装这些应用,我们的初衷是让我们的生活更加便捷。但是当这些应用无法满足用户的需求的时候,用户自然而然会离开,并寻求更好的解决方案。一个成功的应用包含有诸多元素,而其中的用户体验设计 则起到了决定性的作用。在残酷的竞争中,用户体验 往往是决定成败的核心。

    2017-05-22