Что такое коммуникационный дизайн?
Во многих сферах дизайна зачастую стоит задача донести до человека нужную информацию, необходимую идею, или эмоцию. Мы сталкиваемся с этими задачами в веб дизайне, брендинге, моушен и графическом дизайне, дизайне среды. За это отвечает коммуникационный дизайн.
Коммуникационный дизайн — это дисциплина, направленная на эффективную передачу информации пользователю с помощью визуальных и интерактивных средств.
В отличие от графического дизайна, который в основном фокусируется на визуальной эстетике, коммуникационный дизайн ориентирован на создание удобного и понятного взаимодействия между пользователем и продуктом. В сфере UX/UI коммуникационный дизайн позволяет доносить до пользователя нужные сообщения, помогая ему ориентироваться в интерфейсе и достигать своих целей. Основные инструменты коммуникационного дизайна включают текст, изображения, цвета, формы и анимации, которые вместе создают ясное и приятное взаимодействие с интерфейсом.
Главная идея коммуникационного дизайна — передать информацию в эстетическом облике. т.е. сформировать такие образы, которые донесут нужную мысль и вызовут эмоции.
Роль коммуникационного дизайна
Коммуникационный дизайн в UX/UI исполняет несколько важных функций, от направляющей до эмоциональной.
Рассмотрим каждую из них подробнее:
— Направлять клиента
Коммуникационный дизайн помогает пользователю ориентироваться в интерфейсе и подсказывает, что делать дальше. С помощью визуальных элементов, таких как кнопки, стрелки, цвета и иконки, дизайнеры создают подсказки и визуальные маркеры, которые направляют пользователя по интерфейсу. Это особенно важно в сложных системах, где без ясного навигационного дизайна пользователь может запутаться или почувствовать себя потерянным.
— Упрощать восприятие
Современные цифровые интерфейсы часто перегружены информацией, и задача коммуникационного дизайнера — сделать восприятие данных максимально простым и интуитивным. Для этого используются визуальная иерархия, лаконичные тексты, разделение контента на блоки, цветовые акценты и другие элементы. Упрощение восприятия позволяет пользователям быстрее находить нужную информацию и снижает когнитивную нагрузку, что делает взаимодействие более комфортным и продуктивным.
— Вызывать эмоции
Коммуникационный дизайн не только информирует, но и вызывает эмоциональный отклик у пользователей. Эмоциональные элементы, такие как цветовая палитра, иллюстрации и анимации, могут вызывать различные эмоции — от радости до спокойствия, от удивления до доверия. Эмоциональный отклик усиливает связь между пользователем и продуктом, делая его взаимодействие с интерфейсом более запоминающимся и приятным.
Тренды коммуникационного дизайна
С каждым годом появляются новые способы сделать коммуникацию с пользователем еще более захватывающей и эффективной. Вот некоторые ключевые тренды в коммуникационном дизайне на 2024 год.
— Микроанимации
Микроанимации — это небольшие, едва заметные анимации, которые помогают пользователю лучше понять, что происходит в интерфейсе. Они могут подсказывать, что кнопка была нажата, показывать изменение состояния элемента или подтверждать выполнение действия. Например, иконка «отправки» может ненадолго измениться на «галочку», показывая, что действие завершено. Такие анимации делают интерфейс более «живым» и создают ощущение интерактивности, улучшая взаимодействие и помогая пользователям интуитивно ориентироваться в системе.
— Интерактивные 3D-элементы
3D-элементы активно проникают в интерфейсы, добавляя глубину и интерактивность. Они позволяют пользователям лучше визуализировать продукт или более детально с ним взаимодействовать. В 2024 году интерактивные 3D-модели используются в самых разных сферах, от онлайн-шоппинга до обучающих платформ. Например, в онлайн-магазинах пользователи могут поворачивать и рассматривать товары в 3D-формате, что помогает лучше оценить продукт перед покупкой. Использование 3D-элементов также добавляет вовлеченности и привлекает внимание, делая интерфейс более запоминающимся.
Маскоты разных компаний
Маскот — это талисман, который помогает компании продвигать своё позиционирование и передавать свои ценности.
Его можно рассматривать как бренд-спикера, который становится частью ДНК бренда. Такие персонажи способствуют установлению контакта с потребителями и объединяют различные продукты. Маскот может быть представлен на логотипе или выступать как самостоятельный элемент фирменного стиля. Он может изображать животное, человека или вымышленное существо, в зависимости от стратегии бренда, маркетинговых задач и целевой аудитории. Рисованные и анимированные персонажи выделяют компанию на фоне конкурентов, подчеркивают её уникальность и способствуют увеличению доходов за счёт продажи товаров с их изображением. Эти персонажи помогают объединить разные продукты и объяснить сложные концепции, так как людям проще воспринимать ценности бренда через маскота, который вызывает положительные эмоции и симпатию.
Разберем самые интересные на наш взгляд маскоты:
У «Сбера» есть СберКот — персонаж, олицетворяющий финансовую грамотность, который используется в чат-боте и в дизайне постов в социальных сетях. Однако за семь лет кот вышел за рамки соцсетей, получил собственную команду и, что самое важное, завоевал любовь людей.
Маскот ВКонтакте, собака по имени Спотти, был создан и нарисован Павлом Дуровым во время благотворительного аукциона в поддержку воспитанников детских домов.
Позже этот рисунок грустной собаки стал виртуальным подарком во ВКонтакте, а все средства от его покупки направлялись в детские дома. Изображение Спотти начало использоваться и в интерфейсе платформы, например, на аватарах удалённых пользователей. В настоящее время Спотти является узнаваемым персонажем и маскотом ВКонтакте. Официально команда ВКонтакте не уточняла, что именно символизирует этот маскот, но существует мнение, что он изначально олицетворял беззащитность детей из детских домов, а также выражал сочувствие и готовность помочь им. Собака также стала известна как народное название символа @, который широко используется в интернете. Игнорировать популярность Спотти было бы неразумно, и поэтому он «сделал карьеру». В 2023 году ВКонтакте представила NFT-коллекцию под названием CryptoSpotty.
Т-Банк и Сыендук придумали нового маскота — единорог Ти готов служить и приносить ещё больше выгоды с картой Т-Банка. Дмитрий Сыендуки и Сергей Лекультер создали первый скетч с единорогом, а затем добавили ему рыцарские доспехи, плащ и густые брови.
DDoS-Guard компания занимается технологически очень сложным и абстрактным продуктом, который дает простой практический результат —защищает клиента от DDoS-атак. Разработкой маскота они озадачились, чтобы сделать образ бренда более дружелюбным и в то же время передать суть —у них есть сила и мудрость, необходимая для защиты от внешних угроз.
Для Ростелекома был разработан один из вариантов маскотов. 2D стилистика, простая и технологичная. Весёлый и добрый универсальный робот-помощник призван открыто помогать сотрудникам, а так же транслировать ценности компании во внешний мир. Робот олицетворяет собой информационные технологии Ростелекома.
Корпоративный персонаж компании Импэкс Крафт выступил в качестве обновленного лица бренда. Компании требовалось укрепить лояльность и упростить сложные концепции через персонализацию общения. Призван облегчить объяснение технических аспектов благодаря юмору, подчеркивая уникальность компании на рынке.
Несколько маскотов для одного бренда
Это встречается реже — есть риск рассеять внимание аудитории.
Тем не менее для крупных брендов и масштабных событий иногда создают целые команды маскотов: каждый символизирует определённый атрибут бренд.
В Альфа Банке есть котик Дзынь, он встречает клиентов на главной странице в приложении, помогает решить трудные вопросы и просто радует людей своей позитивной улыбкой.
Также Альфа-Банк разработал отдельный маскот для А-клуба, символом которого стал черный утёнок с красным клювом. И ещё был разработан Разбойник Мишка, он катался на барабане кэшбэка, угнал кресло из офиса Альфа-банка и разбил экран в Москва-Сити.
Билайн разработал анимированные помощники с индивидуальными суперспособностями. Пять персонажей-«апперов» —пчела Базя, дракон Юнг, котик Пуш, робот Пинг и панда Тапа. Каждый из них обладает своей уникальной суперспособностью, с помощью которой клиент сможет «прокачивать» свой тариф и ежемесячно получать бонусы и специальные предложения. Интерактивные персонажи помогут пользователям определиться с настройками услуг связи —их можно менять как по настроению, так и в зависимости от текущих нужд, считают в «билайне».
Современные маскоты - это всегда ли плоские изображения?
Стилистика может быть разнообразной, но чаще всего используется именно flat-дизайн. Работать с простыми векторными формами этого стиля удобно, и их легко адаптировать для цифровых продуктов.
Во-первых, такие изображения можно масштабировать без потери качества. Во-вторых, они имеют небольшой размер файла, что особенно важно для веб-анимации. Дизайнер может быстро создать видео с плоским маскотом, и пользователю не придётся долго ждать его загрузки на странице.
Крупные бренды с множеством каналов коммуникации часто не ограничиваются одним стилем изображений для маскотов. Например, flat-дизайн отлично подходит для мобильных приложений и социальных сетей, но на больших билбордах плоские картинки могут выглядеть менее привлекательно.
Таким образом, один и тот же маскот можно изображать в различных техниках, главное — сохранить его узнаваемость.
Цифровые аватары
Цифровые аватары — лицо бренда, его амбассадор во всех вселенных, который может меняться вместе с целями компании
Лил Микела, Brud
Одной из первых цифровых моделей, созданных стартапом Brud, стала Лил. В 2018 году она посетила показ мод Prada FW18/19 в Милане и освещала это событие в социальных сетях бренда, что заставило индустрию моды задуматься о сотрудничестве с цифровыми аватарами. Лил рекламирует средства для ухода за волосами и носит одежду от люксовых брендов.
Дэйв, Maruti Suzuki
Один из ведущих автомобильных брендов Индии, компания Maruti Suzuki, внедрила виртуального продавца-консультанта по имени Дэйв, чтобы помочь покупателям ознакомиться с продуктами и услугами. Цифровой аватар был разработан индийской IT-компанией DaveAI. Покупатели могут задавать Дэйву различные вопросы о характеристиках автомобилей, например, о пробеге и технических параметрах двигателя.
Сбер аватары
Цифровые аватары топ-менеджеров «СберМаркетинга» и «СберСеллера» выступили на конференции Izmeni Soznanie. Их разработкой занималась команда Sber AR/VR Lab в сотрудничестве со студией Volumetric. Об этом сообщили представители компаний группы «Сбер».
С помощью фотограмметрии с высокой детализацией специалисты создали точные 3D-модели голов сотрудников «Сбера». Затем эти модели были интегрированы в цифровые человеческие скелеты, а нейросеть автоматически сгенерировала лицевую анимацию для каждого аватара. В результате получились виртуальные персонажи, способные озвучивать и визуализировать любой текст.
Заключение
Коммуникационный дизайн - неотъемлемая часть взаимоотношений между бизнесом и потребителем. Для правильного выстраивания подобных взаимоотношений необходимо учитывать современные тренды и говорить с аудиторией на её языке.
Маскоты становятся ключевым трендом в коммуникационном дизайне, поскольку они способны создавать глубокую эмоциональную связь между брендом и аудиторией.
На фоне роста конкуренции, маскоты выделяют компании, обеспечивая узнаваемость и уникальность. Такие персонажи помогают передать ценности и миссию бренда, делая коммуникацию более живой и запоминающейся. В ближайшие годы ожидается, что использование маскотов и цифровых аватаров только усилится, поскольку они становятся важным инструментом для привлечения внимания и повышения лояльности клиентов.
Над материалом работали: