Эволюция веб-дизайна, как изменился UX за последние 5 лет

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

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

И вот тут становится интересно.

Потому что хороший UX всё меньше отвечает на вопрос:

«Красиво ли выглядит интерфейс?»

И всё чаще на другой:

«Насколько мало человеку пришлось думать о самом интерфейсе, чтобы получить то, за чем он пришёл?»

Посмотрим, как мы до этого докатились.

Спойлер: кнопки пока живы. Но некоторые уже нервничают.

От минимализма к понятности: пустой экран больше не считается вершиной UX

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

Минимализм действительно сделал огромное полезное дело.

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

Но постепенно выяснилось:

простое — не обязательно пустое.

Современному интерфейсу разрешили снова иметь характер.

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

Хороший пример этого поворота — Material 3 Expressive. Google представил более эмоциональную дизайн-систему с выразительной типографикой, динамическими цветами, адаптивными компонентами и более естественной анимацией. При этом задача осталась прежней: важное должно быстрее считываться, а взаимодействие — быть понятным.

То есть мы прошли примерно такой путь:

«Уберите всё лишнее» → «Оставьте всё полезное и сделайте его понятным».

И это гораздо здоровее.

Mobile-first вырос и больше не помещается только в телефоне

Когда-то совет «не забудьте про мобильную версию» звучал почти революционно.

Сегодня за такое дизайнеру разве что вручат почётную грамоту из 2015 года.

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

Но и выражение mobile-first постепенно стало тесноватым.

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

Поэтому современный UX всё чаще думает не столько о конкретном устройстве, сколько о контексте.

Что человеку нужно прямо сейчас?

Сколько у него места на экране?

Как он управляет интерфейсом?

Какая информация в этот момент самая важная?

И здесь наша старая статья особенно забавно состарилась: она советует проверять мобильность через Google Mobile-Friendly Test, а Google этот инструмент уже отправил на заслуженную пенсию. Сейчас для технической диагностики куда полезнее Lighthouse, PageSpeed Insights, реальные устройства и данные реальных пользователей.

Микроанимации перестали быть конфетти

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

Кнопка подпрыгнула.

Карточка перевернулась.

Заголовок прилетел слева.

Потом справа что-нибудь вылетело обратно.

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

Сегодня хорошая микроанимация прежде всего объясняет действие.

Нажал — интерфейс показал, что услышал.

Перетащил — объект отреагировал.

Отправил — получил понятное подтверждение.

Что-то загружается — видно, что система не умерла.

И интересный поворот последних лет: интерфейсы снова стали эмоциональнее, но движение используют более осмысленно. Даже новый Material 3 Expressive делает акцент на естественной реакции элементов и обратной связи, а не просто на декоративном мельтешении.

Хорошая анимация сегодня похожа на воспитанного официанта.

Она появилась тогда, когда нужна.

Помогла.

И ушла.

А не танцует около стола с бубном, пока вы ищете меню.

Скорость стала частью дизайна, а не проблемой программиста

Раньше дизайнер мог нарисовать прекрасный экран и торжественно передать его разработчику:

— А теперь сделайте, чтобы это всё быстро работало.

Сегодня такой подход уже плохо проходит.

Пользователь воспринимает задержку как часть интерфейса.

Он не думает:

«Наверное, здесь JavaScript выполняет слишком длинную задачу».

Он думает:

«Кнопка тормозит».

И всё.

Именно поэтому показатели Core Web Vitals фактически связали техническую производительность с пользовательским опытом. Сейчас среди основных метрик — LCP для скорости появления главного содержимого, CLS для визуальной стабильности и INP для отзывчивости интерфейса. Хорошим показателем INP считается 200 мс или меньше.

То есть современный UX — это не только то, что происходит после нажатия.

Но ещё и то, когда оно происходит.

Если пользователь нажал кнопку и успел задуматься о смысле жизни — интерфейс уже проиграл.

Персонализация превратилась из «Здравствуйте, Ольга» во что-то гораздо серьёзнее

Ещё недавно персонализированный UX выглядел примерно так:

— Добро пожаловать, Ольга!

— Вам могут понравиться эти товары.

— Вы вчера смотрели чайник. Не передумали?

Это всё ещё работает.

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

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

