欢迎光临散文网 会员登陆 & 注册

情感设计:如何增强您的产品UI / UX设计

2023-10-09 18:20 作者:YesDesign  | 我要投稿


-Yeeeees,我们是你的设计生涯加油站!-



如今,随着情感设计的兴起,越来越多的UX / UI设计师意识到情感的重要性,并开始为更好的UX创建情感界面。


著名的尼尔森诺曼集团的联合创始人唐纳德·亚瑟·诺曼(Donald Arthur Norman)在他的著名著作《情感设计》中首次引入了“情感设计”一词,并强调了情感设计对网页/应用程序设计的巨大影响,以实现更好、更愉快的用户体验。


作为UX/UI设计师,如何将情感融入到Web/应用程序界面设计中,并吸引更多客户?您是否正在寻找一些实用的情感设计原则或示例来帮助您制作有吸引力且令人愉悦的Web/应用程序UI?


在本文中,您将了解为什么情感设计很重要,它的含义,以及如何使用情感设计来增强您的产品UI / UX设计。


什么是情感设计?

情感设计是如何创建唤起情感的设计的概念,从而产生积极的用户体验。设计师的目标是在三个认知层面(内在、行为和反思)上接触用户,因此用户只与产品、品牌等产生积极的联想(有时包括负面情绪)。


“每件事都有个性:每件事都发出情感信号。即使这不是设计师的意图,查看网站的人也会推断个性并体验情感。”

——唐·诺曼(Don Norman)


作为设计师,您关注用户与您的产品或服务交互的需求。您设计的功能应该帮助他们尽可能高效地实现目标,这是合乎逻辑的。但你也必须关注他们的反应,这自然是情绪化的。


唐·诺曼情感设计的3个层次

事实上,产品或服务的情感设计会影响其成功,从而影响底线。无论他们是否意识到这一点,用户大部分时间都有复杂的思维过程。


唐·诺曼(Don Norman)在他的书《情感设计:为什么我们喜欢(或讨厌)日常事物》中,将情感联系分为三个阶段——内在的、行为的和反思的。这些阶段是相互关联的,即它们按顺序发生。



内在设计

这就是您第一次看到产品时发生的情况。有人称之为直觉。其他人称之为直觉。无论您选择如何称呼它,内在设计都会告知用户如何看待产品。



行为设计

用户找到你的应用的难易程度如何?哪些功能对他们最重要?这就是行为设计所回答的。



反思设计

这是用户在使用产品后做出有意识的决定的时候。它易于使用吗?愉快?还是他们很难完成任务?


增强情感影响的技巧

情感设计可以将产品的功能转变为令人难忘和持久的体验。


为了创造愉快的体验,设计师必须为每个层次(内在的、行为的和反思的)培养适当和积极的情绪。以下是培养这种积极性的一些技巧:


➬ 个性化和自定义——个性化用户体验,让您的用户感受到主人翁感。允许用户定制体验作为自己的延伸和表现。

➬ 富有表现力的图像——使用用户可以与之相关的图像、插图和动画 — 视觉效果本身可以展示情感并帮助用户产生共鸣。

➬ 积极的惊喜——通过让用户惊喜来唤起积极的情绪反应。

➬ 用户友好的语气——使用以更人性化的方式与用户交谈的语气和声音。通过对话式 UI 表达情感、同理心和鼓励。

➬ 幽默——大笑和欢乐是非常强烈的积极情绪,可以减轻恐惧和不确定性,同时唤起快乐感。

➬ 讲故事——帮助人们了解体验的旅程,构建他们的互动,并在使用产品后回忆他们的体验。

➬ 微交互——微妙的功能和指示器使界面感觉更加生动有趣,从而鼓励交互。      


如何设计情感界面以获得更好的用户体验?


使用精心制作的缩微文案/文案来表达情感

文字总是人们传递或表达情感的有用方法。在网站/应用程序设计中,文字也有效。与一些乏味、非个人或枯燥的指令、错误消息、通知、反馈和其他网站/应用程序文本相比,充满情感的词语可能更具说服力和吸引力。


有趣的微文案使您的网站具有吸引力,也可以缓解用户的负面情绪。



通过创造性和智能交互创造更好的体验

在网页/APP设计中,交互设计往往会增强功能,有效地满足用户的需求,给用户带来更愉悦的体验。


换句话说,一个好的Web/应用程序交互设计不仅足够容易让用户清楚地知道该做什么以及如何做。它还使用户能够顺利地完成交互,购买产品或成功阅读所需信息。这对于为用户提供更愉快的体验非常重要。

当用户输入密码时,顶部的动画人会遮住眼睛



为每个用户个性化载入体验

当某些东西专为您设计时,您感觉如何?

会觉得很特别,对吧?


这就是个性化载入体验的力量。与其让每个用户经历通用的用户旅程,不如添加个人风格。


一个很好的例子是来自 Notion 的入职流程。观察他们的用户如何分为两个部分。从图像到缩微拷贝,甚至CTA的所有内容都是为每个用户群定制的。



通过游戏化元素唤起积极的情绪

用游戏化元素娱乐用户。有很多SaaS公司都在这样做,但没有什么能比Asana的小怪物更胜一筹了,这些小怪物被称为庆祝生物。



使用微视频提升首次用户体验

您想观看视频还是通读长文本来了解新应用程序?虽然文本可能在一定程度上有所帮助,但视频在引导新用户方面更有效。——它更直观、更可操作、更个性化。


将空白状态替换为教程视频。就像Loom对这个屏幕所做的那样。了解他们如何利用空状态来显示视频教程以创建与用户的连接。



使用颜色和对比度,同时考虑到可访问性和可用性

在心理学中,颜色偶尔与决定我们如何应对情况有关。在组合颜色和对比度时,优先考虑可用性和可访问性,以满足所有用户群的需求。


一个很好的例子是Asana。为了帮助视力受损的用户,他们淡化了配色方案,使每个人都能享受更舒适的体验。



用细节打动用户

情感设计可用于多种类型的Web/应用程序界面(例如登录/注册页面,指导页面,反馈页面,404错误页面等),以减少用户的负面情绪,引导他们浏览网站/应用程序。


结论

发自内心的、行为的和反思性的情感设计共同创造了持久和愉快的产品体验。归根结底,情感设计就是为人们设计。人们关心他们在使用产品时的感受,因此您需要考虑您的产品在互动时给用户带来的感受。


这在用户是否愿意使用您的产品而不是其他类似产品方面起着重要作用。重要的是要确保您的产品满足用户的需求,而不会因糟糕的整体体验而疏远他们。


文章参考:

https://www.interactiondesign.org/literature/topics/emotional-design

https://inkbotdesign.com/don-norman-emotional-design/

https://userpilot.com/blog/emotional-design-examples/

https://www.mockplus.com/blog/post/emotional-design-principles


END


情感设计:如何增强您的产品UI / UX设计的评论 (共 条)

分享到微博请遵守国家法律