2019 年用户体验设计趋势回顾展

“创造力需要勇气。” ——亨利·马蒂斯

随着丰富的数字内容争夺数百万眼球，我们的注意力之争比以往任何时候都更加激烈。 随着分心的猖獗，我们可能正在达到所谓的“认知危机高峰”。 图像、视频、文本、插图、动画和播客充斥着赞助帖子、假新闻、我们朋友的度假照片、火灾中的澳大利亚、威尼斯市洪水和战争的征兆，所有这些都在短短的时间内当我们滚动浏览社交网络提要时，超过 10 秒。

通过这场风暴的媒介——数以百万计的分心，都在争夺我们的注意力——设计趋势通过创新和实验出现。 趋势的形成通常是因为有创造力的人设想了一些东西，创造了它，人们喜欢它，然后它传播开来。 有些趋势的寿命很短，有些会持续更长时间，有些会在几十年内被回收——见证 60 年代时尚和 Z 世代黑胶唱片的回归。趋势出现在许多领域和学科：从时尚到头发，从食品到汽车，从建筑到设计，甚至政治。

趋势源于创造力和大胆的实验。 1960 年，当发型冠军玛格丽特·芬奇 (Margaret Vinci) 受到《现代美容沙龙》杂志的编辑的鼓励，去做决定未来十年的“真正不同的事情”时，她想出了蜂巢式发型。 它像野火一样蔓延开来，成为整个 60 年代的热门趋势。 奥黛丽赫本的蜂巢，她在经典电影《蒂凡尼的早餐》中精美展示，是最具标志性的例子之一，碧姬芭铎对它的凌乱演绎也是如此。

与许多创新一样，设计师们在各种媒体上展示他们新铸造和精心制作的作品，以测试它们并展示它们。 一些用户体验设计是真正的努力，让事情看起来和工作得更好。 有些是虚荣项目，旨在提升设计师并让他们在 Dribbble 上宣布设计半神，获得 10,000 个赞——即使只是短暂的雷达。

在纷繁复杂的选择中，有些设计被抛弃，有些被保留并成长为一种 UX 设计趋势——不仅与消费者有关，也与同行有关。 同行们用竖起大拇指或竖起大拇指回应：哦，我喜欢这样。 看起来不错。 它使事情变得更好。 我喜欢那种风格。 或者，对我不起作用……有时，被 FOMO（害怕错过）的症状所克服，其他设计师也加入了潮流，广播：看，我很时髦，现代，也很现代！ 我与时俱进，检查一下，这是最新的东西。

模仿是平庸对伟大的最真诚的奉承。 奥斯卡·王尔德

一些用户体验设计师可能会抵制设计趋势，因为他们不想被视为追随者。 有些人完全拒绝设计趋势，将它们视为昙花一现的时尚，并坚持良好设计的原则。 以“永远的极简主义者”为例，他们是任何极简主义的死敌。 但持不同意见的设计师应该意识到，每种风格和趋势在世界上都有自己的位置。 当错误的趋势在错误的时间、错误的媒体、错误的背景下被使用时，就会造成严重破坏，人们会畏缩。

从设计趋势中汲取灵感在其他方面也很有用。 当可怕的创意障碍使设计师瘫痪时，从设计趋势中获得灵感可能有助于克服它。 寻找新的灵感来源并没有错，只要它不会导致盲目的模仿。 受到特定设计趋势的启发是对它的创造者的一种认可，承认它有效，并且有效的方法很快就会成为最佳实践、惯例和既定的设计模式。

让我们回顾一下 2019 年的 UX 设计趋势，并重点介绍十几个重要的趋势。

2019 年度用户体验趋势：无处不在的插图

在过去的几年里，异想天开的插图已经渗透到数字设计世界，但在 2019 年被推到了最前沿。这种趋势是由对视觉有机感性的渴望和远离冰冷、数字化的渴望推动的，“技术外观。” 这场运动与最近卷土重来的模拟媒体（黑胶唱片、复古服装、凸版印刷）相结合，这些都是由实际原材料制成的。 人们渴望有形的东西——自然、有机和合理的东西。

库存图片和库存插图已发布。 从异想天开的数字插图到黑白炭笔素描，任何具有有机感觉的东西都在. 等距插图风靡一时，不允许拟物化。 这一切都是关于网站和应用程序中的有机外观的自定义插图，甚至是按钮和图标。

如果设计师可以在插图中引入一点动作，那就更好了。 缓慢移动、微妙的动画为静态插图添加了有趣的元素，使其栩栩如生。

插图，特别是用于入职序列的插图，也已进入移动用户体验设计。

混合趋势并不少见。 创造性的登陆页面呈现滚动触发的视差多媒体动画，有时将动画插图与移动的背景、排版、照片和视频结合起来。

Let's Go Dark：黑暗模式/黑暗主题

