Тренды UX/UI-дизайна на 2026 год — от ИИ и XR до создания атмосферы

В октябре мы стали свидетелями того, как Марк Цукерберг опозорился на сцене, когда демонстрация очков RayBan Meta Display провалилась. Однако, если не считать демонстрации, это новое устройство положило конец тренду смешанной реальности. Этот запуск помог другим альтернативам (которые дешевле) привлечь к себе необходимое внимание.

В сочетании с выпуском гарнитуры Samsung Galaxy XR (которая стоит вдвое дешевле, чем Apple Vision Pro) это наглядно демонстрирует, сколько денег компании вкладывают в эту область. С другой стороны, у дизайнеров появляются лучшие возможности в сфере XR или MR дизайна.

Как дизайнеру, мне очень приятно видеть новые способы взаимодействия с Meta Neural Band , которые позволяют управлять устройством с помощью уникальных жестов — масштабирование с помощью сжатых и повернутных пальцев, двойное касание для выделения и многое другое.

Это также приводит к появлению нового типа дизайна интерфейсов — VBI, что является сокращением от Vision Based Interfaces (интерфейсы, основанные на зрении). К ним относятся отслеживание взгляда, анализ выражения лица, отслеживание движений головы, управление жестами и многое другое. Это означает, что в будущем станет возможным практически полностью автоматизированное взаимодействие с пользователем.

Понимание того, как дизайн интерфейса может сочетаться с реальным опытом, будет иметь решающее значение, поскольку именно в этом направлении движется будущее технологий. Мы видим, как все больше таких «плавающих» дисплеев проникает в реальный мир, поэтому изучение этого вопроса до того, как они действительно станут популярными, станет следующим шагом. Вот руководство, которое, возможно, вам поможет: https://krystianzun.gumroad.com/l/xrdesignroadmap .

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

Отличный пример — голосовой помощник Google Gemini, который позволяет пользователям наводить камеру на любой объект и задавать на его основе вопросы. Здесь в полной мере проявляется компьютерное зрение, а голос является основным способом взаимодействия. Подобное взаимодействие мы видим в большинстве крупных приложений искусственного интеллекта, включая ChatGPT, Claude, Perplexity и другие.

Мы также видим, что голосовые интерфейсы играют важную роль в носимых технологиях, где набор текста или жесты становятся затруднительными. Уверен, вы видели, как люди с помощью голосовых команд запрашивают у устройства выполнение каких-либо действий на своих Apple Watch или Android-смартфонах.

Аналогичное взаимодействие распространяется на умных домашних помощников (например, Alexa), умные домашние устройства и даже автономные гаджеты с искусственным интеллектом.

Индустрия быстро осваивает голосовые технологии, и компании-разработчики программного обеспечения создают новые инструменты для их внедрения. Дизайнеры могут попробовать функции голосового прототипирования Protopie — https://www.protopie.io/learn/docs/voice-prototyping/getting-started.

В этом виновата Apple. С момента запуска «жидкого стекла» в iOS 26 и аналогичных приложениях каждая компания следует этому тренду. Я считаю, что именно благодаря своей эстетической привлекательности и интересному эффекту этот дизайнерский тренд стал таким популярным.

Эта тенденция распространилась и на другие области дизайна — графику, визуальные элементы, иконографию и т. д. Новые дизайны иконок приложений Microsoft — это серьезное изменение внешнего вида бренда. В них используются 3D-материалы, такие как стекло, металл и другие.

То же самое относится и к обновлению иконок приложений от Apple — они стали более блестящими и глянцевыми, действительно подчеркивая эффект жидкого стекла.

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

Сегодня моушн-дизайн стал доступнее и проще в реализации, чем когда-либо. В этом помогают такие инструменты, как LottieFiles Creator, LottieLabs и даже Rive, занимающие лидирующие позиции.

Недавно я общался с представителем LottieFiles, который показал мне потрясающее обновление. Теперь анимации Lottie могут реагировать на ввод пользователя и обладать собственной функциональностью! Таким образом, если пользователь выбирает один из множества вариантов, анимация может воспроизводиться в зависимости от условий, без необходимости написания какого-либо внешнего кода. Это называется конечным автоматом, и вы обязательно должны это попробовать здесь.

В то же время такие инструменты, как LottieLabs, принесли свои плоды.Плагин FigmaЭтот инструмент, использующий искусственный интеллект, преобразует элементы пользовательского интерфейса в анимированную последовательность с участием Лотти — он называется Magic Animator.

Мы также видим продвинутые анимации в таких инструментах, как Rive, которые позволяют дизайнерам, не работающим с анимацией, с легкостью создавать что-то уникальное. Rive, как и LottieFiles, позволяет дизайнерам добавлять интерактивные элементы без кода. Легко добавлять анимации при наведении курсора или нажатии, которые можно встраивать или добавлять в другие инструменты, не требующие кода, такие как Webflow или Framer.

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

Почему это важно для UX/UI-дизайнеров? Раньше дизайнеры сосредотачивались только на бизнесе и пользователях, но с развитием эры ИИ-агентов и браузеров им также придется уделять внимание агентному UX. Это означает, что мы будем создавать опыт взаимодействия с системами и агентами ИИ, изучая, как эти агенты взаимодействуют с веб-сайтами и приложениями. Многие компании, включая Perplexity, OpenAI, The Browser Companies и другие, занимаются этим вопросом.

