微交互设计:微小细节提升用户体验

微交互在UX设计中并不是一个新概念,但它们变得越来越重要了。微交互是那些将普通用户体验变成更令人难忘和引人入胜的微小细节,为您的应用程序或网站添加一层令人愉快的用户体验。

1、动画功能设计

动画是一个吸引用户进入元素的关键点。可帮助用户了解按钮或切换开关或图标的用途以及如何使用它。

每个微交互都以微秒的方式提供一系列信息:

  • 触发:微交互何时开始或为什么开始
  • 规则:是什么使动作/交互工作以及它是如何工作的
  • 反馈:你如何知道你对元素的操作是通过某种提示成功的
  • 循环和模式:交互持续多长时间,直到为特定用户重置

比如用户去点击明/暗模式切换按钮时。开关滑动流畅,而不会令人感觉生硬。因为它有一个简单的动画,可以准确解释如果您切换开关会发生什么。这这就是一个微互动。

微交互设计:微小细节提升用户体验

2、有趣好玩

微互动应该是有趣的。这是引人注目的元素,可以帮助引导用户完成设计,并带有现代感,也许是意想不到的东西。

Aurelia Durand的网站充满了令人愉快的微小互动。指针是一只小手,它动作单击适当的区域,将鼠标悬停在菜单上,并获得一阵彩色点以鼓励行动,主要插图也会作为悬停状态微交互的一部分而变化和动画。

微交互设计:微小细节提升用户体验

3、个性化

我们接触过的微交互,比如微信,QQ、Facebook等一些社交软件的功能操作栏。当您单击或点击并按住每个小表情符号时,每个小表情符号似乎都栩栩如生,显示出实际情感的表达供您选择。它感觉比快速点击经典的蓝色大拇指图标更个性化、更真实。

这些微小元素还具有悬停状态,可以告诉您每个表情符号/图标的含义。这条额外的信息使微互动更加有用,并为任何用户提供了在选择他们对社交媒体上帖子的感受时做出正确选择的工具。

微交互设计:微小细节提升用户体验

4、与内容和谐相处的设计

每个微互动都应该与伴随的内容和谐相处。

你不是在泡沫中设计,所以不要让一个想法或你创造的东西的酷因素优先于放置并与整体设计同步。

下图《如何与白人孩子谈论种族主义》的时间线微互动很简单,并且与设计的其余部分完全集成。它们包含一定程度的细节,使浏览本书的数字版本令人愉快。每个时间轴微交互都包含一个与其相关的页面上的内容匹配的图标以及内容的标题。它可以缩放到一定大小,以便您可以瞥见艺术品,简单的动作引人入胜。

该设计还包含其他令人愉快的动画,例如翻页(单页和翻页),使整个设计成为您想要深入研究的东西。

微交互设计:微小细节提升用户体验

5、使用触觉元素

想想你每天使用的一些工具在与它们互动时是如何表现的。

  • 点击按钮时 Apple 手表的触觉
  • 手机上通知的软 ping 操作
  • 与 Siri 或其他设备通话时的收听点
  • 在步行或跑步过程中标记每一英里的轻柔嗡嗡声
  • 耳塞连接到蓝牙时的提示音

所有这些融合数字和现实的元素都是将空间结合在一起的更大触觉体验的一部分。微交互是实现这一目标的好方法。

微交互设计:微小细节提升用户体验

您可以使用:

  • 感觉
  • 声音
  • 进展
  • 弹跳
  • 脉搏或嗡嗡声

有很多方法可以实现这一点。共同点是它们看起来和感觉都很真实。它们不是屏幕的一部分,而是你物理世界的一部分(或者至少声称是)。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
设计文章

在设计中如何使用色轮?

2023-9-19 21:14:39

设计文章

最大限度地减少网页设计中的用户决策疲劳

2023-9-19 21:14:41

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索