童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

交互开始的第一步:触发器详解

3月19日 相思宫投稿
  最好的触发器应该是符合情景的,体贴用户的,触发器的控件应该与其要传达的状态匹配,且引人注目的程度要与其使用频率匹配,标签也应该简洁明了,通俗易懂。
  触发器是交互开始的第一步,是任何能启动交互的东西。在互联网的世界中可以根据用户行为分为主要的两大类:手动触发器和系统触发器。
  手动触发器:由用户发起,主动行为触发,来自用户的期待或需求。可以是控件、手势、声音、触摸等。
  系统触发器:满足一定条件后通过系统判断触发,通常需要监听,如距离感应器等。
  触发器原则
  1。触发器必须让用户在使用情境中一眼认出是触发器
  当用户接触到一样东西的时候,会有一个认知过程,通过这样东西带给自己的感受,在大脑中搜寻类似的物品,再对此加以判断。比如早期的拟物化设计,产品中的按钮一定是带阴影的样式,让用户一眼看上去就知道是按钮,有点击的欲望。
  如图,开启分享的按钮很容易教育用户
  2。保证触发器每次都触发相同的动作
  用户使用产品会存在一个学习过程,当用户通过一次触发器得到反馈之后,用户会将这次行为记忆下来,早起的电子产品用户学习的成本非常高,正是因为用户需要记住每一次,点击哪里,会有什么样的结果。想让用户流畅地使用产品,需要保持相同的触发器触发相同的动作。除非是给用户惊喜的地方。
  3。提前展示数据,反映交互包含的数据
  简单地说,就是让用户知道会发生什么,发生了什么,最后的结果。比如一个下载按钮,文案提示一定是“下载”,点击之后会显示下载中或下载进度,下载完成后会显示下载成功下载失败。
  当控件处于不同状态时:
  一个状态一个按钮或简单手势足够
  两个状态拨打开关较为合适
  多状态通过键盘等操作
  范围连续动作,滑动态或者拨号盘
  多控件组成的触发器尽量少用
  4。不要破坏视觉使用情境
  如果触发器看起来像按钮,那么它就应该像按钮一样可以被点击。
  5。用的越多的触发器越要引人注目
  多数人经常要用的微交互,应该最引人注目
  少数人有时会用的微交互,应该容易注意到
  极少数人不常用的微交互,应该通过搜索找到
  人注意周围环境的情况分两种
  正在移动或有声音的,人天生对听觉的反应速度快于视觉。
  主动搜寻,人在寻找东西时,视野会变窄,专注于辨别物体,对环境中的事物会下意识地识别和归类。人在识别物体时,会从基本的几何体开始分析,而现实中的物体也往往可以分割为各种简单的几何体,越简单的几何体越容易被用户在第一时间识别和记忆。
  6。不要引起用户对使用情境的错觉
  微交互的目标就是把识别成本降到最低,别让用户猜触发器怎么工作。
  最引人注目的触发器依次是
  移动的物体,比如产生动作特效的图标
  带使用情境和标签的物体,比如带标签的按钮
  带标签的物体,比如带标签的图标
  只有一个物体,比如单一的大按钮
  只有一个标签,比如菜单项
  什么都没有,不可见的触发器
  无论什么交互界面都不可能保证所有的东西都能被立即发现,隐藏过一些东西可以让屏幕或物体看起来简单,同时还不会舍弃功能。
  如图,讲简单的代表信息展示出来即可
  不可见控件能够起到强调可见控件的作用,让重要和不重要的控件得以区别。最好的微交互应该具有恰到好处的界面,而不是控件越多越好。
  不可见的触发器应该能过轻易记住,当触发过一次不可见的触发器后用户只能依赖自己的记忆将其再次启动,比如,下拉刷新等。
  除非真的没有地方或屏幕空间,否则不要把不可见触发器用于最高优先级的微交互。
  7。仅在触发器本身无法提供相应信息的情况下才使用标签
  如图,设置按钮已经很明显了,就不需要再加上标签说明
  标签:
  对某些触发器而言,标签也非常重要,标签可以作为微交互的名称或状态指示器,标签表明状态,说明动作,帮助用户确定是不是在执行自己要做的事情。
  如果在已经较为复杂的界面,标签会增加触发器的复杂性。如果担心会引发歧义,那就不要使用标签。
  微交互的目的在于清楚明确地传达功能,标签需要清楚明确,同一功能的标签需要统一,标签的设计需要简洁明了。
  控件:
  控件的状态一般分为以下几种
  默认状态:不活动的空闲状态。
  活动状态:如果后台有活动,可以通过触发器来表示。
  悬停状态:web端一般可以通过鼠标悬停来做到,而移动端可以通过状态体现。
  反转状态:用于表示存在或活动,可继续操作。
  鼠标单击手指点击进行中:通过动作启动微交互,可以让触发器消失,文案变化等。
  切换状态:通常应用于切换按钮上,点亮表示按钮打开。
  设置状态:开关和滑动条可以体现微交互当前的设置和阶段。
  系统触发器:
  系统触发器无需用户介入,只要满足条件就会自动触发。
  常见的启动条件有
  用户操作或系统出现的错误
  需要获取用户地理位置相关或满足地理位置
  收到数据
  内部数据
  其它微交互
  最好在设置中提供选项让用户能够调整系统的触发器
  系统触发器规则:
  启动的时间需要合适,不能打断用户的日常使用,在设定启动的时间时需要考虑尽可能多的用户使用场景
  启动频率适当,启动太过频繁对用户也是极大的干扰
  系统出错状态的交互也需要合理提示用户,不要给用户太生硬的提示
  通过数据可以很好的了解用户启动的触发器。
  最好的触发器应该是符合情景的,体贴用户的,触发器的控件应该与其要传达的状态匹配,且引人注目的程度要与其使用频率匹配,标签也应该简洁明了,通俗易懂。
  一切规则的前提,触发器要能把用户带到实际的交互之中。
