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

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

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

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

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


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


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


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


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


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


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


    完成一项个人任务。


    增强直接操纵感。


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



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


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


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


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


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

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


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


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

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

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

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

  • 不要破坏视觉使用情境

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

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

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


那第二种则是系统触发:

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


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


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

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

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

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


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


1.2:规则有哪些呢???


规则包含:

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

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

  • 屏幕状态

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

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

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

  • 微文案

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


1.3:-反馈


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

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


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


  • 告诉用户发什么了什么

  • 用户刚刚做了什么事

  • 哪些过程已经开始了

  • 哪些过程已经结束了

  • 哪些过程正在进行中

  • 用户不能做什么


什么时候给用户反馈 -1

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

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

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

编排微交互重要度


什么时候给用户反馈 -2


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

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

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

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

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

  • 过程的开始和结束

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


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

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

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

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

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

  • 坚持以人为本

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

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

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


1.4:循环和模式:

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


循环:

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

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

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

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


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

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

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


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


加油 ~⛽️





4
举报
|
5
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
钱包ui模板
【新年UI图标】活动icon
【新年UI图标】旅行icon
森系3D渐变流体抽象矢量UI背景图
高级感金属拟物 UI设计组件库
APP/小程序商业项目UI模板|99个高保真UI+79个原型
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
UI通用设计素材1
新拟态风格 UI设计组件库
UI应用平面图标
户外旅行飞机情侣假日出行
UI 登录界面设计模板包
【新年UI图标】体育icon
盲盒APP UI设计
【新年UI图标】汽车icon
新能源APP应用UIKit
【新年UI图标】美食icon
手表表盘UI系列
高级表盘系列UI源文件
UI界面 组件
【新年UI图标】钱包icon
Security Camera UI kit
【新年UI图标】积分icon
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册