Тренды UI 2024: интерфейсы от нейросетей, эмпатичные приложения и брутализм

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

Пробежались по множеству англоязычных источников, начиная с Medium и заканчивая соответствующими роликами на YouTube, чтобы собрать для вас тренды дизайна пользовательских интерфейсов в 2024 году. Хочется сразу отметить, что прогнозы в этом сезоне выглядят с одной стороны очень осторожными, с другой – совершенно хаотичными. Словно одни дизайнеры пытаются собрать воедино все возможные тренды, надеясь пару-тройку раз попасть пальцем в небо, а другие вообще боятся что-либо предсказывать.

Судя по всему, развивающиеся лихими скачками нейросети, особенно та их часть, которая уже сейчас свободно генерит код, интерфейсы и любой сложности графику (и как бы намекает, что это только начало), заставляют аналитиков нервничать: как они изменят UI и чего ещё от них ждать?! Поскольку на носу Новый год и Рождество, мы предлагаем ждать чудес. А основные тренды (которые показались нам правдоподобными и которые повторяются хотя бы несколько раз в разных источниках) мы вам сейчас представим. Мы старались брать в расчёт преимущественно UI – и те аспекты UX, которые наибольшее влияние оказывают именно на визуал, и вот что у нас получилось.

Дополненная и виртуальная реальность

AR и VR совсем не новое веяние, но развиваются эти технологии не менее активно и устойчиво, чем нейросети, а потому остаются в топе и с точки зрения разработки интерфейсов. Дизайнерам предстоит улучшать пользовательский опыт, внедряя во взаимодействие с продуктом технологии виртуальной и дополненной реальности. Это может быть e-commerce, улучшенная с помощью AR, или игровые интерфейсы, дополненные виртуальной реальностью для пущей геймификации. Так или иначе, это как раз та сфера, где можно будет увидеть много нового, яркого и поражающего воображение, то, что удивит нас не только с точки зрения технологий, но в первую очередь – с точки зрения эстетики.

Голосовые UI

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

Интеграция с ИИ

Все в один голос кричат о том, что искусственный интеллект будет играть ключевую роль в UI/UX дизайне в 2024 году. Начиная с процесса проектирования интерфейса (тут, конечно, больше про UX речь, но невозможно не упомянуть), когда ИИ может анализировать данные пользователей и помогать принимать эффективные решения по дизайну. Продолжая персонализированным подбором контента для пользователей. И заканчивая, собственно, созданием самих юзер-интерфейсов с помощью ИИ. Например, проект Make Real на основе доски для скетчей tldraw, где набросок прототипа с описанием легко превращается в полноценный прототип, который по желанию становится интерактивным и легко правится. По факту можно быстро собрать MVP «на коленке».

Для пущей радости кто-то уже выпустил плагин для VS Code: рисуешь прототип – а тебе генерируется код на нужном языке, даже голову ломать не надо, смогут ли разработчики потом справиться с мощью твоего креатива. А уж какой полёт фантазии там можно развернуть! Только представьте: всё, что вы когда-либо хотели увидеть в интерфейсе, можно воплотить по щелчку пальца (ну, почти… и не бесплатно… но тем не менее!). Неудивительно, что эксперты несколько теряются с прогнозами. Какие уж тут тренды, если можно совершенно случайно получить полностью изменившееся представление о UI меньше, чем за год.

3D + минимализм

Ладно, выдохнем, перестанем настороженно шевелить бровями и вернёмся к чуть менее фантастической красоте. Одна из немногих именно «графических» тенденций в нашей подборке – и она (на субъективный взгляд автора, конечно) действительно очень хороша. Просто берём сочненький 3D-дизайн, добавляем в нужной пропорции элементы анимации (она, кстати, тоже всё ещё в тренде), убираем всё-всё лишнее (минимализм one love) и получаем потрясающе эстетичный, комфортный и лаконичный интерфейс.

Где-то рядом сбоку маячат дети тактильного реализма – неоморфизм и глассморфизм, которые вот казалось бы уже «всё», но некоторые авторы их упорно в список трендов включают, а кто мы такие, чтобы спорить с экспертами! В целом 3D-элементы помогут дизайнерам привлечь внимание и добавить глубины и реализма, что, конечно, привлекает пользователей.

