欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

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

发布时间:2017:03:21 18:03:26 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1376个文字,预计阅读时间4分钟
导语
微交互应该火热了相当一段时间了。它成为话题中心很大程度是因为微交互所带来的令人动容的体验。如果说要界定

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

  ·确认已经添加到购物车的项目

  ·使用下拉刷新更新内容

  ·确认某个操作的界面动效

推荐阅读:APP交互设计中的特殊情况汇总及其设计方案

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

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

  1、培养用户习惯

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

  ·提示:触发用户操作的提示

  ·执行:响应提示,执行相应的操作

  ·奖励:完成操作给予用户以好处

  

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

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

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

  

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

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

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

  2、结合主题

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

  

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

  ·连续性:动效和UI控件不同状态之间的转变应该是平滑自然的,而非不连续的。

  ·可预测性:良好的微交互应当给用户以一定的预期,帮助用户理解界面的含义,获取正确的信息。

  

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

  

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

  3、用动效给予反馈

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

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

  

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

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

  

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

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

  小贴士:动效应当具有足够持久的生命力,所以设计的时候,应当思考它是否会在看过100次之后让人觉得厌烦?它是否清晰可见,或者完全无法引人注意?

  4、保持幽默

  无论是哪种程度的幽默,融入到交互中,都能给用户带来充满情绪、富有感情的用户体验。比如著名的电子邮件服务 MailChimp 就会在用户加入之后,使用各种意想不到的幽默和积极的情绪来引导用户使用产品,协助他们发出他们的第一封电子邮件。用户在使用的过程中,会不断地收获小而令人愉悦的惊喜,MailChimp 让发送邮件的过程令人难忘。

  

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

  MailChimp 用幽默的交互缓解了紧张的局面和氛围。

  小贴士:用充满情感和人的姿态来同用户交流,这是让你的UI和交互变得更加温暖的最快的方式。

  幽默的设计案例其实很多:《让访客快乐起来!20例幽默的网页设计》

  5、规避不必要的交互

如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:提高可用性!6个新人进阶该学的图标设计小技巧

下一篇:年度大盘点!聊聊2017年即将流行的UX设计趋势

  • 18877 文章总数
  • 2200672访问次数
  • 建站天数
  • 专业建站优化Jimmy Zhu
    男,从事互联网服务行业10年,专业建站优化,快速建站上排名。欢迎中小型企业朋友一起来交流!!
    相关专题
    • 网站建设咨询
    • 同行价格

      统一报价,无隐形消费

    • 金牌服务

      一对一专属顾问,7*24小时金牌服务

    • 售后无忧

      完善售后,客服经理全程跟进

    建站优化二维码
    建站优化二维码

    截屏,微信识别二维码

    微信号:13825575516

    (点击微信号复制,添加好友)

    优化二维码打开微信