Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>#Мнения</a>

2 <ul><li>20 дек 2023</li>

3 <li>0</li>

4 </ul>Scrollytelling, геймификация и эмоциональный UX.

5 Иллюстрация: Полина Честнова для Skillbox Media

6 Журналист, автор статей про моду, искусство и дизайн. Кастомизирует одежду и влюбляет людей в английский язык.

7 Scrollytelling, геймификация и эмоциональный UX.

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

9 В материале:

10 <ul><li><a>Маша Оминина</a> - о необрутализме, тёмной теме, генерации контента и историях при скролле.</li>

11 <li><a>Илья Поликарпов</a> - о геймификации, минимализме и антитрендах.</li>

12 <li><a>Настя Тюрикова</a> - об интерактивных элементах, сторителлинге при скролле, 3D и крупной типографике.</li>

13 <li><a>Дарья Прокуда</a> - о гиперперсонализации, опыте cross-device и голосовых интерфейсах.</li>

14 </ul>Senior product designer и ментор. Живёт и работает в Лондоне.

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

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

17 Изображение:<a>Giorgi Migriauli</a>/<a>Dribbble</a>Изображение: HALO LAB /<a>Dribbble</a>Тёмная тема стала нормой для пользователей, и она помогает быстрее разобраться в визуально нагруженных интерфейсах. Её легче воспринимать, и глаза меньше устают, поэтому почти все дизайнеры и разработчики, которых я знаю, используют именно её. А ещё - техническая реализация тёмной темы стала намного легче после последних обновлений в Figma.

18 Изображение: Tran Mau Tri Tam /<a>Dribbble</a>Изображение: Dawood Shakir /<a>Dribbble</a>ИИ помогает UX-дизайнерам автоматизировать повседневные задачи: категоризация действий пользователя, прогнозирование будущего поведения, извлечение актуальной информации из больших объёмов пользовательских данных, генерация текста и картинок. Также и пользователи всё больше привыкают к возможности использовать ИИ, что ускоряет скорость его интеграции в интерфейсы.

19 О нейросетях для дизайнеров

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

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

22 Скриншот: сайт<a>Mirrows</a>/ Skillbox MediaВеб-дизайнер и PR-менеджер платформы DSGNERS!

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

24 Duolingo использует игровые механики в своём приложении: рейтинг, награды, ежедневные заданияИзображение: Duolingo /<a>RawStudio</a>Да, слово "минимализм" уже всем надоело, это вроде бы уже не тренд. Но тут имеется в виду упрощение интерфейса, избавление от ненужных элементов, которые мешают спокойно воспринимать информацию. Поэтому в широком смысле этого слова минимализм будет сохраняться и трансформироваться в будущем.

25 Ozon потихоньку встаёт на путь минимализма: избавляется от нагромождения цен, лишних плашек, добавляет явные акцентыСкриншот:<a>сайт</a><a>Ozon</a>/ Skillbox MediaApple всегда продвигал минимализм - больше полезного, меньше водыСкриншот: сайт<a>Apple</a>/ Skillbox MediaЯ думаю, что противники различных трендов никогда не исчезнут. Глоссморфизм, минимализм, брутализм сменяют друг друга, а вот люди, желающие идти наперекор трендам, будут стоять на своём. Они не принимают модное, хотят делать что-то новое, менять индустрию. Часто последователи антитрендов создают свои тренды. Это направление будет жить всегда, пока есть определённая мода.

26 Сбербанк использует шаблонные 2D-иконки, хотя везде принято отрисовывать их вручную, делать 3DСкриншот: сайт "<a>Сбербанк</a>" / Skillbox MediaВ Бюро Горбунова отзывы расположены в столбик, поэтому они не обрезаются. Хотя сейчас принято креативить, использовать слайдеры - неудобное и непрактичное решениеСкриншот: сайт "<a>Бюро Горбунова</a>" / Skillbox Media- Всё чаще стала замечать, как на сайты интегрируют интерактивные элементы и анимации. Благодаря этому интерфейсы становятся более динамичными, отзывчивыми и привлекательными, улучшают опыт взаимодействия, помогают управлять вниманием пользователя и удерживать его на протяжении всей работы с продуктом.

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

28 Скриншот: сайт<a>Spotify.Design</a>В 2023 году я стала замечать, как презентационные сайты используют необычные способы повествования по скроллу, добавляют анимации, горизонтальный скролл и интерактивы, чтобы сайт воспринимался пользователем как интересная книга, которую хочется прочитать до конца. Это отличный способ удерживать внимание аудитории с помощью повествования.

29 Скриншот: сайт<a>Lacoste</a>Хотя это не новый тренд, но в 2023 году он вышел на новый уровень. 3D стали более проработанными, анимированными и интерактивными. Со многими моделями можно взаимодействовать: поворачивать и крутить, чтобы рассмотреть детальнее продукт на презентационном лендинге. Это отличный способ привлечь и удержать внимание пользователя.

30 Скриншот: сайт<a>Le: mma Studio</a>Не первый год остаётся с нами этот тренд, что и неудивительно, ведь он не просто очень выразительный, но также и функциональный. Крупная типографика помогает расставлять акценты, делать контент легко считываемым и понятным, а также управлять вниманием пользователя. В 2023-м этот тренд усложняется совмещением гарнитур и начертанием в формате одного заголовка и дополняется анимацией.

31 Скриншот: сайт<a>Press Play On Tape</a><a></a>Скриншот: сайт<a>Nelson Vassalo</a>- Компании приходят к выводу, что ключ к улучшению пользовательского опыта в интерфейсе - в адаптации к конкретному контексту на основе действий пользователя. Для этого они собирают обширные объёмы данных, чтобы понять, что действительно заботит пользователя и в какой момент интерфейс может подстроиться под него.

32 Один из наиболее ярких и успешных примеров персонализации - это TikTok, который персонализирует контент на основе предыдущих сессий пользователя, времени просмотра тегов, реакций и лайков. Подобные алгоритмы активно используют в Netflix и других подобных сервисах. Таким образом, два разных пользователя вряд ли увидят одинаковый контент в продукте.

33 Фото: Alin Surdu / UnsplashСледуя этому тренду, всё больше продуктов фокусируются на измерении не только общего NPS (Net Promote Score), но и конкретного CSI (Customer Success Index), связанного с определённым элементом пользовательского опыта, процессом или функцией. Это позволяет более точно настроить частоту обратной связи и уменьшить разрыв в понимании между клиентом и интерфейсом.

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

35 Люди уже привыкли к cross-device-опыту в рамках экосистемных продуктов, как в линейке Apple. Пользователь может безо всяких проблем переключаться между различными устройствами без потери контекста или прерывания работы.

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

37 Этот тип взаимодействия уже внедрён в умные колонки и телевизоры. Вы можете одновременно смотреть фильм, заказать продукты прямо с экрана телевизора, отслеживать их путь в приложении на телефоне, не отвлекаясь от просмотра, и получить их в реальном мире прямо на дом.

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

39 Изображение: AppleВпервые голосовые ассистенты появились на свет в 2007 году, когда исследовательский центр SRI International начал активную разработку технологии, которую мы сейчас знаем как Siri. Это был новый и волнующий шаг в мире технологий, однако внедрение голосовых интерфейсов столкнулось с рядом проблем. Одна из основных - недостаточная нативность, живость и органичность. Из-за этого использовать голосовых помощников было не слишком комфортным для пользователя.

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

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

42 Изображение: Google<a>Попробуйте бесплатно 4 топовые профессии в дизайнеПройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>