Тренды UI/UX, которые будут на пике популярности в 2022 году и не только

Пандемия коренным образом изменила нашу жизнь. Повлияла она и на дизайн. Поскольку аудитория цифровых продуктов стала шире, новейшие технологии ушли на второй план, уступив место таким ценностям, как доступность, инклюзивность, локализация, упрощение.

В статье вы найдете 10 трендов, которые будут на пике популярности в 2022 году. Они довольно универсальны, поэтому, скорее всего, сохранятся надолго. Вы узнаете:

• что такое Lottie-анимации и почему сейчас они актуальны как никогда,
• какими преимуществами обладает темный режим,
• какие новые метрики юзабилити представил Google,
• почему стоит задуматься о локализации сайта/приложения и т.д.

Мы думали, что знаем, каким будет наше будущее.

По мере того, как 2020 год подходил к концу, тренды UI/UX-дизайна развивались в новом захватывающем направлении: сочетание простых интерфейсов и мощных высокопроизводительных технологий, таких как искусственный интеллект, 3D, а также виртуальная и дополненная реальность.

Затем пришла пандемия, а вместе с ней и новые пользователи, которые нуждались в простых решениях и инструментах. Дизайнерам пришлось подстраиваться под изменения. Приоритетом стала доступность. Теперь принципиальное значение имеют простая навигация, крупная типографика и четкие инструкции.

Влияние такого “ковидного” доступного подхода, вероятно, еще долго будет ощущаться в мире UI/UX. Давайте же обратимся к последним дизайн-трендам, которые окажутся на пике популярности в этом году, привлекут внимание пользователей и помогут усовершенствовать ваш стиль.

1. Lottie-анимации

Поскольку цифровой рынок с каждым годом становится все более конкурентным, дизайнеры ищут новые способы привлечь потребителей и удержать их. Но иногда и старые приемы не менее эффективны — это доказывает вновь возросший интерес к анимации. В 2022 году именно анимация станет одним из лучших способов завоевать внимание аудитории (в конце концов, мы высоковизуальные существа). 

Одна из наиболее заметных тенденций, которую можно наблюдать в работе современных дизайн-команд, — это использование Lottie-анимаций. По данным Exploding Topics, в период с 2017 по 2021 год количество одноименных поисковых запросов выросло на 2300%. 

Этот инструмент с открытым исходным кодом на основе JSON был разработан для того, чтобы дизайнеры могли быстро создавать, тестировать и отображать анимации. Это не просто GIF — Lottie-анимации гораздо меньше по размеру, но при этом отличаются превосходным качеством.

2. Больше приложений и сайтов с темным режимом

Темный режим в той или иной форме существует уже давно, но именно обновление Apple Mojave 2018 года сделало его по-настоящему популярным. С тех пор он доступен не только в iOS — темный режим также реализовали такие мировые гиганты, как Amazon, Microsoft, Google и многие другие компании. 

А для работы с теми приложениями и платформами, где он недоступен, пользователи могут просто загрузить специальное расширение для браузера, например Dark Reader, которое позволит принудительно переключить интерфейс в темный режим. 

Есть множество причин для добавления темного режима. Например, он поможет увеличить время автономной работы устройств и уменьшить количество пугающего "синего света", который мешает нашему мозгу спать по ночам. 

С точки зрения UI/UX высокая контрастность темного режима позволяет сделать тексты более читаемыми, улучшить цвета и детализацию изображений и видео. Также он снижает нагрузку на глаза, и поэтому эффективен для удержания пользователей.

Речь не просто об инверсии цветов. Дизайнеры должны учитывать тот факт, что черный текст, размещенный поверх изображений, может исчезнуть, если пользователь включит темный режим Google Chrome. 

3. Рост популярности голосовых пользовательских интерфейсов

Еще один тренд UI/UX, на который стоит обратить внимание, — голосовой поиск. Дизайн выходит за рамки визуальных интерфейсов. Теперь он задействует и другие органы чувств.

Голосовые пользовательские интерфейсы (VUI) уже стали мейнстримом благодаря Siri, Amazon Alexa и устройствам Google Nest. Согласно отчету MarketsandMarkets к 2025 году рынок голосовых интерфейсов вырастет почти до 25 миллиардов долларов. В 2022 году подобные решения станут еще более актуальными. 

Нетрудно понять почему. Людям нужны скорость и удобство, а голосовой пользовательский интерфейс способен это дать. Причем им не придется даже прикасаться к устройству, не говоря уже о том, чтобы тратить время на переход к определенному приложению или ввод сообщения. В любое время, в любом месте (хотя, возможно, и не стоит кричать слишком громко в общественном транспорте).

Это особенно актуально для молодых пользователей, которые не просто знакомы с VUI — они воспринимают указанную технологию как должное.

4. Микровзаимодействия имеют ключевое значение

Мы уже знаем о том, что анимация снова в моде, но микровзаимодействия также станут одним из основных инструментов в наборе UI/UX-дизайнера, особенно, если вы проектируете интерфейсы для мобильных устройств.

Небольшие графические элементы и анимации — отличный способ удержать пользователей. Хотите показать, что их запрос обрабатывается? Добавьте индикатор загрузки. Хотите обратить их внимание на новое сообщение? Уведомление в виде звенящего колокольчика — как раз то, что нужно. 

Используйте микровзаимодействия, чтобы привлечь внимание, информировать пользователей и направлять их туда, куда им нужно (или куда хотите вы). 

5. Сохраняется акцент на юзабилити 

О том, как сделать опыт взаимодействия более удобным, думаете не только вы. Google также стремится улучшить UX и представляет 3 новые метрики юзабилити в рамках Core Web Vitals, “единого руководства по критериям качества, которые обеспечивают отличный опыт взаимодействия в Интернете”.

