值得关注! 2022最新交互设计趋势

人人都是产品经理 • 2年前扫码分享

我是创始人李岩：很抱歉！给自己产品做个广告，点击进来看看。

编辑导语：交互设计在近些年来的发展趋势令人十分震惊，尤其是在2021年。这篇文章，作者为大家罗列了交互相关领域中UX/UI设计的最新发展趋势，一起来看看吧。

值得关注! 2022最新交互设计趋势

交互设计在2021年呈现了惊人的发展趋势，而它在2022年的发展也将是非凡的。根据相关调研表明，人们对于叙事、个性化和情感交互设计等体验的关注逐渐增加，而这些也为用户体验带来了更深的意义。

今天，小站就为大家罗列一下交互相关领域中 UX/UI设计 的最新发展趋势。

一、用户体验设计

1. Seamless Experience

Seamless Experience (无缝体验)，主要创造一种从一个步骤 流畅过渡 到另一个步骤的用户体验。

为了实现无缝体验，我们需要专注于创造连续性，其中包括：特定场景或流程的连续性（例如付款操作）、更高、更大图景的连续性（例如从登陆网站开始的完整用户操作流程）等等。

在无缝体验中，最重要的是保持一致的用户体验，同时给定体验中的每个元素都是彼此自然发展的。 流畅的体验对用户来说就意味着积极的体验 。

值得关注! 2022最新交互设计趋势

应用程序：Revolut

其实，我们可以看到无缝体验已经被应用于一些应用程序中，它通过 “ 小程序”或第三方集成 为用户提供更多的服务。

无论是视频源还是社交和电子商务集成，其目标都是为了保持用户的关注度。例如，最初只是一个社交平台的微信，现在也已经包含了完整的电子商务体验。而在Instagram、Facebook和Twitter等社交平台上也已经集成了电子商务。

值得关注! 2022最新交互设计趋势

两款微信小程序

左：饿了么；右：携程旅行

如果我们想要呈现完美的Seamless Experience，那么在设计过程中可以遵循以下几点：

保持简单而一致的操作 ：简单、干净且一致是一种永远都不会消亡的设计趋势。完美的交互体验可以帮助用户轻松导航而不会出现任何混淆
缩短用户操作流程 ：简短而简单的流程可以吸引访问者使用我们的服务
呈现出挑的登陆页面 ：一个好的登陆页面可以轻松帮助用户找到我们的产品或服务

缩短用户操作流程

2. Scrollytelling

一味地滚动界面很无聊。

如果我们想吸引用户注意力，就要实现Scrollytelling (滚动叙述)。它可以在页面和应用程序中 通过滚动的方式呈现内容叙述 。

想象一下，当我们在制作一个网站时，每个滚动插图、字体、文本片段和其他元素都开始变得栩栩如生。

这种UX设计趋势非常有助于 提高用户的参与感 。虽然用户不能影响滚动叙述的进程，但整个内容就像电子游戏一样，带领他们穿越符号迷宫。将故事叙述通过滚动的方式也可以进一步帮助用户了解我们项目的方方面面，进一步增加用户体验。

以 Anton&Irene 的滚动设计为例，它的好处就是用户 无需点击和连续滚动 ，即可了解该网站所提供的服务。

此外， Google 的动态文本也以Scrollytelling的方式增加了用户的阅读体验。

滚动叙事在用户向下滚动时被激活，用户只需停留在一个地方，屏幕上的内容就会自动展开。这不需要我们创造出酷炫的视觉效果，仅仅只需展现出 真正想表达的内容，以及表达对象 。

我们需要知道， Scrollytelling是为用户创建的 ，他们不需要前往任何页面即可了解整个网站。因此，我们应该使页面变得生动有趣，每一秒都展现出新事物，进而降低用户在阅读时的无聊感。

©IAmBinadam

3. DataVisualization

随着疫情的常态化发展，如今出现了一种叫做 COVID Hangover 的现象。

这是疫情对公司及其员工的长期影响：人们的压力和焦虑明显增加，而其工作量在过去的两年中也在随之增加。这也使得人们在面对繁琐的数据时，表现得更加浮躁。

因此，在这一背景之下，我们需要改变设计思路，以 数据可视化 的方式保持大家的关注度。数据可视化有助于以引人入胜的方式传达正确的信息。它与Scrollytelling直接相关。

以下是 IAmBinadam 显示数据的方式：团队通过消除数据集的复杂性来设计了这一网站，进而促使读者更容易理解信息，并通过图片迅速注意最后的结论。

不同级别的不同数据，可以帮助用户知道首先关注的点

有些数据图表乍一看并不像图表，这就使得它们更具戏剧性

数据可视化在某些体验中是绝对的、必不可少的部分。它在UX设计中可以使体验 在视觉上变得易于理解 。我们可以通过以下方式对数据进行 可视化表述 ：

图表和图形
插图（包括带有手写短语的插图）
静态信息图表
交互式信息图表

插图

©InkFactory

交互式信息图

4. Microinteractions

交互为用户创造了良好的体验，而 带有微交互的网站可以为用户提供完美的反馈 。微交互是帮助用户浏览网站或应用程序的小界面更改。通常，作为用户提示的视觉或声音效果，微交互会 显示发生了什么、将导致什么操作以及接下来需要做什么 。

Awwwards的悬停效果

在设计过程中，重要的是要达到 界面元素的和谐 。微交互的一个重要部分就是颜色，它会为界面元素带来不同的意义。

此外， 动画交互 也将为我们的设计注入活力，并有助于保持用户的参与度。关注每一个细节是我们进行设计的一个关键方面，因为它可以带来更好的用户体验。

我们所创建的微交互也可以通过 游戏化的方式 来改善用户体验。以 CTA 这一品牌为例，它展示了一些用户操作的重要性，并明确表达了一个观点，即：它关心读者是如何看待信息的。

CTA动画效果

二、用户界面设计

1. Metaverse

今年，元宇宙 (Metaverse)火爆全网，扎克伯格将Facebook正式更名为 “Meta”，并创建了专属标志。而在2022年，元宇宙的势头也将继续持续下去。在2022年，随着VR和AR技术的不断完善，用户在数字世界中将会获得逼真的 虚拟形象(avatar) ，而这也将会为用户呈现出全新的交互体验。