×

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

Россия +7 (495) 139-20-33
Шрифт:
0 3346
Подпишитесь на нас в Telegram

9 секунд – столько в среднем готов сохранять концентрацию человек в 2023 году. Это результат обработки огромных массивов информации, с которыми мы сталкиваемся каждый день. 

Ученые прозвали современных юзеров «золотыми рыбками», которые быстро теряют интерес к чему-либо, легко переключают внимание и предпочитают ролик на YouTube любому тексту. 

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

Что такое интерактивный дизайн и где его применяют

На Behance по тегу «interactive design» можно найти разные работы – от интерфейсов до масштабных инсталляций. Их объединяет одно: дизайнеры применяют нестандартные сценарии, сторителлинг и «крючки», которые интригуют пользователя и не дают переключиться на что-то другое. 

В интерфейсе

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

Геймификация – тоже крючок для «золотых рыбок». Она увеличивает показатель удержания внимания на 9%. Самые популярные формы геймификации – системы присвоения уровней, очков или баллов.

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

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

Хотите создавать интерактивные интерфейсы? Научитесь делать это на курсе Contented «Профессия UX/UI-дизайнер с нуля до ПРО». 

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

В СМИ и медиа

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

Главные принципы интерактивного дизайна в медиа: 

Помогают делать контент интерактивным моушн-дизайнеры и иллюстраторы. Они работают в штате СМИ или на фрилансе. 

Научитесь рассказывать истории без слов на курсах Contented «Профессия коммерческий иллюстратор» и «Профессия моушн-дизайнер с нуля до ПРО». 

Интерактивный дизайн офлайн

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


Без спецэффектов не обходится ни один концерт Мадонны 

Обычно на шоу интерактивный дизайн дополняет выступление артиста, а порой заменяет его полностью. Например, на концертах Gorillaz реальные исполнители играют бок о бок с голограммами. А виртуальная певица Хацунэ Мику самодостаточна – ее голограмма поет, танцует и общается со зрителями. 

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

Возможности интерактивного дизайна практически безграничны – он может передать идею без слов и транслировать ее неограниченному количеству человек. 

Вот где используется интерактивный дизайн кроме развлекательной индустрии: 

  • на выставках и в музеях; 
  • в шоу и презентациях; 
  • в рекламных кампаниях. 


Световые шоу в Диснейленде – яркий пример взаимодействия интерактивного дизайна и архитектуры

Например, мультимедийная студия LUNA PARK разработала проект для латвийской энергетической компании. Идея – рассказать, как с помощью воды вырабатывается электричество, которое освещает и греет всю Ригу. 

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

«Вода» реагирует на движения рук человека, который взаимодействует с устройством 

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

Кому-то придется по душе забавная игра, где можно выиграть приз от компании. А кто-то будет «чекиниться» у интерактивных стендов и отмечать фирму в соцсетях.  

Световые шоу и инсталляции могут дополнять какое-либо событие (например, выставку Ван Гога) или быть самостоятельным арт-объектом. На электронном фестивале Signal мультимедийные студии и отдельные media artists могут представить свой проект.

Студенты Contented создали инсталляцию «Узы», рассказывающую о взаимодействии человека с миром. Получившийся объект реагировал на прикосновения – стоило зрителю приложить руку, свет начинал двигаться в такт пульсу. Любой человек с другой стороны инсталляции мог запустить ответный импульс. 

Инсталляция «Узы»

Инсталляция «Узы» в работе

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

Где учатся и работают дизайнеры мультимедиа

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

Сейчас российский рынок делят несколько десятков подрядчиков – LUNA PARK, Avocado Toast, Sila Sveta, radugadesign, Pitch, FSTR.Tech, СЕТАП. Они берут крупные и зрелищные заказы от компаний, открывают стажировки и нанимают специалистов. 

Есть фрилансеры, которые работают в одиночку или образуют коллективы из 2–3 человек. Например, студентка Contented основала свою студию интерактивного дизайна еще во время учебы на курсе.

Хотите создавать проекты, которые увидят миллионы? Приходите на курс Contented «Профессия дизайнер интерактивных медиа» – создайте четыре проекта и практикуйтесь в онлайн-лаборатории. 

