平庸的产品和伟大的产品中间只隔了一个
 - 微交互

用户头像
北京/设计爱好者/5年前/148浏览
平庸的产品和伟大的产品中间只隔了一个
 - 微交互

用户从微交互提供的视觉、触觉等反馈中确认他们的行为被接受。微交互还可以引导用户正确的使用系统/产品

近期整理了一下之前总结的一些文章与经验结论,分享给大家;期望能够帮助到你 - 有缘人:

今天呢;就来分享一下有关于微交互方面的一些小知识;


大致分为 1-什么是微交互?2-微交互的作用及结构分析


不喜勿喷,欢迎同僚伙伴们一起沟通探讨 ~


一:到底什么是微交互 ???


1、“微”意为细节,微交互则是指交互中的细节设计。微交互是指以任务为单位,它只涉及一种使用场景,体现为只完成一种功能。


2、Dan Saffer(丹·萨弗)在他的书中(Microinteractions - 微交互)第一次描述了微交互的概念,微交互的小细节专注于服务这些必要的功能:


    沟通反馈或呈现采取行动的结果。


    完成一项个人任务。


    增强直接操纵感。


    帮助用户可视化其操作,并防止用户犯错:比如说某一行业移动端键盘设计啊等等 ✨✨



二:那么,了解到了微交互是什么之后;又迎来一个问题,我们为什么要使用微交互呢???


微交互是在对用户一些自然的需求/欲望的认知和反馈。用户从微交互提供的视觉、触觉等反馈中确认他们的行为被接受。微交互还可以引导用户正确的使用系统/产品。奥?原来是这样啊 ~


三:知道了微交互的作用,那么微交互如何进行拆分,结构有哪些呢?


1.1:首先我们先来说说 - 触发器是什么?


简而言之,第一种即为手动触发

由用户发起,主动行为触发,来自用户的期待或需求。


例如:可以是控件、手势、声音、触摸等。


手动触发器是什么我知道了,那具体手动触发器的原则是什么呢?

  • 触发器必须让用户在使用情境中一眼认出是触发器

  • 保证触发器每次都触发相同的动作

  • 提前展示数据,反映交互包含的数据

  • 不要破坏视觉使用情境

  • 用的越多的触发器越要引人注目

  • 不要引起用户对使用情境的错觉

  • 仅在触发器本身无法提供相应信息的情况下才使用标签


那第二种则是系统触发:

系统触发器无需用户介入,只要满足条件就会自动触发。


例如:用户操作或系统出现的错误、需要获取用户地理位置相关或满足地理位置、收到数据、内部数据;


系统触发器更依托于规则:

  • 启动的时间需要合适,不能打断用户的日常使用,在设定启动的时间时需要考虑尽可能多的用户使用场景

  • 启动频率适当,启动太过频繁对用户也是极大的干扰

  • 系统出错状态的交互也需要合理提示用户,不要给用户太生硬的提示


规则决定了触发之后会发生什么事情


1.2:规则有哪些呢???


规则包含:

  • 规则流程(明确目标,达成目标需要哪些步骤)

  • 生成规则(将目标完整流程记录,完善整个规则)

  • 屏幕状态

  • 设计前准备(情景和行为)

  • 理解复杂性(复杂守恒定律:所有活动都有内在复杂性,超过了某个零界点,简化是不可能的)

  • 控件与用户输入(控件的选择需要权衡易操作和易辨识、用户输入应该考虑根本不让用户犯错,甚至可以减少用户的控制和输入)

  • 微文案

  • 算法(顺序、决定、重复、变量)


1.3:-反馈


让用户知道发生了什么。任何用户在微交互发生的时候看到的,听到的,感受到的都是反馈

反馈是微交互最直观的体现,反馈决定了微交互的特质与个性


对于用户而言,提供的反馈通常是要告诉用户


  • 告诉用户发什么了什么

  • 用户刚刚做了什么事

  • 哪些过程已经开始了

  • 哪些过程已经结束了

  • 哪些过程正在进行中

  • 用户不能做什么


什么时候给用户反馈 -1

最好的反馈永远是简单易用的

反馈体现个性(个性可以宣传品牌效应、让产品更具人格)

反馈方法(视觉、听觉、触觉)

编排微交互重要度


什么时候给用户反馈 -2


  • 手动启动触发器之后或者手动调整规则之后(包括期间)

  • 微交互(或周边功能)的状态因为系统启动触发器而发生显著变化时

  • 用户突破(超越)了规则时

  • 系统不能执行用户命令时

  • 在关键时刻/过程,特别是需要花较长时间的操作中需要反馈给用户对应的进度

  • 过程的开始和结束

  • 模式的开始或结束,或是切换了模式时


反馈设计的思考原则有哪些?

  • 掌握用户什么时候需要知道什么信息

  • 让用户理解微交互的规则

  • 选择需要通过反馈传达信息,再选择正确的一个或多个渠道

  • 关注用户使用情景,反馈是否能随之改变

  • 坚持以人为本

  • 使用既有的UI元素传达反馈信息

  • 不要随意给用户添加反馈,把反馈与控件关联,或通过其引导用户行为

  • 尽可能的对用户发起的动作采用视觉反馈


1.4:循环和模式:

循环和模式决定了什么状况下微交互会再次出现,条件变化的时候,微交互会怎么随之变化


循环:

1.计数循环:重复既定次数的循环

2.条件循环:在满足条件的情况下反复执行的循环

3.集合循环:会遍历集合中的每个值

4.无穷循环:除非出错或者被人强制停止,否则永远不会结束。


开放循环:执行完就结束,不响应反馈。

封闭循环:有内置反馈机制,可以自己调整。

长循环:持续时间与微交互所在设备一样长,甚至更长的循环,可以在长周期内渐近揭示新功能或减少


好,停止:总结一下,今天主要了解了什么是微交互,以及微交互的作用及其结构信息;下一篇我们会更加详细的对微交互进行知识延展;也欢迎同僚一起探讨学习;共同努力;


加油 ~⛽️





4
Report
|
5
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
大家都在看
Log in