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

名称:九分网络科技

联系:13106499520

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


扫一扫添加微信

交互|帮你梳理微交互的五个基本要素--九分科技

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

交互|帮你梳理微交互的五个基本要素

内容采集来自9fen.net

copyright 9fen.net

交互应该火热了相当一段时间了。它成为话题中心很大程度是因为微交互所带来的令人动容的体验。如果说要界定微交互,那么它应该是围绕着用户完成单个任务前后而存在的微妙的交互和效果。微交互可以存在于APP和网页的各个环节,举几个常见的例子:

本文来自九分网络

·确认已经添加到购物车的项目
·使用下拉刷新更新内容
·确认某个操作的界面动效 内容采集来自9fen.net

这些微妙的动效和交互给用户带来微妙的瞬间,它们出现在APP和网页的各个角落。这些微小的瞬间虽然不明显,但是用户可以轻松地感知到,这些为交互一点一滴地让整个APP的用户体验得到了极大的提升。 www.9fen.net

今天的文章中,我们将探讨5种常见的微交互技术,并且提供相应的实战案例www.9fen.net

1、培养用户习惯

微交互能够鼓励用户进行更多的交互,这也使得它们能够有效地培养用户习惯,构成习惯循环。培养用户习惯通常需要三个步骤: 本文来自九分网络

·提示:触发用户操作的提示
·执行:响应提示,执行相应的操作
·奖励:完成操作给予用户以好处

www.9fen.net

交互|帮你梳理微交互的五个基本要素 copyright 9fen.net

内容采集来自9fen.net

之前我们在《微交互怎么玩?一份简单实用的微交互设计指南(超多案例)》这篇文章中还推荐过诸多微交互的案例~ 本文来自九分网络

Facebook 培养用户习惯的方式就是一个很好的案例:当白色的图标上出现红色的标识的时候(提示),用户会知道有新 消息了,用户就可以点击图标(执行)的时候,就可以同好友进行聊天了(奖励)。当用户在看到红色的标识之时,随后会主动点击并查看。

内容采集来自9fen.net

交互|帮你梳理微交互的五个基本要素

www.9fen.net

九分网络

虽然这个案例看起来很简单,但是基本所有的微交互都遵循这个规则。

www.9fen.net

小贴士:奖励机制是驱动用户的核心,奖励越强,产生的习惯效果也就越明显。

本文来自九分网络

2、结合主题

微交互应当是你的设计的自然组成部分,换句话来说,你应当创建一个统一的主题,宏观上的交互和微交互应当在设计上保持一致。结合主题的微交互应当结合两个简单的原则:

九分网络

交互|帮你梳理微交互的五个基本要素

内容采集来自9fen.net

copyright 9fen.net

·连续性:动效和UI控件不同状态之间的转变应该是平滑自然的,而非不连续的。
·可预测性:良好的微交互应当给用户以一定的预期,帮助用户理解界面的含义,获取正确的信息。 九分网络

交互|帮你梳理微交互的五个基本要素

www.9fen.net

九分网络

交互|帮你梳理微交互的五个基本要素

www.9fen.net

本文来自九分网络

3、用动效给予反馈

如果正确地将动效和微交互结合起来,它能够极大的提升用户体验。但是并非所有动效都能达成好的效果,只有同时具备良好的功能性,还能够令人产生愉悦感的动效才适合在微交互中给用户以反馈:

内容采集来自9fen.net

功能性良好的动效能够降低用户的认知符合,防止用户在使用过程中产生迷惑,便于用户在使用过程中同界面产生正向的联系。

内容采集来自9fen.net

交互|帮你梳理微交互的五个基本要素 本文来自九分网络

www.9fen.net

令人愉悦的动效让微交互更加有趣,并且能够吸引用户的注意力,让界面更加富有生命力。

www.9fen.net

交互|帮你梳理微交互的五个基本要素 www.9fen.net

copyright 9fen.net

当然,UI设计中的反馈提示技巧有很多,这篇文章中有更为详细的内容:《交互基础科普!聊聊移动APP中反馈提示的设计方法与实例》

www.9fen.net

标签: 交互设计 经验分享 优设 优设网 交互 ui设计 微交互

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


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

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