Есть о чем рассказать? Тогда присылайте свои материалы в редакцию.


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
Накрутка поведенческих факторов: дорого, сложно, но можно. Если очень хочется
Oleg_bobr2012
1
комментарий
0
читателей
Полный профиль
Oleg_bobr2012 - Мда...Может Анне сразу в Яндекс написать кейсы по накрутке ПФ. Я бы такого сотрудника гнал вон.
28 способов повысить конверсию интернет-магазина
Татьяна
1
комментарий
0
читателей
Полный профиль
Татьяна - Очень действенные рекомендации представлены в статье! Всё четко расписано и легко внедряемо в работу интернет-магазинов.Удобство и наглядность+различные бонусы и скидки-именно то, что и цепляет покупателя.
Создали ресурс для металлургов, который позволяет следить за аналитикой рынка и осуществлять продажи
Наталья Сталь
3
комментария
0
читателей
Полный профиль
Наталья Сталь -
Какие сайты лидировали в поиске Яндекса и Google в 2023 году
Гость
1
комментарий
0
читателей
Полный профиль
Гость - Если что по рейтингу вы не правы, есть ядро по которому производиться оценка и вы можете по нему самостоятельно все посмотреть. Единственный объективный рейтинг по SEO. Других не знаю Ну я вам скажу что это не так и в предыдущие года сайт моего клиента попадал в рейтинг, при чем несколько раз. И я прекрасно знал еще до объявления результатов кто лидер - рейтинг прозрачный, есть фразы по которым набираются баллы. В этом году наш сайт не попал в рейтинг например и это было понятно, что не попадет (по статистике позиций)
5 способов увидеть сайт глазами поисковика: анализируем скрытый контент и cloaking
Гость
1
комментарий
0
читателей
Полный профиль
Гость - Сейчас клоаку прячут, так что под нее можно глянуть только с гуггловских ip. Сейчас только гуггл сервисами можно глянуть
Какие методы SEO-продвижения устарели в 2024 году
Эксперт
1
комментарий
0
читателей
Полный профиль
Эксперт - Ужасная вода. А начало "обзора" со слов - мне кажется - нечто.
Яндекс Маркет представил собственный бренд велосипедов Raskat
Анна Макарова
387
комментариев
0
читателей
Полный профиль
Анна Макарова - Для городского велосипеда 14-16 кг - вполне ок, можно сказать легкий. Почему нет? )) Понятно, что есть варианты и легче, но они уже скорее всего будут спортивного плана, где каждый грамм имеем значение.
Optimization 2023: текстовый анализ в 2024 году и методы увеличения релевантности страниц
Игорь
1
комментарий
0
читателей
Полный профиль
Игорь - это информация максимум уровня middle seo. что такой проходняк делает в секции hard seo когда-то великой ашмановки, еще и в исполнении токсичного инфоцыгана большая загадка)) ходил последние 5 лет на нее, но больше пожалуй не стоит
5 ошибок отдела продаж, из-за которых вы теряете клиентов
Андрей
1
комментарий
0
читателей
Полный профиль
Андрей - Крутая статья! Можно еще указать: Работу без CRM-системы - я считаю, что это основа отдела продаж. Потому что не все компании решаются на внедрение отдельно системы для отдела продаж. Но зато можно что то многофункциональное внедрить аспро.клауд или что то подобное
Контекстная реклама, таргет и SEO вошли в топ-3 каналов продвижения бизнеса в 2023 году
Сергей
1
комментарий
0
читателей
Полный профиль
Сергей - Например, так {censored} - продвижение карточки в органике Google :) Также в Яндекс.Директ есть направление контекста для маркетплейсов.
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
387
Комментариев
373
Комментариев
262
Комментариев
249
Комментариев
171
Комментариев
156
Комментариев
141
Комментариев
121
Комментариев
120
Комментариев
100
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
80
Комментариев
77
Комментариев
74
Комментариев
67
Комментариев
64
Комментариев
60
Комментариев
59

Отправьте отзыв!
Отправьте отзыв!