科技廊坊网站建设
在互联网的巨浪中,微交互在人机交互中的作用越来越重要。我们的小伙伴汇编并总结了以下关于微观互动的意见,欢迎大家一起讨论。
首先让我们理解,什么是微交互?
我们先来看一个例子:
Facebook Messenger,拇指的动态表达
这个动画是一个典型的微交互案例,它实现了三个重要的功能:
1. 给操控者提供实时反馈
2. 增强直接操控感
3. 帮助操控者看到他们行动的结果
基于以上所述,我们可以知道:
事件微交互是指具有一个目的或一项主要任务。
微交互通常由四个部分组成:
1.触发器
触发器可以由用户启动或由系统启动。
在用户启动的触发器中,用户必须手动执行此操作。
在系统启动的触发器中,软件在检测到满足条件后自动启动操作。
2.规则
规则是确定触发微交互后发生的事情。
3.反馈
反馈允许人们知道发生了什么。用户在微交互发生时看到,听到或感觉到的一切都是反馈。
4.循环和模式
循环和模式决定了微交互的元规则。当条件发生变化时,微交互会发生什么?
(微观互动是新的,但需要时间,不能多次看到,重复它会让人感到吵闹。)
如果微交互只是微小的设计元素,那为什么要关心它们呢?
因为“细节并不只是细节,它是构建起整个设计的基本元素"。 UI和交互设计的每个元素都至关重要,一个接一个的细节使您的产品脱颖而出,真正令人难忘的产品基于精致的细节。从功能到元素,从交互到过渡,非常好的设计是可靠的。
精心设计的微交互是用户体验的关键。用户可以做什么,如果他们的行为正确并得到系统的批准,微交互提供了明确的答案。但是当微交互行为完成时,用户对产品的品牌有正面的感觉,并且一般来说,没有人意识到这是微交互友好的原因。
设计微交互对设计师来说非常令人兴奋,因为他们可以尝试新的解决方案,并发现是什么让用户在探索中感到惊艳。为此,您需要执行以下操作:
1. 站在用户的角度看待问题,用尽办法让他们明白如何使用你的产品。
2. 创造功能性的动画,不仅要有美感,而且能够增强体验。
3. 让你的用户开心,用户使用时候的主观感受,决定了他们是否要继续使用下去。 如果用户感到愉悦,他们会回来。
4. 不要让人觉得烦躁,过多的动效可能会让人觉得头疼,而这个会让用户离开你。
5. 使用正常的表述,而不是技术术语来表达,因为后者更容易让人觉得沮丧。
为了更好地理解“微交互”的概念,小编特别发现了一些案例:
微信的点赞功能
当你的手机没有网络或网络不好时,就像朋友圈里的朋友一样,它会显示成功。但是,实际上,虽然屏幕已经受到好评,但事实上,对方并没有得到它的好评,朋友可以在网络恢复时得到他的好评,用户完全忽略了这个过程。
这实际上是一个优秀的微交互设计,该产品为用户提供了出色的执行。这个场景就像一个向下属发号施令的领导者。我不关心这个过程,我只有相同的结果。
微信,微互动体验,全部使用:以用户为中心的设计宗旨!
看一下比较案例:
8只小猪App的达人圈
当用户的手机没有网络时,称赞不会成功,但它提供没有网络的即时反馈。事实上,这种即时反馈机制符合良好的体验,但与WeChat相比,人类体验的想法几乎相同。还有一些产品。当网络不好时,会有类似的加载动画,这会给用户留下卡片的印象。
好的产品懂得洞察人性,支付宝支付流程就做到了这一点:
科技廊坊网站建设 在指纹识别弹出窗口出现之前单击“立即付款”,有一小圈动画评论供用户付费进行.这还不够,指纹识别后如果成功,将立即支付小动画,然后付款将成功。
整个过程是与用户沟通,注重人性化思维,简单流畅的运动不会给用户带来不舒服的感受。
有可能是用户可能不知道的良好的微交互体验,但是用户可能非常清楚错误的交互体验,这会冒失去用户的风险。
假设付款流程为支付宝,请点击“立即付款”以实现付款成功。你认为钱是如此之快,似乎失去了某种东西,想到了一种失落感?
那么,该如何设计微交互呢?
1. 联系
使用相同的元素来提高操作之间的一致性和操作体验的顺畅性,减少用户的损失。它可以是两个页面之间的连接,也可以是同一页面上具有逻辑关系的两个元素。
使用相同的图像元素连接前后两页,
之前和之后改善页面连续性
使用相同的颜色,
链接同一页面上具有直接操作逻辑关系的两个元素
反映操作之前和之后的操作之间的因果关系,用户的操作接收响应。
2.模拟现实
总结和改进现实场景,模拟现实中的操作逻辑和体验,唤起用户与现实场景的关联,并提高用户感知。
材料设计的点击效果模拟了水面的影响,
让用户清楚地感知到您的操作已经完成。
滚动页面时,容器中Icon的液体随页面滑动而变化,
智能地融入真实场景,这种动态表现让人眼前一亮。
3.场景化营造
根据操作动作的逻辑,创建一个与当前动作一致的场景,从情感层面触摸用户并提高用户的善意。
Iphone消除了应用程序图标的效果,按下时图标会被吓到,
好像说“求求你,让我走吧〜”。
这个我喜欢按钮添加烟花,它更有趣吗?
4.秩序
通过时间序列和空间变换,根据具体规则,提出统一的秩序感。良好的秩序感可以很好地指导用户的视力和操作,没有人会喜欢这种疾病。
使用相同的模式来组织文本的外观,
让包含原始信息的页面不再混淆。
5.质感
具有不同纹理的对象给予用户不同的感受实际上,我们可以在查看信息时感受到对象的纹理,但只能在屏幕上看到它。
时间和空间是塑造纹理的两个关键因素。例如,在坠落物体的运动轨迹上,时间长,运动缓慢,纹理轻,时间短,运动快,质地重。
通过稍长的出现时间,卡的质地巧妙地呈现。
6.克制
这也是最重要的一点。动态效果的呈现必须对交互逻辑负责,并且为了有效性而不能在视觉上有效。能够限制并做出好的减法也是设计师专业能力的体现。
例如,以下两种情况:前一种情况突然变成一个面上的行,然后对文本框的更改有点尴尬。它并不像右边的情况直接从一行转换为文本框那么简单。
阅读了这么多案例之后,你觉得你离微型交互设计这么远吗?
我们将为您总结一下:
微交互就是以用户为中心、或动、或静,取悦用户并快速的帮助他们完成目标甚至[0x9A9A ]沉迷其中
感谢收看。如果您有任何想要学习的知识并希望分享您的经验,请务必记住对小编信息的骚扰〜
!
科技廊坊网站建设