А следующий шаг уже совсем интересный — генеративный UI.

Не дизайнер заранее нарисовал двадцать возможных экранов.

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

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

Для дизайнера тут начинается одновременно праздник и лёгкая паника.

Потому что теперь приходится проектировать не только экраны.

Приходится проектировать правила, по которым экран может появиться.

ИИ вошёл в интерфейс и начал двигать мебель

Вот, пожалуй, самое крупное изменение за пять лет.

Сначала нейросеть была отдельным окошком:

«Задайте вопрос ИИ».

Потом появилась внутри редакторов, поиска, сервисов и приложений.

А теперь постепенно превращается из консультанта в исполнителя.

Не:

«Расскажи мне, как оформить поездку».

А:

«Подбери подходящий вариант и подготовь всё необходимое».

Здесь начинается то, что мы уже обсуждали отдельно как агентный UX.

Пользователь всё меньше управляет интерфейсом пошагово и всё чаще описывает цель.

А система сама решает, какие действия потребуются.

Это очень серьёзный сдвиг.

Десятилетиями UX отвечал на вопрос:

«Как сделать кнопку понятнее?»

Теперь иногда приходится спрашивать:

«А нужна ли человеку эта кнопка вообще?»

Но чем умнее интерфейс, тем важнее контроль человека

Вот здесь самое интересное.

Если обычная кнопка сделала что-то не то, пользователь примерно понимает, что произошло.

Если ИИ самостоятельно выбрал вариант, изменил данные или выполнил цепочку действий, возникает новый набор вопросов:

Почему он решил именно так?

Что сейчас произойдёт?

Можно ли отменить?

Можно ли исправить?

Какие данные использовались?

Где заканчивается рекомендация и начинается самостоятельное действие системы?

Поэтому хороший AI-UX — это не интерфейс, который максимально скрывает всё происходящее.

Наоборот.

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

Иначе вместо умного помощника получится очень деятельный стажёр, которого никто не успел остановить.

Доступность перестала быть специальной функцией «для кого-то»

Ещё несколько лет назад accessibility нередко вспоминали в конце проекта:

— Ах да. Надо ещё сделать версию для слабовидящих.

Сегодня подход постепенно меняется.

Доступность — это не отдельный переключатель.

Это нормальная основа хорошего интерфейса.

Читаемый контраст.

Понятный фокус.

Работа с клавиатуры.

Достаточный размер кликабельных элементов.

Альтернативные тексты.

Предсказуемая навигация.

Понятная авторизация.

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

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

Большую кнопку оценит человек с моторными ограничениями.

И человек, который идёт по улице с телефоном в одной руке и пакетом картошки в другой.

UX вообще любит такие сюрпризы.

Эволюция веб-дизайна привела нас от экранов к намерениям

Если попытаться собрать последние пять лет в одну мысль, получится довольно любопытно.

Раньше мы проектировали страницы.

Потом — сценарии пользователя.

Теперь всё чаще проектируем достижение его цели.

Человеку не нужен прекрасный интерфейс оформления билета.

Ему нужен билет.

Не нужен замечательный каталог из пяти фильтров.

Ему нужно найти подходящий товар.

Не нужен чат с искусственным интеллектом.

Ему нужен ответ или выполненная задача.

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

А значит ли это, что привычный веб-дизайн исчезает

Нет.

Шрифты никуда не денутся.

Кнопки завтра утром массово не вымрут.

Сетки, композиция, цвет, иерархия и типографика по-прежнему нужны.

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

Просто профессия постепенно смещается.

От:

«Как должен выглядеть этот экран?»

к:

«Как должна вести себя система в разных ситуациях?»

И это, пожалуй, самая интересная эволюция веб-дизайна за последние пять лет.

Мы начинали с того, что убирали лишние кнопки.

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

Неплохой путь за пять лет.

Особенно если вспомнить, что когда-то главным украшением сайта считался мигающий GIF с надписью:

WELCOME.

Вместо вывода

Современный UX не стал проще.

Он стал умнее.

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

Так что дизайнер будущего — это уже не человек, который выбирает между кнопкой с радиусом 8 или 12 пикселей.

Хотя, конечно, спорить об этом мы всё равно будем.

Мы же дизайнеры.