【设计推送】微交互的五个基本要素

作者: 老夫的天 | 来源:发表于2016-12-12 10:27 被阅读250次

引言

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

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

使用下拉刷新更新内容

确认某个操作的界面动效

这些微妙的动效和交互给用户带来微妙的瞬间,它们出现在APP和网页的各个角落。这些微小的瞬间虽然不明显,但是用户可以轻松地感知到,一点一滴地让用户体验得到提升。本文结合实例探讨了微交互的五个基本要素。

1. 引导习惯

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

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

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

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

Facebook 培养用户习惯的方式就是一个很好的案例:当白色的图标上出现红色的标识的时候(提示),用户会知道有新消息了,用户就可以点击图标的时候(执行),就可以同好友进行聊天了(奖励)。当用户在看到红色的标识之时,随后会主动点击并查看。虽然这个案例看起来很简单,但是基本所有的微交互都遵循这个规则。

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

2. 结合主题

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

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


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


3. 给予反馈

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

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


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


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

4. 保持幽默

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


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

5. 避免冗余

微交互最大的特色是恰到好处,所以正确的的微交互应当为用户提供合适的视觉线索和动效。复杂的交互和繁复的UI是最常见的错误。实际上你在Dribbble 上能够看到许多实验性的UI、交互和动效设计,其中不少看起来极为漂亮,但是在实际的交互中缺乏可用性,难于使用,或者完全不具备实现的价值。

在微交互中,少即是多。将无用的功能和UI控件移除,能够让一个UI更加清晰直观,在进行微交互的设计过程中,应当关注它的实际功能,确保它能为用户提供实际的功能。

Tip:应当在你的设计中保持KISS原则(KISS 原则是用户体验的高层境界,简单地理解这句话,就是要把一个产品做得连白痴都会用,因而也被称为“懒人原则”),不要把你的微交互搞得过于复杂。

结语

在用户体验设计中,最重要的应该是处理好用户使用产品时候的感受,即使是最细微的细节都值得密切关注,因为每一个细节都和你的产品成功与否密切相关。

:KISS原则是Keep It Simple, Stupid 的首字母缩略字。KISS原则是指在设计当中应当注重简约的原则。同时,这原则亦有应用在商业书信、设计电脑软件、动画、工程上。KISS原则有很多其他版本,包括:"Keep It Simple & Stupid"、"Keep It Sweet & Simple"、"Keep It Short & Simple"、"Keep it Simple, Sweetheart" 及 "Keep it Simple, Sherlock"。

原文作者 /uxplanet.org -Nick Babich

译文 / uisdc.com - 陈子木

https://mp.weixin.qq.com/s?__biz=MjM5NjA1NzEwMA==&mid=2651004355&idx=1&sn=bde21377a4116b5d5b9ca2929106dc0b&chksm=bd18a4a08a6f2db6111972dee5d5f9d27703215c7fa4516b873be7432ba975d6d9a7129c0e92&scene=0&key=9ed31d4918c154c8633423b7911a69f804db8721a80a440375488130f55755a2e8b649aa4ef1febe9553a504fcf86d7f550c3d438d31b9181417b83a6e988fd0f2ec3fd1663c3560aaab3f7bb9148a9d&ascene=0&uin=MTgyNjU4NTU%3D&devicetype=iMac+MacBookPro11%2C1+OSX+OSX+10.12.1+build(16B2555)&version=12010010&nettype=WIFI&fontScale=100&pass_ticket=Q9CN%2FZcs08ohjeD6SQ5A0%2BlIFZdmZOMLu3rq1CEdJ5c%3D

相关文章

  • 【设计推送】微交互的五个基本要素

    引言 微交互应该火热了相当一段时间了。它能成为话题中心,很大程度是因为微交互所带来的令人动容的体验。如果要给微交互...

  • 12-09交互设计和用户体验设计

    交互设计和用户体验设计 App和web交互设计是有页面、icon、文字三种基本要素构成的系统流程交互设计的概念路径...

  • 12-12 交互设计总结

    交互设计与用户体验设计: 交互设计是由页面、icon、文字基本要素构成的系统流程,。在软件设计时,要考虑用户的使用...

  • 交互设计与用户体验设计

    app和web:交互设计是由页面、icon、文字着三种基本要素构成的系统流程 交互设计概念 路径 效率 行为 1、...

  • 平静技术原则指导只能可穿戴设备

    SPL: 现有许多研究通过视觉设计、隐式交互设计、微交互设计、多维用户界面设计等原则出发,提出了微交互和多维界面设...

  • 交互设计与用户体验设计2

    交互设计是由页面、icon、文字基本要素构成的系统流程,。 在软件设计时,要考虑用户的使用路径,从用户点击图标的时...

  • 2021-08-04

    概念:微交互 怎样才能做好“微交互”呢?丹·赛弗在他的著作《微交互:细节设计成就卓越产品》中,提出了好的微交互应该...

  • 微交互:我们说魔鬼在细节,但为什么不说天使在细节?

    细节设计中把产品与人在细节处的交互设计,叫“微交互”。 好的微交互应该有的结构: 触发器、规则、反馈、循环与模式 ...

  • 微交互(一)——微交互的设计理念

    移动设计发展到现在,各类设计规范的制定,各种app设计风格的统一,产品设计同质化似乎变得更加明显,同一类的产品往往...

  • 微交互,也谈细节设计

    微交互,即细节设计,它是产品与人在细节处的交互设计。这些细节,设计得好,可能是短暂、微小却令人过目难忘的瞬间;设计...

网友评论

    本文标题:【设计推送】微交互的五个基本要素

    本文链接:https://www.haomeiwen.com/subject/qdrmmttx.html