投诉 评论 转载

花了7天看了上千个交互动效神作,我总结出5个技巧对一个全无经验的动效新手而言,如何制作出正确而不是华丽的动效?今天这篇Medium上的好文,从克制、交互叙述流程、一步完成、不是动效的错和把握细节五个方面,附上案例分析,帮你学……从一次活动设计聊聊交互设计师的3个阶段我习惯把一次设计中的阶段性方案保存下来,这便于我回忆设计是怎么一点一点被优化的,也便于我整理设计过程中一些具有共性的问题。今年初我们联手中国电信做了一次送听歌流量的活动。把这个……译文iOS10人机界面指南(二)iOS10发布了,苹果遵循了一切从简但又增加了一些提升用户体验的功能,比如向开发者开放了更多接口,设计者又如何跟随iOS的步伐做好产品设计呢?2。交互(Interacti……如何设计移动端的文本输入框?基于移动设备的ux设计有很多难点。其中最大的设计挑战之一是在有限的屏幕空间上解决点击输入的问题。对于ux设计师、开发人员和产品经理来说,让这个过程变得易于用户使用就显得至关重要……交互新人,请不要再犯这几个错误了!不知不觉,我已经正式在交互设计的路上越走越远,了解得越多,就觉得交互设计需要学习和掌握的知识越多;同时犯的错也会越多。然而犯错并不是一件坏事,怕的是犯过的错误不能够被积极地思考……100个弹框设计小结最近2年一直在做WebApp相关项目,设计过上百个弹框,其中总结了一些心得,将透过以下文章介绍弹框在Web上的各种应用技巧及表现。什么是弹框?弹框是一种交互方式,用……iOS系统设计细节人性化带来更好的产品设计从今年3月份使用苹果以来,偶尔会在某个不经意的瞬间,感受到ios系统设计的人性化之处,深刻感受到了简约不简单的魅力。总结ios系统的设计:以更接近人们的常规思维和感知去设……iOS10锁屏交互大改,是革新还是灾难?本次更新除了锁屏交互的调整,也添加了一些更实用的小功能:例如删除系统软件、夜间模式等。虽然beta1版本体现出的诚意还不够,但是我相信两个月后的iOS10正式版会令多数人满意。……音乐社交的本质从云音乐引发的产品思考社交虽常见,但音乐真的适合社交吗?音乐社交存在哪些特殊性?如何利用音乐来社交?可能你常常使用云音乐,却不曾想过这些问题。现在来看看作者对这些问题的思考吧。掐指一算,从实习……有哪些常见的移动端UX设计误区需要规避?我们手机里面装满了各种各样的APP。安装这些应用,我们的初衷是让我们的生活更加便捷。但是当这些应用无法满足用户的需求的时候,用户自然而然会离开,并寻求更好的解决方案。一个成功的……交互开始的第一步:触发器详解最好的触发器应该是符合情景的,体贴用户的,触发器的控件应该与其要传达的状态匹配,且引人注目的程度要与其使用频率匹配,标签也应该简洁明了,通俗易懂。触发器是交互开始的第一步……关于微交互动效的“六脉神剑”好的产品必备的两点要素:功能和细节设计。功能吸引用户使用你的产品,细节设计塑造产品的差异化,将你的用户留下。功能满足需求,细节打动人心。什么是微交互?微交互是产品中……
分享SEO优化方法与思路的干货优帮云建站优化团队为企业提供专业360度营销服务改善网站页面不收录的方法如何做动态页面SEO优化网站?如何在网络推广排名优化中分析竞争对手?四种搜索引擎吸引蜘蛛的SEO优化方法运用SEO优化技术减少网站排名的影响因素汇总网站建设时可能遇到的SEO优化问题什么样的关键词适合做企业网站优化?关键词的热度决定了搜索引擎优化的难度为什么网站页面设计会影响搜索引擎优化?分析网站数据,解决关键词排名和流量问题客服如何应对买家咨询留住买家的话术秘籍fancy是什么意思fancy的意思为什么孕妇情绪波动大射手座男生怎么追成熟魅力大放射女性外阴瘙痒的原因及八大预防妙招农药残留体内怎么去除移交造句用移交造句大全年销售人员个人工作总结睾丸太小有可能会影响生育的我的小霸王弟弟作文范文600字秋葵的做法秋葵怎么做竞聘校长的演讲稿

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界