编者按：转眼之间，我们就迎来了2022年。过去的2021年中，设计趋势依然随着整个设计行业的发展，而发生着缓慢而深刻的改变。这篇文章来自编译，文中针对2022年值得关注的UI/UX设计趋势展开了预测。由于篇幅问题，本文将拆分为两部分。这一篇是第一部分，文中介绍了其中五大设计趋势。

相比2020年，2021年是否更好？如果就用户界面（UI）和用户体验（UX）两大领域而言，那么答案是肯定的。

2021年，惊艳四座的网页和应用程序纷纷亮相，为平面设计师打造的全新软件接连发布，设计界的创造力呈井喷之势。

设计师们被迫在家办公，他们创造出了更多作品，同时也有时间去反思现有作品。要知道，无聊是设计师最大的敌人，为此，他们会不计代价地去打破这种无聊现状。

那么，2022年值得关注的UI/UX设计趋势是怎样的呢？从目前来看，我们已经可以预测到设计界未来一年的大致趋势，就像我们去年针对2021年所做的预测那样（非常准确）。

阅读完这篇文章，你将收获：

滚动“已死”，“滚动叙事”将成为热潮

滚动是一种非常传统的页面浏览方式，但这种方式却让用户感到越来越无聊。如果想吸引用户注意力，那就采用“滚动叙事”。

《纽约时报》（The New York Time）是最早在文章中使用“滚动叙事”的机构之一。

“滚动”这一形式在网站页面和移动应用端都可以实现。你可以设想一下，在制作网站时，伴随着每次滚动手势，页面上的插图、字体、文本片段和其他元素也跟着滚动起来，并且呈现出一副栩栩如生的画面。这样的叙事方式必然会吸引用户一直读下去。

它就像电子游戏一样，带领用户穿越符号迷宫。虽然不能影响故事走向，但用户却能够置身其中，体验一种身临其境之感。

2022年，几乎所有热门网站都会采用“滚动叙事”的设计方式。用户已经厌倦了那些充斥着无用信息的页面。

设想一下，如果你想去健身房健身。你可能会进入某个当地健身房的网站。进入页面后，你可能会看到这类的口号：“和我们一起健身吧！”你可能会发现，这种口号形式有一定的趣味性和新颖感。

接下来，再向下滚动，你还可以看到各种各样的补充信息，比如全员介绍、健身价值观、企业使命等。这些内容过于俗套，你甚至可能都不会关注这些内容。

我需要滚动四个屏幕，才能获得相关信息，这种体验太糟糕了。

与此相反，滚动叙事却能吸引读者“用心阅读”。比如，你可以借助动态文本提高用户的关注，在这方面，谷歌团队就知道如何把将网页上的说明文本变得更有趣味：

当用户向下滚动浏览页面时，就会自动开启滚动叙事，它也因此得名。不用点击，没有选择，也没有弹窗。

它给你的体验就是，你只需要停留在一个地方，通过不断滚动页面，屏幕上的故事便会娓娓道来。设计师不但要设计出炫酷的视觉效果，而且还要精心构思希望叙述的故事：故事的情节和受众。另外，最好的网站不是两天就能建成的。

IAmBinadam引人入胜的“滚动叙事”设计

滚动格式的项目通常需要投入大量的时间和精力，但成果是值得的。页面可以变得更加生动活泼，而且可以做到“瞬息万变”。因此，受众在浏览过程中，也很难感到无聊。

你可能想问，这种设计方法适用于移动应用程序吗？一款名为Pure的约会应用程序，就设计了“轻击叙事”的用户体验。

滚动叙事为用户而生并深受用户喜爱。用户无需跳转到其他页面，就能阅读整个故事内容。相反，网页设计的整个叙事，通常都是经过提前布局并以尽可能有趣的方式而构建的。

用户喜爱数据，那就让数据更可爱一点

2022年，如何创建一个像样的企业网站？你不想对用户说你是“某某领域公认的领导品牌，是该领域的佼佼者之一”。这种常规的广告话术并不能传达出任何实质内容。

最好去掉形容词并呈现事实：你有多少分支机构，分布于哪些城市，你的客户是谁，以及你如何帮助客户。抽象信息不可靠，但事实绝对可靠。但如果你希望分享大量数据，那就以简单有趣的方式呈现出来。

数据可视化有助于通过博得关注的方式传达准确的信息。它还与滚动叙事直接相关。旨在促进性少数群体融入社会的网站IAmBinadam在数据可视化方面就做到了引人入胜：

团队设计网站，通过消除数据集的复杂性，从而简化信息，便于用户解读。

用户可以直观便捷地了解有关数据。

在借助图片的情况下，读者可以快速发现作者试图得出的结论。考虑到现如今人们读取的数据量之大，那就更不应该随意散乱地分布各种数据信息。

乍眼一看，有的图表可能看起来并不像图表。

此外，还有一种现象叫做“新冠后遗症”。它指的是新冠疫情对企业及其员工的长期影响。

