石家庄企业网站建设:移动设计趋势之神奇微互动

2019.08.16 mf_web

91

您了解并创建了一个看起来很棒的应用程序。它有一个很酷的故事,视觉设计令人印象深刻。但这还不够 - 它需要更多,真正与用户联系并感觉活力的东西。

这就是微互动的来源。

微互动

石家庄企业网站建设

在创建令人上瘾的应用程序时,微交互是秘密的因素。这些设计时刻让用户保持参与,创造出意想不到的喜悦,除了设计师之外,每个人几乎都看不见。

你每天都会遇到数百次微交互。

每次结束闹钟时,都会看到屏幕上闪烁的文字信息,提醒您在游戏中转弯,跳过音乐播放器中的歌曲,甚至在您上午通勤时根据交通警报更改课程。这些微小时刻中的每一个都形成微观互动。而且你可能不会考虑其中的任何一个,但每一个都有助于你日复一日地使用特定应用程序的原因。

什么是微交互?

微交互是指与设备进行任何单一任务的交互。如果流动感觉平稳,大多数这些项目几乎都不会引人注意。

如Dan Saffer的优秀书籍  (强烈推荐)中所述,微交互有助于实现三个特定功能:

  • 快速传达状态或反馈

  • 可视化操作的结果

  • 帮助用户在屏幕上操作某些内容

松弛

照片来源:  Slack 

Slack,上面是一个很棒的应用程序,可以在一个包中完成所有这三个任务。该应用程序允许用户在闭环聊天中进行通信,附加文档并相互标记。该应用程序始终提供实时更新(例如将消息标记为已读)并帮助用户导航。它还使用通知和其他小动作来使用户与正在通信的内容保持同步。

微交互以多种方式影响应用程序的用户和功能:

  • 关闭或打开东西

  • 评论任何数字媒体

  • 更改设置或流程

  • 检查消息或通知

  • 向下滑动移动设备上的“屏幕”以刷新内容

  • 与数据元素交互,例如检查天气

  • 完成孤立的任务

  • 连接设备,例如用于多人游戏或从笔记本电脑打印的设备

  • 在网站上分享或喜欢照片或视频

简而言之,微交互是来自用户的动作,触发设备的另一个动作。每个交互都基于以人为中心的设计理念,数字工具的工作和功能反映了一个人实际做某事的方式。这是可用性的秘诀 - 与预期和“人性化”行为一样的互动。

徘徊

UX照片:  UXPin

在上面使用UXPin设计的示例中,我们构建了一个用于查找时装模型的网站。卡片代表每个型号,当您将鼠标悬停在人脸上时,会显示度量标准和名片下载。对于这种特殊情况,微交互可以顺利地显示信息。动画增加了一些可发现性,使设计对用户的动作更加逼真。

真正的微交互是做什么的?

正如您从上面的列表中看到的那样 - 并且绝不包含每个微交互 - 微交互可以发挥多种作用。但不那么具体地说,他们应该总是建立参与。

当您考虑如何设计微交互时,不仅要考虑手头的具体操作或任务,还要考虑它应该“做”作为整体用户体验的一部分。

从本质上讲,微交互应该让用户感觉或做一些物理上的事情:

  • 触摸屏幕

  • 高兴地微笑

  • 学习或理解某些东西

  • 连接到其他用户

提升

照片来源:  提升 

上面的Elevate应用程序在游戏式学习界面中使用这些组件中的每一个。用户必须触摸屏幕才能回答问题并更正答案,同时漂亮的动画可以让用户满意。该应用程序允许用户训练他们的大脑(图片游戏旨在帮助您的语法和使用)。用户可以与朋友和其他应用用户分享分数和结果。

对于一个简单的游戏来说,这听起来很多,对吗?但这些是用户几乎每个应用程序都会期待的东西。

这些行动是微交互工作的核心所在。这些微小,轻盈的“数字时刻”感觉就像是一种情感联系。微交互允许用户感觉到某些东西或伸手到另一个用户或对象。

微互动的四个要素

Dan Saffer是微互动的最前沿。

