尽管设计一个具有功能性和逻辑性的网站很重要,但至关重要的是,不要忘记客户与您所构建的网站之间的每次交互所产生的情感影响。不引起任何情感反应的网站无聊且无法留住客户。
唐·诺曼(Don Norman)的《情感设计》一书中说,设计师可以做很多事情来使他们的设计更具情感性。即使只是简单地关注网站的美学影响,也可能使您更有可能在情感层面上吸引客户。因此,我们将向您介绍一些在设计中运用情感的简单方法。
步骤1:使用视觉元素触发情感
视觉元素是您为情感而设计时最容易上手的点之一。这是因为好的视觉效果更能吸引人。
比如动画可以通过帮助观众了解您的产品的工作原理或在他们进入您的页面时使他们发笑而与观众建立情感联系;与团队合作的真实照片可以激发信任和亲和力。
再比如颜色也是触发情感的最常见视觉元素之一。在数字设计领域,像蓝色和绿色这样的阴影更有可能带来平静和舒适的感觉。另一方面,红色和黄色经常会激发人们的热情和幸福感。使用颜色的方式可以极大地改变用户到达网站时的感受。例如,在大多数情况下,银行网站无法没有过多的动画或色彩,因为这可能会损害其专业形象。以与品牌调色板互补的方式添加蓝色小块是产生信任感的好方法。结合真实真实的人的形象和沉稳的色调,银行立即将自己展现为平易近人和诚实的人。同时,银行网站的清晰层次结构,易于理解的导航栏,易于阅读的字体以及清晰的标题和按钮使客户感到舒适。当用户访问金融网站时,将获得他们所期望的一切,这使用户感到自己在正确的位置。
步骤2:建立互动和情感互动
视觉元素是将情感嵌入数字设计的一种好方法。但是,它们只是第一步。您的网页设计选择的情感方面也应贯穿整个互动过程。网站或应用程序上的良好交互必须足够简单明了,以使用户在踏上下一步旅程时感到自在。但是,它也需要引起用户正确的情感回应。
比如在网页注册信息页面,在注册表格旁边使用包括折扣信息在内的框,还可以提醒客户他们免费获得一些东西,从而使互动更具情感感。每当您为网站设计页面时,无论是结帐页面,产品页面还是其他所有页面,都请考虑访问者此时所具有的交互性。您如何确保每个客户都感到更舒适,更高兴,更了解情况或更具敬业精神?
第3步:利用显微镜和细节表达情感
视觉是表达情感的绝佳方式。但是,它们不是唯一的选择。作为设计师,您需要考虑如何将网页设计与使用显微镜相结合,以更深层次地与客户联系。与其引起人们对网站上乏味,呆板或非个人化的说明,通知和错误消息的关注,您如何确保网站上的所有内容都具有相同的情感影响?简单地添加一个小插图就足以为客户提供更多的情感体验。404页上的引人注目的微型副本和插图还可以加强客户与他们访问的网站的联系。
第3步:利用显微镜和细节表达情感
视觉是表达情感的绝佳方式。但是,它们不是唯一的选择。
作为设计师,您需要考虑如何将网页设计与使用显微镜相结合,以更深层次地与客户联系。与其引起人们对网站上乏味,呆板或非个人化的说明,通知和错误消息的关注,您如何确保网站上的所有内容都具有相同的情感影响?
简单地添加一个小插图就足以为客户提供更多的情感体验。404页上的引人注目的微型副本和插图还可以加强客户与他们访问的网站的联系。比如Google在没有互联网连接的情况下的恐龙游戏。正确的微观复制和互动可以立即将甚至是负面体验(例如无法连接到互联网)转变为一种令人着迷且积极向上的事物。
尽管情感影响可能是出色的网站设计的重要方面,但重要的是不要迷失方向。以很少的额外图形和独特的交互方式在网站上添加太多内容,最终可能会使网站承受压力,并使其加载缓慢。
考虑最终用户与网站的每一次交互如何使他们感到感觉很有价值,但重要的是在使用Web设计时不要忽视其基础。您仍然需要确保装饰设计易于使用,吸引人并且引人入胜。注意用户体验设计的基础知识,并确保您注入到网站中的额外情感元素不会损害最终用户获得的体验。
如果您可以在情感影响和功能之间找到完美的融合,那么您可以创建一种观众永远不会忘记的网站。