020-29815005
预约专线时间:09:00-23:59

UI设计中微交互是如何塑造产品细节的?

新闻来源:优漫动游 日期:2022-05-06
“好产品通常做好两件事:功能和细节。功能让用户关注这个产品,细节让用户留下来。丹萨弗的这句话说明了许多成功产品的秘诀。值得注意的是,功能和细节都很重要,但功能优先,细节其次。但往往是细节决定了用户对应用程序或网站的喜爱或厌恶。随着网页交互设计和动态效果…
  “好产品通常做好两件事:功能和细节。功能让用户关注这个产品,细节让用户留下来。丹·萨弗的这句话说明了许多成功产品的秘诀。值得注意的是,功能和细节都很重要,但功能优先,细节其次。但往往是细节决定了用户对应用程序或网站的喜爱或厌恶。随着网页交互设计和动态效果的广泛流行,我们今天看到的许多细节设计都可以归类为微交互。虽然微交互在整体设计的背景下看起来微不足道,但整个产品体验都与它们密切相关。在今天的文章中,我们将看看微交互是如何塑造产品细节的。


UI设计中微交互是如何塑造产品细节的?


  微交互:微交互是围绕着一项交互或任务的微妙时刻,它不是指某一特定的交互或动效,而是指与任务或交互相关的一段时间内的一系列交互、动效和反馈。在我们每天使用的应用中有很多微交互。


  当我们探索微交互时,我们经常以日常生活中的开关为例,根据开关操作开关按钮,将有强有力的反馈,按钮本身物理位移,同时会有一个良好的反馈,以反映给用户,开启或关闭的对象将会改变,让用户去感知。毫无疑问,这种微交互在计算机发明之前就存在了,这就是我们设计微交互的方式。

  如果开关的例子不够直观,这里还有两个关于UI&UX的例子:

  iPhone的静音。iphone静音键打开后,手机界面上会有震动提示和静音图标。

  下拉刷新交互。当用户想要发现更多内容时,把界面下拉,内容会无缝地加载到页面中,通常还会提示内容已经更新。

  点赞按钮。当你点击“点赞”或“喜欢”按钮时,界面会使用一个动作来提醒你点击成功,并在“喜欢”列表中显示你的头像。

  微交互的作用

  简而言之,微交互通过使产品更加个性化来改善用户体验。大多数情况下,当设计UI时,我们会反复考虑界面的外观和感受,思考如何设计这些东西。然而,当我需要考虑微交互的设计时,更多的是在产品、服务和品牌之间进行权衡和选择。微交互才是真正以人为本的设计:

  提供即时反馈——视觉反馈符合用户的本能期望,它的存在让用户知道自己的行为正在被接受;

  促进互动——微交互本身就是鼓励用户互动的,它可以引导用户、教育用户、让用户懂得如何使用;·

  带来乐趣——微交互本身就是一个很好的体验。

  微交互本身是短暂的,但它也被设计为可重复使用的。设计良好的微交互可以发挥很大作用。

  塑造用户习惯

  微交互可以培养特定的用户习惯。当用户反复执行相同的动作时,它逐渐成为一种习惯。一个典型的习惯环路包含三个元素:

  提示——触发交互的提示。

  执行——用户根据提示进行相应的操作。

  奖励——用户完成操作后获得奖励

  最终的回报越明显,养成习惯就越容易。因此,许多产品都在考虑为用户提供奖励。奖励的方式有很多种,但最常用的是让交互过程愉快,或者通过动态效果给用户提供有用的信息。Facebook使用了这种机制。当用户在图标(提示)上看到一个红点时,他或她将点击图标(操作)。用户进入APP后,会看到相应的推送信息(奖励)。

  重要时刻

  如果执行得当,微交互可以成为提高用户忠诚度的关键时刻。同时,它也可能成为品牌建设的决定性时刻。以Facebook的“喜欢”按钮为例,它将动效作为奖励机制,现在已成为Facebook UI和交互的重要组成部分。一旦Facebook删除了这一功能,用户就会立即注意到,甚至会误以为Facebook出了什么问题。

  高度识别

  微交互有很多优点,它最大的特点是它可以无缝存在于不同的界面,不同的UX环节,各式各样的交互连接起来,如影随形。

  高亮变化

  微交互通常会吸引用户的注意力,在很多情况下,他们会使用动画和动作效果来提醒用户“这些细节很重要”。

  提高用户效率

  自动补全是微交互的另一个重要用途。不管什么语言,文本输入本身在成本上都是昂贵的,特别是在小型触摸屏上,出错率高,整体效率低下。自动补全,或者说自动填充,可以通过预测在一定程度上提前为用户提供正确的输入,减少错误率,提高效率。

  提供相应的反馈

  微交互可以增强用户交互的实际效果,但考虑到“show,don’t tell”的设计原则,使用动画来展示交互结果和操作的完成,比文字指令和提示框要优雅有效得多。在stripei的例子中,在用户点击支付之前有一个很短的加载过程,一个完成的图标通知用户支付完成。这种动态的效果既符合接收信息的自然过程,又能给用户正确的反馈

  提供状态相关的信息

  Jakob Nielsen的第一条可用性原则是这样的:系统应该让用户知道正在发生的事情。聊天窗口绿色状态指示灯控件就是一个很好的例子。用户是否收到,一目了然,无需解释。

  验证用户信息

  表单设计中最容易被忽视的一个方面是对于出错消息的处理。表单,尤其是很长的表单,很容易让人填错信息,而等到提交信息时再报告错误是非常令人沮丧的。微交互结合实时验证,用户在输入过程中发现错误并修改,无需提交即可一次通过。

  最后

  设计总是与细节有关。即使是最小的细节也值得我们注意,细节的装饰,微妙的色彩,看似微不足道的微交互,微小却引人注目的运动效果,这些都构成了产品令人难忘的体验,他们不能被忽视。

  以上就是优漫教育小编为大家介绍的“UI设计培训】:UI设计中微交互是如何塑造产品细节的?”相关内容,学习ui设计培训,可以参考优漫教育提供的ui学习路线,该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等,根据优漫提供的ui学习路线图,可以让你对学好ui需要掌握的知识有个清晰的了解!