只是谷歌“微交互”和他的名字以某种方式与该主题的几乎所有权威信息相关联。他在这个主题上写了这本书 - 非常字面。Saffer专注于微交互的四部分结构  ,它是了解如何创建它们的最佳方式。

  • 触发:启动微交互。例如,我点击一个心形图标来收藏一个页面。

  • 规则:交互行为的方式。用户不能“看到”规则,而只能通过反馈了解它们(下一阶段)。在这种情况下,单击心形图标会将该页面添加到用户的Feed中。

  • 反馈:设计如何将微交互传达给用户。心脏图标充满了颜色和弹跳,伴随着消散的“保存到饲料!”消息,通知用户发生了什么。

  • 循环和模式:确定微交互的长度以及它如何随时间重复或演变。例如,我们现在描述的微交互演变为从我们收藏的页面向我们提供内容,甚至可能在我们第一次喜欢该页面的6个月内提醒我们。

这些部分中的每一部分都存在于每次交互中,以创建事物工作方式的循环。正如Saffer所描述的那样,大多数用户甚至从未注意到微交互,除非它们发生故障。

你在考虑反馈吗?

反馈是微交互周期中最重要的部分。这是用户和界面连接的微交互阶段。反馈确切地确定微交互将如何工作。

这样想吧。您需要在早上7点起床并在手机上设置闹钟。当闹钟响起时会发生什么?你起床并关掉闹钟吗?或者你打瞌睡?这个简单的动作告诉应用程序接下来会进行什么微交互 - 重置下一个周期的警报或在9分钟后再次关闭。用户和系统之间的反馈循环现已完成。

没有用户的初始反馈,警报的声音永远不会停止。它没有重置。开放循环允许它一遍又一遍地工作。

WUNDERLIST

在检查待办事项列表中的项目时也是如此,如上面的Wunderlist中的项目。通过勾选项目旁边的复选标记,您可以告诉应用程序触发将项目从您的待办事项列表中删除的微交互。在一瞬间,您现在知道哪些项目是完整的,哪些项目是待定的。完成任务的满意度进一步鼓励您完成更多任务,从而与应用程序进一步交互。

虽然这是一个非常简单的例子,但要从中学到很多东西。首先,它向我们展示了用户希望以明确创建下一步(循环)的方式参与微交互,并希望它足够直观地工作,以便随着时间和使用而发展。

设计细节是微观互动的核心

设计微交互的方式以及如何处理细节将决定您的项目。交互是必须具备的设计元素,您不能忽视它。

阴暗的天空

但是你如何设计呢?你应该怎么想?

  • 微交互必须经常重复使用。纯粹为了聪明而避免使用噱头或动画。请记住,您的微交互必须具有长寿,因为长期使用它们不会感到烦恼。

  • 简单是关键。简洁明了的语言,清晰的排版,鲜艳的色彩,结构化的设计。很好地执行基础知识,不要添加任何超出需要的细节。

  • 微观互动必须感受到人性。文字应该像人们说话一样。设计应该传达各种形式的情感。

  • 记住副本。所有副本都应该与当下相匹配。应用正确的语气,使文本感到尊重,乐于助人,并尽可能轻松愉快。

  • 用动画创造一些乐趣,但运动适度。想想OSX中的图标如何随着新程序的加载而反弹。动画会通知您程序正在响应,但它不会给您当前的操作带来负担。在动画中努力实现相同的功能,因为它们不仅仅是视觉上的愉悦。

  • 寻求和谐。对比度是你的朋友,但请小心使用。当您了解用户体验的特定时刻时,色彩理论等细节比您想象的更重要。如果您的应用使用绿色方案,请确保颜色流过您的微交互。每个时刻应该与更大的应用程序设计在视觉上相关联。

  • 想想微交互是如何演变的。微交互在第一次和第一次的行为是否完全相同?或者它会随着时间的推移而发展?例如,想一想当你不停地打盹时警报会变得更响亮。如果您想脱离其他设计,您必须考虑这些细节。

  • 但是,不要过分痴迷。过度设计是微观互动的死亡。一旦您快速愉快地传达了信息,就可以顺利过渡到正常的任务流程。

小贴士

微交互是人们想要使用的应用程序设计的关键组件。它们有助于创造参与,促进功能并使用户满意。将它们全部拉到一起,您需要创建用户看不到的微小时刻,但需要或想要让您的应用程序成为他们日常生活的重要组成部分。

石家庄企业网站建设

最新案例

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP