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

相关推荐

  • 预算少时间紧还要出色的用户体验?看来只有试试精益设计了!

    低成本,高效率,还能把友商比下去的用户体验——全世界老板的目标都是一样的!问题是,这现实吗?先别着急否定,也许,精益创业方法系统中的精益用户体验设计可以帮到你。是时候淘汰预先大量设计、单打独斗、各个专业团队将交付文档甩给对方这些传统的用户体验设计了——把精益创业法与用户体验(UX)设计结合起来,共同成长,互惠共存——这就是Lean UX。三原则Lean UX 从精益创业法中吸收了三个基本原则。首先,它们能帮助我们简化 UX 设计流程。我...

    2018-05-04
  • 帮你创造优质移动端UI的7项最佳实践

    在几年前,关于网页和APP谁做主导的话题还很热,但是现在看来,APP无疑已经是为用户提供内容和服务的主流了,它是用户最信赖的内容和功能的呈现方式。于是,随之而来的问题就是如何在竞争无比激烈的市场中,让你的APP在诸多同类中脱颖而出,并且让用户留在你的APP当中。留白常常被认为是一个活跃的元素,而非被动存在的间隙和背景。—— Jan Tschichold小贴士:有效的移动端APP信息推送策略是采用多种类型的信息推送机制,推送通知,电子邮件,应用内通知,新闻Feed等。多样化的信息推送通过合理的协调,创造良好的用户体验。

    2017-05-15
  • 3月19日部分上海实习信息汇总

    2018“猎萝卜”校园宣讲会 松江大学城专场人立方智能科技有限公司时间:3月22日 18:00-20:00地点:上海对外经贸大学 B303上海人立方智能科技有限公司,专注于人工智能与人才招聘,中国人力资源行业领军企业50强。猎萝卜(www.lieluobo.com)是公司创立于2017年的智能猎头招聘平台,服务于互联网、金融这两大领域国际知名客户及500强企业。平台上汇聚上千家优质的猎头公司,通过人工智能算法的引导,精准匹配中高端人才需...

    2018-03-19
  • 优设访谈|腾讯高级交互设计师C7210的十年设计路

    编者按:本期访谈人物大家都应该都有所耳闻,知名设计博客Be For Web作者@C7210 ,先后就职于博客大巴、Tom集团和大众点评网,现为腾讯ISUX高级交互设计师,从视觉设计、前端、重构,到交互设计,无一不通。当然,…

    2015-11-03
  • 不同用户体验渠道的无缝衔接

    不管在什么渠道或设备上,无缝衔接是组成可用的多渠道体验的5大关键点之一。那些能让不同渠道之间的转换体验变得简便的公司,将拥有市场竞争优势。

    2017-05-04
  • 品牌基因法做图标——实战篇

    菜心的品牌基因法不知道大家有没有忘记,之前有写过两篇,今天来写第三篇——实战篇,根据真实的案例来再次讲述如何运用品牌基因法制作图标!如果你忘记了之前的品牌基因法(升级篇),可以先去回顾一下,网址如下:品牌基因法做图标(升级篇)

    2017-08-04
  • 来自腾讯交互设计师的分享:交互微动效设计指南

    本设计指南适用于UI界面中交互微动效,涵盖入场、出场动效,过渡动效和加载动效,在时间和缓动曲线的选择上提供了一些通用的设计建议,帮助设计师理清动效设计思路,提高设计效率。

    2017-05-02
  • 不可思议!VR虚拟现实的第一个盈利领域竟是A 片

    [alert_info] 据预测,虚拟现实色情产业到 2025 年将达到 10 亿美元。去买个虚拟现实头盔来看黄片吧。 网友评论: 太污了 我没法看下去了…… [/alert_info] 现在的虚拟现实产业就像打了鸡血一样。当你带上虚拟现实头…

    2016-01-24
  • 交互设计篇|经历一个产品从0到1我都学会了什么

    好的设计不仅能满足用户需求、提升易用性,还能弥补技术上的短板。在经过一个产品从0到1的实现后,对这一点感受的尤其深刻。下面列出几个我产品设计中的教训和收获。图书馆打印插队如果不给出理由则此行为被接受的概率为60%;如果给出一个理解则此行为被接受的概率为94%;甚至在解释原因时只提供“因为”而无实质原因的情况下,此行为被接受的概率竟然为“93%”。足见,“人就是单纯地喜欢做事有个理由”。那么,产品与用户“交流”时,就需要有个“理由”让用户看到自己行为操作与产品回应之间的解释,从而顺应操作规则从而更好的使用产品。

    2017-05-06
  • Axure绘制专题页原型

    专题策划对于SEM至关重要,如果策划及文案都搞定了,接下来如何与设计进行沟通呢,这篇文章我们一起聊聊专题页原型绘制的话题。一、Axure界面介绍Axure的使用极其简单,只需要几个拖拽动作就可以基本搞定。接下来我们实际上手用学历教育的例子,带大家一起来看看。绘制这个原型可以分为两步,首先是手机的绘制,然后是文案内容的绘制。左侧面板(快捷键:Ctrl+Shift+[),主要是元件库,将需要用到的元件,直接拖拽就可以。右侧面板(快捷键:Ct...

    2018-03-04