什么是微交互?有哪些分类?UI界面设计中如何应用?

设计营销   2023-09-03

首先看看什么是微交互?
微交互在用户体验设计里是用户与有特定作用的数字化元素间的交互触发点,当用户触发操作时,通常会发生微交互行为。如,当您在社交媒体平台上点击“喜欢”按钮时,您可能会看到一颗心弹出或改变颜色。这不仅让您知道您的操作已被记录,而且还向其他用户表明该内容很受欢迎。虽说微交互看起来很细小,但其通过反馈、告知用户,增强了数字化产品的整体用户体验感。同时通过清晰的、直观的交互,用户能获得成就感。

微交互有什么好处?
1.即时反馈:微交互及时告知用户其操作的结果,灌输清晰度和信心,同时最大限度地减少不确定性和困惑。

2.直观指导:微交互可作为有用的指导,帮助用户导航界面并轻松完成任务。此外,他们还可以向用户介绍产品或服务的使用情况并展示可用的功能。

3.增强的可供性:通过微交互,交互元素变得明显,阐明哪些操作是可能的。此外,它们鼓励用户探索和发现新的功能和内容。

4.个性化:微交互为您的产品或服务注入享受、幽默或情感。它们还反映了您品牌的独特身份和声音,给用户留下持久而难忘的印象。

微交互的四个组成部分:
1. 触发
触发点是微交互开始的时刻。有两种类型的触发器:显式触发器,由用户启动(例如点击“喜欢”按钮);隐式触发器,由系统启动,例如根据预定义条件显示通知或自动更新信息。 创建有效触发器的关键是使其清晰、可见且直观,以便用户了解他们需要采取什么操作来发起交互。

2. 规则 规则规定了微交互被触发后会发生什么。当用户单击或点击该图标时,接下来会发生什么?他们会被重定向到新页面吗?它将把该商品添加到他们的购物车中吗?或者他们会被注销帐户吗? 关于规则的重要一点是它们必须对用户来说是合乎逻辑的,如果用户单击垃圾箱图标,他们希望删除某些内容。

3. 反馈 反馈是用户触发微交互后收到的响应。它可以是视觉、听觉或触觉(振动)。反馈应该清晰、简洁且一致,以便用户知道他们的操作导致了什么结果。 例如,当您在 Tinder 个人资料上向左滑动时,您会看到屏幕上出现红色“不”标签。此反馈让您知道您已拒绝该个人资料并转到下一个。

4. 循环和模式 循环和模式决定微交互持续多长时间以及在什么条件下发生变化。循环是微交互随时间的重复,而模式是微交互基于不同场景或用户输入的变化。 例如,当您下拉刷新应用程序上的页面时,您可能会看到循环加载动画,直到页面更新。此循环让您知道应用程序正在获取新数据。 或者,当您调节手机上的音量时,您可能会看到不同模式的不同图标:静音、振动或声音。这些模式可让您根据您的输入了解手机所处的状态。

微交互有哪些类型?
1. 数据输入
数据输入微交互用于从用户收集信息,例如文本、数字、图像或文件。它们可以帮助用户更轻松、更准确地输入数据,并提供有关输入的有效性或格式的反馈。 例如,当您在网站上注册新帐户时,您可能会看到密码强度指示器,该指示器会根据密码的复杂性更改颜色和文本。这种微交互可以帮助您创建更安全的密码并避免错误。

2.数据输出
数据输出微交互起到向用户呈现信息的作用,包括通知、进度条、图表或图形。他们的主要目标是促进用户理解和数据可视化,同时提供有关流程状态或结果的反馈。 在计算机上下载文件时可以观察到这一点的具体说明。下载期间,可能会显示进度条,显示已下载的文件量和预计完成时间。这种微交互有助于跟踪下载进度并估计完成所需的剩余时间。

3.系统状况
系统状态微交互的目的是让用户了解系统的当前状态或状况,包括加载、同步、更新或错误通知等过程。它们的主要功能是让用户深入了解后台操作并指示他们需要执行的任何操作。 在手机上打开应用程序时可以观察到一个说明性的示例。在此过程中,可能会出现加载动画,表明应用程序正在初始化并准备启动。这种微交互有效地向用户保证应用程序正常运行,不会冻结或崩溃,从而消除任何潜在的不确定性或挫败感。

4.用户控制
用户控件微交互的目的是使用户能够与界面或内容交互,从而实现缩放、滚动、滑动或切换等操作。他们的主要目标是提高用户交互过程中的舒适度和便利性,同时提供有关其操作结果的即时反馈。 

5.激励机制
奖励微交互用于激励用户参与特定的行动或行为,例如任务完成、目标实现或购买。他们的目的是唤起用户的成就感和满足感,同时提供有关他们的表现或进步的反馈,这个点可以参考八角游戏设计方法

如何创建微交互?
1.定义目标:微交互的目的是什么?它解决什么问题?它提供什么价值?它如何融入用户旅程?

2.识别触发器:用户将如何发起微交互?他们将采取什么行动?他们怎么知道该怎么做?如何使触发器可见且直观?

3.设计规则:定义微交互触发后的行为和结果。建立一致地管理其行为的逻辑规则。力求其运作清晰、连贯。

4.创建反馈:决定如何将微交互的结果传达给用户。选择简洁且与上下文相关的适当反馈类型(视觉、听觉、触觉)。 确定

5.循环和模式:确定微交互的持续时间。考虑是否应该随着时间的推移重复或改变。考虑不同的场景和用户输入以避免错误或混乱。

6.原型和测试:使用合适的工具和技术在 UI 中实现微交互。严格测试其功能和可用性。衡量其有效性以及对用户体验的影响。

UI界面设计中使用微交互:
1.简单性:
确保微交互保持小而简单,并以单一任务为中心。避免引入不必要的复杂性或功能,这些复杂性或功能可能会让用户感到困惑或转移注意力。

2.一致性:
微交互应在整个产品或服务中遵循一致的风格和逻辑。对类似的操作或行为使用类似的触发器、规则、反馈、循环和模式。

3.响应迅速:
微交互应该为用户提供即时、清晰的反馈。避免可能使用户感到沮丧或烦恼的延迟或中断。 有帮助:微交互应该为用户提供价值和利益。避免将微交互用于纯粹的装饰或噱头目的,这可能会惹恼或厌烦用户。

4.创意:微交互应该为您的产品或服务增添个性和情感。使用幽默、动画或声音为用户创造更难忘、更愉快的体验。

最后,微交互在设计中可以起到画龙点睛的作用,可以对你的 UI 设计产生很大的影响。

维好维可-用户体验体验创新设计
合作咨询
+86-21-51115850
© 2010-2024  维好维可 | 用户体验创新设计公司
沪ICP备19006116号-1

联系我们,开启一场关于您项目的讨论会吧。

联系电话:
+86-21-51115850
商务邮箱:
hi@wellworks.cn
复制
公司地址:
上海市松江区茸阳路69号(百原PARK)贰号楼2楼

©2010-2024 维好维可 | 用户体验创新设计公司-版权所有

沪ICP备19006116号-1

需求留言 + 获取方案

提交信息后,我们的专属顾问会在1个工作日内与您联系。

怎么称呼?
您的手机?
您的邮箱?
您的需求?
维好维可-微信二维码