Вот эти метрики:

1. Largest Contentful Paint (LCP) — Отрисовка самого большого элемента

LCP — это время рендеринга самого большого видимого элемента на странице. Позаботьтесь о том, чтобы пользователям не пришлось ждать более 2,5 секунд.

2. First Input Delay (FID) — Задержка первого ввода

FID — время реакции на первое действие пользователя после загрузки страницы. Например, время между нажатием кнопки "Добавить в корзину" и фактическим добавлением товара (и уведомлением об этом пользователя). Лучше всего, если FID не превышает 100 миллисекунд. 

3. Cumulative Layout Shift (CLS) — Кумулятивный сдвиг макета

Этот показатель используется для измерения визуальной стабильности сайта. Стремитесь к тому, чтобы CLS на страницах не превышал 0,1.  

6. Инклюзивность превыше всего

Разнообразие. Инклюзивность. Доступность. Ключевые UI/UX-термины 2022 года. Опираясь на успехи технологического сектора перед лицом глобальной пандемии, дизайнеры захотят и дальше укреплять эти характеристики, чтобы охватить более широкую аудиторию. 

Это означает, что в основе подхода к дизайну и разработке веб-страниц и мобильных приложений должно лежать “инклюзивное мышление”. Поищите, что можно усовершенствовать — витиеватые (но нечитаемые) шрифты, мелкий текст и кнопки, по которым трудно попасть, — все это верный способ оттолкнуть пользователей с ограниченными возможностями. 

Собирайте реальные отзывы и как можно чаще тестируйте продукт, чтобы убедиться, что вы позаботились обо всех пользователях.

7. Упрощение пути пользователя и информационной архитектуры 

Чем проще, тем лучше.

С начала пандемии многие компании представили новые функции и услуги, чтобы помочь пользователям. Но поскольку ситуация оставалась непредсказуемой, дизайнеры и разработчики должны были действовать быстро и оперативно, поэтому хотя дополнения оказались функциональными, они не всегда могут похвастаться качественным интерфейсом.

Поскольку мир постепенно встает на ноги, 2022 год дает шанс, наконец, доработать эти решения, сделав их не только эстетически привлекательными, но и удобными, чтобы продукт не напоминал Франкенштейна.

Задача состоит в том, чтобы добавить больше услуг и функций без ущерба для опыта в целом. Простой поддержки недостаточно. Приложения и страницы необходимо оптимизировать и упростить (по крайней мере, визуально). 

8. Сближение дизайна и разработки: отказ от исключительно графических инструментов

Одна из главных сложностей для любой UI/UX-команды — пропасть между дизайном и разработкой. Это вечная борьба между тем, что классно выглядит, и тем, что можно реализовать на практике. Мне это напоминает разногласия между режиссером и продюсером. 

У вас есть видение продукта. А команда разработчиков говорит, что это неосуществимо — по крайней мере, так, как вы себе это представляете…

Описанный подход оказался неэффективным и нецелесообразным в динамичном, никогда не спящем онлайн-мире. Поэтому в 2022 году дизайн и разработка станут ближе, чем когда-либо прежде. Многие специалисты откажутся от чисто графических инструментов, которые позволяют создавать эстетически привлекательные, но лишенные функциональности, концепции.

9. Локализация контента и опыта взаимодействия

Персонализация — ключ к созданию инклюзивного опыта, а в эпоху глобализации она подразумевает локализацию. Ваша команда должна быть готова решить эту задачу и предложить пользователям различные параметры настройки. 

В былые времена многие пользователи закрывали на это глаза. В Интернете господствовали американские компании, а остальным странам приходилось с этим мириться. Иностранные пользователи принимали американское написание, расположение контента "слева направо" и другие аспекты нелокализованного опыта взаимодействия.

Теперь же они ожидают соблюдения норм их собственной онлайн-культуры. В конце концов, Интернет — место для всех. Учитывайте это, если разрабатываете продукт для широкой аудитории.

Например, кнопка "Add to Cart" (добавить в корзину) для британских пользователей может измениться на "Add to Basket". Страница входа в систему может запрашивать электронную почту у западных пользователей, но в нужный момент переключаться на номер мобильного телефона — используется по умолчанию в некоторых азиатских странах. 

Потратьте время на изучение различных рынков, чтобы определить, что и где необходимо локализовать. 

10. Пользовательские шрифты (необычные и простые)

Настало время одной из ведущих тенденций UI-дизайна — смелой типографики, которая помогает выделиться из толпы. На высококонкурентном цифровом рынке нужно произвести впечатление. 

Показать свою индивидуальность.

Быть узнаваемым и отличаться от других.

Популярным решением становятся пользовательские шрифты. Скорее всего, это обойдется вам недешево, поскольку разработка уникального шрифта, как и его дальнейшая имплементация требуют времени и усилий.

Один из признаков хорошего брендинга — когда пользователи могут узнать продукты и материалы компании, несмотря на отсутствие логотипа. Пользовательский шрифт, с засечками или без, — отличный способ добиться такой уникальности. 

Тренды UI/UX-дизайна: какие из них стоит запомнить?

В 2022 году вашим главным приоритетом должно стать создание доступных цифровых продуктов, какие бы цели вы ни преследовали — привлечь пользователей со всего мира, создать приложение для людей всех возрастов или всего лишь максимально упростить процесс проектирования/разработки для вашей команды.

В то же время необходимо сосредоточиться на создании притягивающих взгляд интерфейсов. Используйте анимации, смелые шрифты и простой дизайн, чтобы привлечь пользователей.