由于黑暗主题的日益流行，越来越多的数字设计正在转向“黑暗面”。 酷炫的新黑暗模式已经侵入了各种平台：操作系统、电视、移动设备和网络。 Apple 通过他们的 TV UI，然后是 Mac OS Mojave，最后是 iOS 13 和他们的新 iPadOS，助长了黑暗模式的热潮。 深色主题 UI 有几个优点：它们看起来很舒服，可以更加时尚和优雅，并且可以节省电池寿命。

然而，如果设计师选择走阴暗面，他们应该谨慎行事。 可用的调色板可能会受到限制，错误的颜色组合可能会折磨眼睛。 除此之外，还会出现各种可用性问题——主要与可扫描性、可读性和对比度有关。 UX 设计师需要确保 UI 元素（例如按钮、文本和背景）之间有足够的对比度。 必须考虑使用的上下文，即查看环境，以及可能查看深色主题 UI 的设备。

极简主义/极简主义

伟大的产品事半功倍。 正如最新的网络和移动应用程序设计趋势所表明的那样，极简主义作为 UX 设计趋势很受欢迎。 作为极简主义的典型代表，苹果一直是其最有影响力和最有力的支持者。 向设计偶像 Dieter Rams 的理念和“突出设计”的力量致敬，Apple 以极简主义为导向的硬件和软件设计可谓是无与伦比。 借鉴苹果的做法，用户体验设计师长期以来一直强调将数字设计降至最低限度的重要性，只为人们提供完成任务所需的绝对必需品。

极简主义的拥护者认识到，人们的认知资源是有限的，他们处理和理解信息复杂性的能力也是有限的。 人们无法掌握赋予其完整含义所需的刺激的每一个细微差别。 显着信息是在给定情况下最有可能引起注意的信息，并且对如何感知刺激具有最显着的影响。

“创造力是承担风险的能力。 真正让自己处于危险之中，冒着被嘲笑、嘲笑、批评的风险。 但是……你必须冒这个险。” - 刺

与稀疏、冷酷的极简主义相反，极简主义是一种高风险、高回报的设计运动，需要承诺和信念的飞跃。 颠覆性、叛逆的用户体验设计师——反文化的“设计嬉皮士”——转向极简主义，以扩大、响亮并产生影响。 但从墨守成规的极简主义者中脱颖而出的愿望并非没有风险。 极简主义可以打出一拳，但也可能适得其反。 这只适用于那些愿意冒险并偶尔陷入火焰的大胆大胆的人。

极简主义者相信头脑喜欢刺激。 有时近乎奇异，极简主义的色彩、纹理和图案层层引起人们的注意，它的宣言宣称：“我们不会被忽视！” 极简主义设计涉及设计的许多方面：平面设计、网页设计、移动设计、室内设计、时尚、建筑等等——它是设计师激发和吸引人的一种方式。

新拟态

设计师想出新拟态是为了保持极简主义的感觉，同时结合最好的拟物化和材料设计。 拟物化有点过分——试图模仿现实世界中的物体——而且材料设计太扁平了。 新拟态介于两者之间。 然而，根据一些批评者的说法，尽管表面上看起来令人兴奋，但这种 UX 设计趋势可能是短暂的。

Neumorphism 允许“干净的设计”，去除颜色（通常用于表示 UI 中的元素），取而代之的是，该技术使用略微凸起或缩进的软阴影来分隔 UI 组件。 与许多趋势一样，设计趋势也可以混合在一起，设计师可以创造“设计趋势秋葵汤”，这是最新口味的令人兴奋的混合体。 例如，新拟态可以与其他趋势相结合，例如深色主题 UI。

有意义的微交互

“细节不是细节。 他们负责设计。” ——查尔斯·伊姆斯。

正是这些小细节才能将一款好的数字产品变成一款出色的产品。 《微交互》一书的作者 Dan Saffer 将微交互定义为“围绕单个用例的包含产品时刻——它们有一个主要任务。” 除了美学之外，执行良好、流畅的微交互可以在交互的时刻引起人们的愉悦。 微交互是关于在友好体验和令人沮丧体验之间产生差异的关键细节。

微交互不仅仅适用于移动应用程序； 它们还可以设计用于网站、桌面应用程序和 Web 应用程序 (SaaS)。 不过，设计师要小心，就像黑暗主题趋势一样，小心行事。 在错误的地方太多会适得其反并破坏用户体验； 因此，谨慎考虑提供多少以及在什么情况下提供它至关重要。

更多移动端手势交互

寻找界面线索和点击图标已成为移动设备上的禁忌。 人们越来越希望移动设备上的各种 UI 元素可滑动，这正在成为移动设计的最佳实践。 它提供了更好的用户体验，因为人们可以以不精确的方式执行手势。 例如，刷卡比查找并点击图标关闭卡片更快、更容易。 在大多数情况下，提供了两种交互选项。

