1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 交互设计 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

通过这篇文章,帮你彻底搞懂微交互--九分网络

时间:2020-06-21   分类:交互设计    作者:网络   来源:网络整理   点击:70

通过这篇文章,帮你彻底搞懂微交互--九分网络

本文来自九分网络

内容采集来自9fen.net

一、微交互到底是什么?

微交互通常关注于单个事件或者单个任务,这些交互元素遍布于整个 APP 的各个角落。这些微交互存在的目的是让用户感觉顺畅、愉悦,设计师借此创造出吸引人或者令人高兴的瞬间,或者说,让用户在这一刻感受到人性化。 内容采集来自9fen.net

看看下面的交互吧: 本文来自九分网络

通过这篇文章,帮你彻底搞懂微交互--九分网络 本文来自九分网络

copyright 9fen.net

Facebook Messenger ,拇指动态表情 www.9fen.net

这个动画就是一个很典型的微交互案例,它实现了三个重要的功能:

九分网络

呈现状态并给予反馈; 本文来自九分网络

增强用户的操控感;

内容采集来自9fen.net

帮用户看到交互的结果。

九分网络

二、分解微交互

微交互通常是由四个部分组成的:

本文来自九分网络

通过这篇文章,帮你彻底搞懂微交互--九分网络 www.9fen.net

copyright 9fen.net

触发:微交互的触发可以是用户触发也可以是系统自动启动的。用户触发的微交互通常需要发起一个动作才能启动,而系统触发的微交互通常是 APP 检测到满足某些条件才会触发。

九分网络

规则:规则决定了触发之后会发生什么事情。 九分网络

反馈:反馈让用户知道发生了什么。任何用户在微交互发生的时候看到的,听到的,感受到的都是反馈。 copyright 9fen.net

循环和模式:循环和模式决定了什么状况下微交互会再次出现,条件变化的时候,微交互会怎么随之变化。

www.9fen.net

三、微交互为何如此重要?

微交互确实是微小的设计元素,但是为何设计师会在这个上面投注如此之多的精力呢?这个问题的答案很重要,对于设计师和开发者而言,都应该知道:微交互让用户更容易理解功能,它是在情感层面上的设计。 内容采集来自9fen.net

通过这篇文章,帮你彻底搞懂微交互--九分网络

本文来自九分网络

内容采集来自9fen.net

微交互对于产品的好处很多: copyright 9fen.net

它们让网站更加易于导航; 内容采集来自9fen.net

它们让用户更容易和网站进行互动; www.9fen.net

它们为用户提供了交互之后的即时反馈; 内容采集来自9fen.net

它们给用户以信息的提示; www.9fen.net

它们告知用户以元素相关的信息,比如控件是否是可交互的;

内容采集来自9fen.net

它们使得用户体验更加有价值; 内容采集来自9fen.net

它们鼓励用户分享、点赞和评论内容;

本文来自九分网络

它们让网站更加感性,更加人性化。

内容采集来自9fen.net

精心设计的微交互,是体谅用户照顾用户的标志。这就是为什么微交互如此受重视,通过即时的反馈,用户会明白他们该做什么,以及他们做的对不对。

九分网络

设计恰当的微交互,让用户对于产品和品牌有积极的影响,甚至会作用到用户的行为上,而绝大多数的人并不知道这是为什么。根据「霍洛效应」,如果用户喜欢产品的某个方面,可能会放大以至于对整个产品都有积极的态度,反之亦然。如果能够善用这一原理,在进行产品设计的时候能够事半功倍,通过适当的细节设计的控制,让用户更加满意。 内容采集来自9fen.net

四、何时使用微交互更好?

通过案例来探讨这个问题吧。

copyright 9fen.net

在 UI/UX 设计的领域当中,微交互被视作为和用户之间沟通的重要手段,以下是7种最常见的微交互和它们对于用户体验的影响。

copyright 9fen.net

1. 滑动交互

内容采集来自9fen.net

通过这篇文章,帮你彻底搞懂微交互--九分网络 copyright 9fen.net

本文来自九分网络

滑动交互是比起点击更加直觉更加顺畅的一种交互,它有助于用户快速切换标签、界面并且获得更多的信息。作为最为常见的交互,它会在潜意识中引导用户,而用户通常不需要去思考就会下意识执行。这种交互非常有趣,爽快,且令人上瘾。

本文来自九分网络

2. 数据输入 www.9fen.net

通过这篇文章,帮你彻底搞懂微交互--九分网络

内容采集来自9fen.net

九分网络

我们都很清楚创建新帐号和修改密码这类需要大量输入的交互是多麻烦,经常会让用户感到沮丧。诸如密码强度的测试和输入建议会让用户更好的推进这个过程,这个过程中,尽量借助细节和建议来提升整个输入过程的体验和成功率,会让用户主观感受更舒服。

九分网络

3. 动画效果 本文来自九分网络

通过这篇文章,帮你彻底搞懂微交互--九分网络 本文来自九分网络

www.9fen.net

动画常常作为微交互的一部分而存在,它让微交互可行,并且给予提升。动画让设计更加人格化,许多微妙的动效在实际操作中并不会被直接注意到,但是如果缺少它,会让人明显感受到缺失感。动效常常作为环节之间的粘合剂,让交互和流程更加完整顺滑。值得注意的是,动画的目的是吸引用户,但是不能让用户分心,或者产生挫败感,过于新奇的风格或者动画耗时太多,都会产生不良的效果,或者让人混淆。

内容采集来自9fen.net

4. 系统状态

www.9fen.net

通过这篇文章,帮你彻底搞懂微交互--九分网络 本文来自九分网络

www.9fen.net

标签: 用户体验 交互设计 经验分享 优设 微交互 动效设计 优设网

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----