微交互:如何用来改善用户体验

用户头像
深圳/设计爱好者/6年前/225浏览
微交互:如何用来改善用户体验
用户头像
明明了

微交互,改善用户体验




什么是微互动?


微交互是具有一个目的的事件,可以在您的设备和应用程序中找到它们。微交互的目的是取悦用户。创造一个令人着迷,有趣的情景,赋予感情色彩。

例如看下面的互动


竖起大拇指— Facebook Messenger


该动画是微交互的一个很好的例子,因为它实现了三个重要功能:

  • 沟通状态并提供反馈
  • 增强直接操纵感
  • 帮助人们看到自己行动的结果




分解



微观互动包括四个部分:

  • 触发器启动微交互。触发器可以由用户启动或由系统启动。
  • 在用户启动的触发器中,用户必须完成一个动作。
  • 在系统启动的触发器中,软件检测到满足某些资格并执行。
  • 规则决定了微交互一旦触发后会发生什么。
  • 反馈使人们知道发生了什么事。发生微交互时,用户看到,听到或感觉到的任何东西都是反馈。
  • 触发条件和执行模式确定了微交互作用的规则。当条件改变时,微相互作用会发生什么结果。




他们为什么重要?


如果微交互只是微小的设计元素,为什么还要关注它们呢?


令人遗憾的是,但是许多Web开发人员和设计师仍然在问这样一个问题,没有意识到忽略微交互可能会使他们的客户付出很多代价。 注重细节是一个特殊网站与普通网站的根本不同。这就是微交互动摇的原因:

  • 改善了网站导航
  • 使用户更轻松地与您的网站进行交互
  • 向用户提供有关已完成操作的即时和相关反馈
  • 给您的用户提示
  • 交流有关某些元素的信息,例如是否互动
  • 使用户体验更加有意义
  • 鼓励分享,喜欢和评论您的内容
  • 吸引用户的注意
  • 使您的网站更具情感性


设计良好的微交互是用户关怀的明显标志。这就是为什么他们如此重视。用户可以做什么,以及他们的行为是否正确并得到系统的批准-应用程序或网站可以提供即时的视觉反馈,并教会用户使用系统。

正确进行微互动后,它们往往会给您的品牌带来积极的影响并影响用户的行为,而人们甚至根本没有意识到原因。如果您喜欢或不喜欢产品的某个方面,则通常对产品有正面或负面的倾向。这种所谓的“哈洛效果”可以为您提供支持,也可以为您提供帮助。在明智的情况下,这些知识可以帮助改善用户对您网站的反馈-通过适当注意细节,可以使用户满意。





什么时候使用它们?

几个例子

在UX / UI世界中,尽管微交互非常微小,但与用户进行通信时却被视为强大的动力。以下是最常见的七个微交互及其对用户体验的影响:

轻扫并且更加互动和流畅。它可以帮助用户在选项卡之间快速切换并获取有关产品的更多信息。此外,刷卡是一种非常常见的手势,可以在不引起用户思考的情况下潜意识地引导用户。就像我们一直在读“不要让用户思考”。还有什么?既有趣又令人上瘾。


数据输入我们所有人都知道设置密码或创建帐户的麻烦。这个动作很容易引起反感。关于密码强度和用法的前瞻性建议使用户可以轻松地继续前进,而在输入数据时进行一些交互交互也可以使用户参与该过程并有助于实现目标。



动画动画只是启用并改善了微交互。他们代表了良好的设计;他们的存在可能不会被注意到,但是缺席给每个人造成了损失。它们可以帮助设计师使最简单的过程变得有趣和令人上瘾。但是要非常小心,因为它们是为了吸引用户而不会分散他们的注意力或使他们沮丧;延迟处理或在网站中引入新样式可能会引起混乱。



当前系统状态必须使用户了解网站或应用程序上当前发生的状态,这一点很重要。如果不通知用户,他们将很生气并关闭网站或应用程序。微交互使用户可以准确地知道发生了什么,完成该过程需要多长时间等。即使失败消息也要很幽默,但有效地保持了用户的信任。



使教程变得有趣每个人都在不断寻求信息。借助微交互的教程,通过简化和突出显示基本功能和重要控件以帮助用户理解,从而指导用户使用应用程序的工作。



号召性用语微交互实质上是在推动用户与应用程序或网站进行交互。号召性用语给用户带来了成就感,也给用户行为灌输了同理心,使用户与CTA互动的最佳方法是使其吸引用户的兴趣。




动画按钮通过让用户知道他们进入应用程序或网站的方法,它们起到信息管理器的作用。我们需要注意颜色,形状,特殊效果,动画,位置和纹理,以使用户体验完整。



我们人类努力寻求即时满足。在更大的事物方案中,忽略微交互是一种普遍的趋势,但这对于吸引用户非常重要。小小的体验和设计功能(例如在屏幕之间切换或突出显示功能或弹出新通知)可以在增强用户体验方面产生巨大差异。



如何设计微交互?


进行微交互对于设计师来说是令人兴奋的,因为可以尝试新的设计解决方案并寻找使用户感到惊讶的新方法。但是为此,您必须牢记以下几点:

  • 把自己放在用户的角度上,并使用他们需要使用的应用程序。
  • 创建功能动画。不仅具有美学效果而且能够增强用户体验的动画。
  • 玩得开心,娱乐您的用户。用户使用该应用程序时的感受是其不断使用该应用程序的原因。
  • 不要烦人。过多的动画会对用户产生相反的影响。令人讨厌的用户使他们远离您的应用程序。
  • 使用人类语言和非技术性语言。有趣且具有讽刺意味的副本可能会让您暂时忘却它可能是应用程序中空白页面的令人沮丧。




设计微互动的工具


那么,设计人员应该熟悉哪些微交互制作工具?目前大多设计师会选择使用PS、AE、principle等来制作演示DOME,小伙伴们可根据自己的爱好惊喜选择。


粉丝福利


回复公众号:“设计圈”,加入我们的设计交流圈,与更多高手一起探讨、学习、成长。


公众号:设计摄影






1
阅读原文
|
举报
|
2
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
平面男孩喝咖啡插画设计
海底世界插画
水蜜桃和李子的平面水果图案
城市园林平面布局航拍
玄关入门地毯印花图案红地毯
倒计时,海报,平面
金色颗粒质地的平面
空的平台平面和自然景观
城阙凡花
平面插画设计女孩喝咖啡
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
牛奶乳液层次梯田平铺平面
平面风格黄绿色系花朵装饰
平面设计 吊牌设计
金色颗粒质地的平面
平面书法字手写
古风平面仕女与瓷器
金色颗粒质地的平面
“知识宅急送”外卖,快递,平面,海报,素材,教育
金色颗粒质地的平面
牛奶乳液层次平面平铺平面
金色颗粒质地的平面
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
中国传统纹样创新图案设计
平面花卉图案扁平简约无缝拼接插画
你可能喜欢
相关收藏夹
大家都在看
登录注册