Некоторые компании даже могут попросить дизайнеров создать уникальные возможности для платформ искусственного интеллекта, таких как ChatGPT или Gemini. Отличным примером является Apps in Chatgpt — крупное обновление ChatGPT, позволяющее сторонним компаниям запускать мини-приложения внутри ChatGPT.

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

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

В качестве примера можно привести веб-сайт Meta Rayban:

Вот ещё один отличный пример:

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

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

Когда я только начинал, дизайнеры старались уместить как можно больше информации в один цикл прокрутки, однако сейчас дизайнеры стали более склонны к риску! Выровненный по нижнему краю заголовок или навигация раньше считались очень «эстетичным» и нишевым решением, но сегодня это стало более распространенным.

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

В этом году мы стали свидетелями того, как такие крупные компании, как Duolingo и Shopify, отказались от термина UX-дизайн и заменили его на дизайнер, а контент-дизайнеров теперь называют писателями.

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

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

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

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

Подробную статью, которую я написал об этом спорном вопросе, можно прочитать здесь .

Количество вакансий, в названии которых сейчас присутствует слово «ИИ», просто зашкаливает. Я часто натыкаюсь на объявления о работе, где компаниям нужны либо дизайнеры, использующие ИИ, либо дизайнеры, специализирующиеся исключительно на задачах, связанных с ИИ.

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

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

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

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

Благодаря таким инструментам, как Framer , курсоры теперь — это не просто средства навигации по сайту, они часто могут отображать дополнительный контент, например изображения или видео, при наведении курсора и указывать, с чем вы взаимодействуете. Отличный пример — это то, как курсор превращается в кнопку воспроизведения при наведении на воспроизводимое видео.

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

«Темные паттерны» уже много лет являются неотъемлемой частью UX-дизайна. Их используют маркетологи, UX- и веб-дизайнеры, а компании всячески их поощряют. Однако произошли значительные изменения в том, как пользователи воспринимают «темные паттерны», и в том, как к ним относятся правительства.

Недавно ЕС (Европейский союз) запретил и ужесточил правила внедрения «темных паттернов» на цифровых платформах, включая множество распространенных и часто используемых «темных паттернов».

• Искусственное создание ощущения срочности — дизайнерам больше нельзя создавать ложные таймеры или элементы, создающие ощущение срочности, чтобы побудить пользователей совершить покупку быстрее. Яркими примерами являются фразы типа «Осталось всего 2 места» или «Осталось 12 часов до покупки». В ЕС теперь говорится, что если таймер не является реальным или не демонстрирует реальную срочность, его нельзя использовать.
• Предварительно отмеченные поля — Многие веб-сайты предварительно отмечают галочками поля в формах, чтобы заставить пользователей подписаться на новостную рассылку или выбрать опции, которые они не выбирали по собственному желанию. Теперь это также запрещено.
• Эмоциональные призывы к действию — это ОЧЕНЬ важный момент! Большинство сайтов Sass и агентств используют эмоциональные призывы к действию, например: «Не удается получить лиды? Свяжитесь с нами» или «Трудно уложиться в сроки продаж? Присоединяйтесь к нашему буткемпу прямо сейчас». По данным ЕС, такие призывы к действию могут играть на эмоциях пользователя или манипулировать им, чтобы заставить его что-то купить.

В этой статье очень подробно описаны эти законы и даны исчерпывающие объяснения. Если ваш сайт размещен в Европе, обязательно обратите на них внимание, чтобы избежать штрафов или блокировки сайта.

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

Однако в эту область ворвался искусственный интеллект с чем-то, о чем вы наверняка слышали — Vibe Coding . Хотя в названии и присутствует слово «кодирование», это скорее решение без кода, позволяющее дизайнерам и разработчикам создавать реалистичные функциональные прототипы. Это значит, что вместо «фиктивной» формы можно добавить реальную рабочую форму, которая будет принимать ввод от пользователей; или вместо простого добавления визуальной анимации успеха можно также заставить телефон вибрировать, имитируя работу приложения.

Например, Жак Дебёнёр-младший создал потрясающий сайт, похожий на часы и прогноз погоды, который воспроизводит успокаивающую музыку, используя Figma Make:

Такие крупные инструменты, как Lovable , Bolt, Google AI Studio, находятся в центре революции в области vibe-кодирования, предлагая функции, ориентированные на дизайнеров, подобных нам. Некоторые из них могут похвастаться функцией импорта из Figma, а другие имеют редактируемый в реальном времени холст. Большинство компаний, таких как Figma или Framer, которые действуют разумно, внедряют собственные платформы vibe-кодирования для работы параллельно со своими основными приложениями.

Вот очень полезное руководство по Vibe Code, если вы хотите начать: https://www.codecademy.com/learn/intro-to-vibe-coding

Раньше мы использовали вариативные шрифты более систематически или простым способом, а теперь дизайнеры используют их повсеместно.

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

Вот несколько интересных примеров:

Вот отличное руководство для начинающих от Figma: https://www.figma.com/typography/variable-fonts/

Знаете, что хуже, чем устаревшее приложение? Приложение, которое не понимает, что происходит в реальном мире.

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

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

Вы читали перевод статьи: UX/UI Design Trends for 2026 — From AI to XR to Vibe Creation.