平庸的产品和伟大的产品中间只隔了一个 - 微交互
用户从微交互提供的视觉、触觉等反馈中确认他们的行为被接受。微交互还可以引导用户正确的使用系统/产品
近期整理了一下之前总结的一些文章与经验结论,分享给大家;期望能够帮助到你 - 有缘人:
今天呢;就来分享一下有关于微交互方面的一些小知识;
大致分为 1-什么是微交互?2-微交互的作用及结构分析
不喜勿喷,欢迎同僚伙伴们一起沟通探讨 ~
一:到底什么是微交互 ???
1、“微”意为细节,微交互则是指交互中的细节设计。微交互是指以任务为单位,它只涉及一种使用场景,体现为只完成一种功能。
2、Dan Saffer(丹·萨弗)在他的书中(Microinteractions - 微交互)第一次描述了微交互的概念,微交互的小细节专注于服务这些必要的功能:
沟通反馈或呈现采取行动的结果。
完成一项个人任务。
增强直接操纵感。
帮助用户可视化其操作,并防止用户犯错:比如说某一行业移动端键盘设计啊等等 ✨✨

二:那么,了解到了微交互是什么之后;又迎来一个问题,我们为什么要使用微交互呢???
微交互是在对用户一些自然的需求/欲望的认知和反馈。用户从微交互提供的视觉、触觉等反馈中确认他们的行为被接受。微交互还可以引导用户正确的使用系统/产品。奥?原来是这样啊 ~
三:知道了微交互的作用,那么微交互如何进行拆分,结构有哪些呢?

1.1:首先我们先来说说 - 触发器是什么?
简而言之,第一种即为手动触发:
由用户发起,主动行为触发,来自用户的期待或需求。
例如:可以是控件、手势、声音、触摸等。
手动触发器是什么我知道了,那具体手动触发器的原则是什么呢?
触发器必须让用户在使用情境中一眼认出是触发器
保证触发器每次都触发相同的动作
提前展示数据,反映交互包含的数据
不要破坏视觉使用情境
用的越多的触发器越要引人注目
不要引起用户对使用情境的错觉
仅在触发器本身无法提供相应信息的情况下才使用标签
那第二种则是系统触发:
系统触发器无需用户介入,只要满足条件就会自动触发。
例如:用户操作或系统出现的错误、需要获取用户地理位置相关或满足地理位置、收到数据、内部数据;
系统触发器更依托于规则:
启动的时间需要合适,不能打断用户的日常使用,在设定启动的时间时需要考虑尽可能多的用户使用场景
启动频率适当,启动太过频繁对用户也是极大的干扰
系统出错状态的交互也需要合理提示用户,不要给用户太生硬的提示
规则决定了触发之后会发生什么事情
1.2:规则有哪些呢???
规则包含:
规则流程(明确目标,达成目标需要哪些步骤)
生成规则(将目标完整流程记录,完善整个规则)
屏幕状态
设计前准备(情景和行为)
理解复杂性(复杂守恒定律:所有活动都有内在复杂性,超过了某个零界点,简化是不可能的)
控件与用户输入(控件的选择需要权衡易操作和易辨识、用户输入应该考虑根本不让用户犯错,甚至可以减少用户的控制和输入)
微文案
算法(顺序、决定、重复、变量)
1.3:-反馈
让用户知道发生了什么。任何用户在微交互发生的时候看到的,听到的,感受到的都是反馈
反馈是微交互最直观的体现,反馈决定了微交互的特质与个性
对于用户而言,提供的反馈通常是要告诉用户
告诉用户发什么了什么
用户刚刚做了什么事
哪些过程已经开始了
哪些过程已经结束了
哪些过程正在进行中
用户不能做什么
什么时候给用户反馈 -1
最好的反馈永远是简单易用的
反馈体现个性(个性可以宣传品牌效应、让产品更具人格)
反馈方法(视觉、听觉、触觉)
编排微交互重要度
什么时候给用户反馈 -2
手动启动触发器之后或者手动调整规则之后(包括期间)
微交互(或周边功能)的状态因为系统启动触发器而发生显著变化时
用户突破(超越)了规则时
系统不能执行用户命令时
在关键时刻/过程,特别是需要花较长时间的操作中需要反馈给用户对应的进度
过程的开始和结束
模式的开始或结束,或是切换了模式时
反馈设计的思考原则有哪些?
掌握用户什么时候需要知道什么信息
让用户理解微交互的规则
选择需要通过反馈传达信息,再选择正确的一个或多个渠道
关注用户使用情景,反馈是否能随之改变
坚持以人为本
使用既有的UI元素传达反馈信息
不要随意给用户添加反馈,把反馈与控件关联,或通过其引导用户行为
尽可能的对用户发起的动作采用视觉反馈
1.4:循环和模式:
循环和模式决定了什么状况下微交互会再次出现,条件变化的时候,微交互会怎么随之变化
循环:
1.计数循环:重复既定次数的循环
2.条件循环:在满足条件的情况下反复执行的循环
3.集合循环:会遍历集合中的每个值
4.无穷循环:除非出错或者被人强制停止,否则永远不会结束。
开放循环:执行完就结束,不响应反馈。
封闭循环:有内置反馈机制,可以自己调整。
长循环:持续时间与微交互所在设备一样长,甚至更长的循环,可以在长周期内渐近揭示新功能或减少
好,停止:总结一下,今天主要了解了什么是微交互,以及微交互的作用及其结构信息;下一篇我们会更加详细的对微交互进行知识延展;也欢迎同僚一起探讨学习;共同努力;
加油 ~⛽️















































