Брутализм+...

Не любите гладкие, как галька на пляже, лаконичные 3D-элементики? Тогда вам сюда! Гигантские заголовки, крупные шрифты, яркие цвета, безудержный контраст (да, чёрный #000000 здесь можно и нужно!), пляшущая во все стороны сетка и другие брутальные детали – один из ярких трендов 2024 года. Другие чудесные стили, на которые нужно обязательно обратить внимание в новом году, – это поп-футуризм, typo fusion (всевозможные игры со шрифтами), ретро-винтаж, современный сюрреализм, психоделик, нео-максимализм, AI-морфизм (вот это прямо конфетка: сюрреалистичные и гиперреалистичные дизайны от нейросетей), нью-гранж, модерн мистик, неоклассицизм, ар-деко, ар-нуво и многое другое.

Почему мы собрали всё это вместе, в один раздел? Потому что все эти стили про вседозволенность, вызов, самовыражение, яркость, нарушение законов, расширение границ и многое другое. И в то же время про олдскул и возвращение чуть ли не к классическим художественным канонам.

В общем, горячо рекомендуем посмотреть вот этот обзор на всё это дело, это просто какой-то визуальный пир. Брутализм и компанию можно назвать лучшими UI-трендами 2024 года, но нужно чётко понимать, когда их можно использовать, а когда от них следует отказаться, чтобы не превратить пользовательский опыт в пытки.

Экологичный дизайн

Ещё один «кочующий» из года в год тренд, который в равной степени затрагивает как UI, так и UX. И если в последнем мы создаём пользовательский опыт, направленный на заботу о природе, разумное потребление, экономию энергии и другие крайне полезные вещи, то визуальная составляющая интерфейса должна максимально эффективно служить этим целям (и тут мы говорим не только об использовании зелёных, «землистых» и прочих естественных цветовых палитр, но опять же о минимализме, о максимально простых шрифтах, лаконичных иконках и т. д.).

Основной вопрос к этому тренду всегда один: «Действительно ли экология так важна?». Статистика такова, что с каждым годом всё больше пользователей обращает внимание на то, какие бренды и компании являются эко-френдли и включают экологию в список своих ценностей. В конце концов, не важно, верите ли вы лично в идею спасения природы и помощи планете – никто не заставляет вас разделять взгляды целевой аудитории, но отвечать её запросам всё ж таки рекомендуется.

Микровзаимодействия

Трудно сказать, по какой такой причине, но внезапно многие источники сошлись на том, что микровзаимодействия (microinteractions) будут особенно важны в 2024 году. Наша версия состоит в том, что многим дизайнерам хочется создавать оригинальные креативные интерфейсы – и микровзаимодействия нужны, чтобы пользователь не потерялся в их «креативности», а заодно получил более приятный опыт благодаря подсказкам и обратной связи (про этот аспект мы чуть дальше ещё поговорим). То есть речь идёт о создании значимых, отзывчивых, легко считываемых и приятных глазу микровзаимодействий, больше, чем просто «подсказок».

Иммерсивная прокрутка

Ещё один симпатичный тренд, подходящий для презентаций продуктов или услуг. Речь идёт не только о привычной нам прокрутке страниц сверху вниз, но также о перемещении «вглубь» или по оси Z. В сочетании с другими перечисленными трендами можно получить совершенно прекрасные визуальные эффекты – и эксперты говорят нам, что такой приём тоже будет популярен в 2024-м. Речь идёт о том, чтобы буквально «погружать» пользователей в наш дизайн, используя прокрутку и анимацию, а также движения мыши, нажатия кнопок и те же микровзаимодействия в том числе.

Эмоционально-интеллектуальный дизайн

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

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

Анимированные иконки

Добавим ещё немного красоты! Анимированные иконки изначально появились в iOS-17 и значительно оживили вид приложений. Любите ли вы цельные иконки или отдаёте предпочтение элегантности контурных – в 2024 году можете смело делать их динамичными и вдыхать в них жизнь. Всё это также часть целого большого тренда по созданию отзывчивых, динамических интерфейсов, который активно продолжает развиваться.

Вместо резюме

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

Автор: Ольга Зайцева

Фото: freepik.com