在具有令人眼花缭乱的数字平台和内容海洋的世界中,微交互变得越来越重要。虽然微交互在数字设计的早期曾被认为是一个很酷的功能,但在当今竞争激烈的数字空间中,它们已成为整体用户体验的关键元素。
由于用户从微观互动中感受到的价值感,它们不仅可以促进参与,还可以激发对您品牌的积极情感,并最终影响用户的行为www.sanways.com。
本文将讨论微交互的基础知识以及如何利用它们来增强UX设计。
什么是微交互?
在数字设计中,在与产品的大多数用户交互中发现微交互。当您将鼠标悬停在文本上并且它会更改颜色以指示可以单击它时,会发生这种情况。当动画出现时,显示上传的进度。甚至是弹出的消息让你知道你输入了错误的密码。
这些微小的视觉线索和其他微妙的指标是微观互动。虽然用户可能不会轻易注意到这些内容,但实际上,这些内容通常是在他们正确执行时。微交互,无论多么微妙,都将通用设计方案结合在一起 - 提供一些信息,允许用户导航界面并执行基本功能。
微交互如何工作
微交互有四个基本要素:触发器,规则,反馈和循环/模式。这些元素有助于组织这些设计元素的操作周期:
触发器
这些是启动微交互过程的东西 - 例如按下按钮或点击鼠标。它也可以在满足某些条件时由系统启动,例如当您收到消息时收到声音通知。
这些触发器使用一组既定的操作规则来规定可以做什么和不可以做什么。
规则
这些基本上决定了触发微交互后会发生什么。例如,当您向Tinder上滑动时,规则会声明您“超级喜欢”某人。但规则还规定,在他们喜欢你之前,仍然不能发信息。
反馈
顾名思义,它可以让用户知道发生了什么。当微观互动发生时,用户看到,听到甚至感觉到的任何东西都是反馈。例如,如果您将手机设置为振动,则会产生短暂的振动反馈。
循环/模式
这些基本上定义了交互的本质 - 它会闪现一次,重复吗?一段时间会发生什么?例如,循环可以是用户输入错误密码的次数,而模式是在五次密码错误后临时阻止帐户。
何时以及如何使用微交互
1.页面动画
当您谈论页面动画时,它可能是页面之间的创意过渡,或者只是一个很酷的滚动进度图标。这些类型的微交互可以让用户更好地了解先前页面和当前页面之间的关系。它甚至使得略读的过程更具吸引力。
2.滑动
同样,您还可以通过在用户滑动时将平滑过渡结合到您的内容中来利用先天滑动的方式。这样,您可以为您的内容添加一些娱乐价值(无需用户使用约会应用)。
3.动画输入字段
你可能没有遇到任何喜欢填写表格的人。但动画领域至少可以使平凡的任务更具吸引力,甚至是有帮助的。
4.状态动画
同样,在这个日益减少的注意力和按需娱乐的时代,没有人喜欢等待。但是通过使用动画来处理下载/上传状态,您可以显示用户的进度,同时为无聊的功能添加更多乐趣。
您甚至可以使用它来添加品牌。
5.通知
说到通知,最好是为用户提供选项。例如,有些用户喜欢较少侵入性的通知。与此同时,其他人甚至不介意Facebook Messenger的聊天泡泡即使在他们观看YouTube视频时也会出现。
Facebook和Instagram已经把它带到了另一个层面,每当有人喜欢他们的帖子时,就会为用户提供多巴胺。这会构建习惯,使用户期待收到通知。
6.下拉菜单
它已成为智能手机操作系统的主要设计,因为它非常易于使用。只需从屏幕顶部向下拉,即可访问所有通知和基本设置。易于导航是微交互最重要的功能之一,下拉菜单就是这样。
7.号召性用语按钮
您的CTA存在是有原因的 - 这是因为您希望用户点击它们。向CTA按钮添加动画有助于刺激用户的行为。至少,让他们对可能发生的事情感到好奇。
8.锚文本动画
动画锚文本是将创意品牌整合到简单功能中的好方法,例如返回主页甚至只是指示可以点击某些内容。
9.教程
微交互也是教育用户如何使用产品的好方法。简单的动画甚至图形指出基本功能可以通过使您的产品易于使用,并揭示酷炫的隐藏功能,大大改善用户体验。
带走
这些小细节都为用户的整体体验增添了价值。像非侵入式通知或酷炫状态动画这样的小功能可以让用户感觉到公司关心他们,并导致对品牌的善意。一旦建立了这种关系,您就可以影响他们的行为以符合您自己的目标。
随着一切都变得数字化,从人群中脱颖而出变得越来越难 - 但这些微妙的微观互动可以帮助你实现这一目标。