据英国国家统计局（Office of National Statistics）的数据显示，2018年英国人的紧张和焦虑平均得分约为2.7/10。由于新冠疫情的暴发，这两项数据已经上升到了4.0/10，并且此后几乎没有下降。

人们压力山大、疲惫不堪，所以不想看那些复杂数据。但设计师知道如何降低疫情对人们的负面影响。

此外，他们还能通过数据可视化来保持人们的注意力。值得注意的是，复杂信息通常都会被忽略，因为用户都希望节省时间，一看到复杂信息他们就有可能直接滚动下滑了。

图片来源：Mona Chalabi

在数据可视化方面，我们推荐利用以下这些元素：

图片来源：Ink Factory

如何让信息图表更吸引眼球？

设计精美的图表，或任何其他形式的数据可视化方式，都应该具备爱德华·塔夫特（Edward Tufte）在《定量信息的可视化显示》（Visual Display of Quantitative Information）一书中说描述的特征。

在塔夫特的这本书中，他介绍了通过图表真正把故事讲好的三大原则。

首先，用于显示数据的图形元素与图形元素总数的比例应趋近于1∶1。简单地说，不要把注意力放在装饰图表上。务必删除不必要的内容元素。

图片来源：Hootsuite

其次，最大化利用图形的一切空间。也就是说，数据排列要保持紧凑而简洁。

图片来源：Hootsuite

最后，关注“畸变因子”这一概念：你要客观地描述数据。不要使用夸大的图形，并提供诚实的统计数据。虽然数据可视化应该展现出炫酷的一面，但诚实永远是更重要的因素。

移动应用程序仍有发展潜力

根据媒体研究机构We Are Social的数据显示，2021年全球共有52.2亿手机用户——约占世界总人口的66%。自2020年1月以来，独立手机用户数量增长1.8%（约9300万），而移动连接总数则增加了7200万（0.9%），截止2021年初已达80.2亿。

过去一年中，全球社交媒体用户数增长了13%以上。截止2021年初，社交网络新增注册用户数已接近5亿。据移动互联网市场研究公司AppAnnie称，Android用户每天使用手机的时长超过了4小时。2020年，全球Android用户上网总时长已达3.5万亿小时。

这组数字够震撼了吧？2022年，你似乎也必须要开发出相关产品或服务的移动应用程序了。那么，你该如何知道你的企业是否真的需要一款应用呢？对此，如果存在以下几种情况，那你就可能需要准备预算来开发应用程序了。

这是你应该了解的重要数据。客户与你产品交互的时间越长，你就越有机会去吸引他们，了解他们的习惯并提供他们想要的产品。

如果你希望提高员工工作效率、改进工作流程或提高利润，那你可以开发一款能帮助你管理业务流程的移动应用程序。

如今，这类应用程序可以帮助企业完成越来越复杂且多样化的任务。它能够让重复性的日常操作和文档管理工作变得更加快捷，创建有助于处理复杂决策的算法，并了解员工工作方式及工作情况。

如果你认为，应用程序可以为用户开辟新的接触点，并让用户体验变得更加成功，那就值得考虑开发一款应用程序。

问问自己，移动应用可以创造哪些新的商机。例如，在疫情影响下，许多人都更加关注健康，并转向在家通过健身应用来锻炼。

然而，对于需要处理照片或室内设计公司而言，应用程序却几乎毫无用处。这类公司需要展示自己的作品集，而在移动设备上浏览大图却很不方便。所以，这类公司最好还是开发自己的网站。

在市场中，你必须了解竞争对手在做什么，他们是否开发了应用程序，他们能做什么，以及用户是否认为他们有价值。对此，你可以通过苹果App Store或谷歌Google Play等应用商店了解有关统计数据。

竞争对手的应用下载量和用户评论可以告诉你用户使用其应用程序的情况。如果他们真的能为用户提供方便而必要的服务，而你却因为没有开发同类型的应用或功能，那就可能会因此落后。

应用程序可以帮你留存那些经常向你购买产品或服务的客户。你是否想过为老客户推出促销活动？你可以给他们推送一条行动召唤通知，比如节日大促销？

最好给用户发放打折优惠码。在正确的时机，你的优惠力度越有吸引力，人们下单购买的可能性就越高。

出租车公司的客户必然会经常复购，因此必须要开发应用程序。

如果开发移动应用，那你就无需再为设计和印刷投入相关费用，客户也无需携带实体会员卡。将你的忠诚度计划整合至移动应用中，并通过电子方式分享吸引人的促销活动、折扣优惠和满减红包。

开发移动APP？还是开发移动友好的浏览器版本？

开发移动网站比开发移动应用更简单，因此能降低整体推广成本。

部分原因在于，响应式网页设计的出现，得以让网站自动适配屏幕宽度。然而，开发移动应用则需要涉及Android、iOS以及Windows等多个平台的复杂工作。

据估计，还有一个小趋势还将持续到2022年，即越来越多的应用程序都变得更加相似这一现象。同时，它们也有一定程度的独特性。

有些设计师认为，“前端驱动的Web体验”将是2022年的大好机会。对此，我们只能表示赞同！

译者：俊一