对于较小的移动交互，例如共享、保存、偏好、放大图像或在社交信息流中观看视频，越来越多地使用分层的可刷卡。 在 Apple 最新的 iOS 13 中，分层卡片模式在其原生应用程序中被广泛使用。 其他应用程序也在利用这种自然而快速的移动交互技术。

3D 可视化为产品带来真实世界的感觉

高端、复杂的摄影很昂贵，而且库存照片已经过时了。 3D 可视化位于. 当对象以 3D 呈现时，几乎可以想象它们在那里被触摸。 从电子商务产品的数字版本和产品包装概念到室内设计可视化和等距办公室平面图，3D 帮助人们可视化事物的外观和感觉。 与摄影不同，3D 渲染的图像可以立即更改为另一种配色方案、缩放并放置在不同的环境中。

语音交互

人们对语音交互的舒适度正在提高。 我们与无生命的物体交谈，它们与我们交谈。 不仅当我们的双手满了、脏了或者我们正在开车时，我们才会在手机上使用语音交互。 越来越多的人通过语音进行搜索、口述短信以及通过语音命令播放音乐。

为了获得更多主流媒体的认可，我们与数字语音助手 Alexa、Cortana、Google Assistant 和 Siri 交谈，以获取旅行和天气信息、购物和订车。 除了流行的语音助手，使用语音交互的能力越来越多地内置到各种设备和应用程序中。 最近的一项调查发现，人们喜欢使用语音进行交互的原因是因为它快速、准确且无需打字。 换句话说，它减少了摩擦并提供了更好的用户体验。

对话式 UI 和聊天机器人

带有大型主图、按钮、链接和表单的传统登录页面正逐渐让位于最直观、最自然的交互模式之一——对话。 对话式 UI 提供了令人愉悦、更加个性化和顺畅的体验。

通常，聊天机器人是使用即时消息作为应用程序接口的人工智能平台。 聊天机器人不是通过要求他们填写表格来给用户增加负担，而是通过使交互更加自然和对话来减轻这种负担。 一些机器人不是人工智能，而是真正的人类通过聊天进行交互以提供更引人注目的用户体验。

即使某些事情所花费的时间可能是相同的（例如完成旅行预订），因为交互是对话式的并且被分解成多个块，因此减少了认知压力并改善了用户体验。

滚动触发动画讲述故事、销售产品和服务

在网络上销售产品时，产品的超特写、高端 3D 渲染正在风靡一时。 以生活方式营销为重点的滚动触发动画以引人注目的视觉效果讲述引人入胜的电影故事。 它们通常将定格动画、摄影和视频与优雅的排版相结合，旨在吸引和吸引人们。

专注于比人们以老式方式浏览的静态网页更吸引人的独特访问者体验，各种服务公司也在利用滚动触发动画 UX 趋势来销售从创意服务到数字设计和品牌的所有内容。

具有强大排版的混合媒体网站

在过去的几年里，网络以充满自我播放视频、动画 GIF、3D 动画和滚动触发动画插图的多媒体页面而生机勃勃。 再加上响亮的排版和视差滚动，感觉就像除了厨房水槽之外的所有东西都被扔进去了——但如果做得好，加上一些克制和精致的风格，它们肯定会吸引游客的注意力。 体验不再被设计为线性的，而是丰富且引人入胜的。

电子商务通过 3D、AR 和 Motion 活跃起来

在现实世界中购物是一种触觉体验。 研究表明，电子商务网站产品页面上的视频或 3D 动画往往会销售更多产品，因为人们可以更好地了解它们。 通过增强现实 (AR) 插入现实生活的产品也往往效果更好，因为人们可以“试戴”或将产品放入现实生活环境中。 随着快速互联网连接的增加和浏览器在呈现各种多媒体内容方面的能力越来越强，这些电子商务用户体验趋势必将继续下去。

选择 UX 设计趋势将继续存在

尽管如果不明智地跟上最新的 UX 趋势可能是一个陷阱，但跟上最新趋势至关重要。 这样做可以帮助用户体验设计师成为或保持领先地位。 UX 设计趋势可以促进 UX 设计师努力满足人们的高期望，因为在大多数情况下，它们已经通过 UX 设计实验过滤并被证明是有效的。

每年，都会出现热门的新用户体验设计趋势。 有些会流行，有些会衰落并最终消失。 通过一个无情的淘汰过程，只有最有用和最耐用的才能存活下来，这对于推进设计卓越用户体验的艺术和科学非常有用。

• • •

进一步阅读 Toptal 设计博客：

• 展望未来——2020年设计趋势
• UX 久经考验的真实法则（附信息图）
• 通过这些 Photoshop 教程掌握热门设计趋势
• 显着的电子商务趋势及其对设计的影响（附信息图）
• 所有的趋势都值得吗？ 网页设计师最常见的 5 个用户体验错误