Визуальное общение

Визуальное общение Полезно
Как общаться с аудиторией в 2020 году: последние тренды визуальной коммуникации | Rusbase

Визуальное общение

Чтобы подготовить этот материал, команда Depositphotos, платформы стоковой фотографии, векторов и видео, проанализировала, какие приемы визуальной коммуникации оказались наиболее эффективными в 2020 году и как технологии трансформировали визуалы.

Как общаться с аудиторией в 2020 году: последние тренды визуальной коммуникации Дарья Мызникова

Начало 2020 года стало проверкой на прочность для малого и среднего бизнеса. От специалистов, которые отвечают за коммуникацию (маркетологов, SMM, дизайнеров и PR-менеджеров), потребовались гибкость, фантазия и дальновидность. 

Ситуативный PR и маркетинг стал, пожалуй, основным трендом коммуникаций. Как заставить говорить о продукте или бренде, когда внимание миллионов приковано к акциям протеста, локдауну или экологии? На какой вид коммуникаций (email, социальные платформы или локальный маркетинг) сделать ставку при ограниченном бюджете?

Содержание
  1. 1. Mobile-first подход
  2. PR с фото-доказательствами вместо рекламы
  3. 3. Новый стандарт открытости 
  4. 4. и анимационный дизайн вместо статичных изображений
  5. 5. UGC и интерактивные визуальные формы
  6. Как достичь максимума
  7. Визуальное общение – ключевой фактор качества обслуживания клиентов
  8. Что такое «визуальное вовлечение» 
  9. Инструменты визуального общения
  10. Как инструменты визуального общения повышают качество обслуживания клиентов 
  11. 1. Улучшение реагирования на первое обращение 
  12. 2. Уменьшение количества точек соприкосновения 
  13. 3. Увеличение конверсии 
  14. 4. Повышение уровня удовлетворенности клиентов 
  15. 5. Повышение пожизненной ценности клиента и уменьшение оттока клиентов 
  16. 6. Повышение эффективности команды 
  17. Примеры использования инструментов визуального общения 
  18. 1. Контактный центр 
  19. 2. Банковские, финансовые услуги и страхование (BFSI) 
  20. 3. Здравоохранение и социальная сфера 
  21. 4. Продажа автомобилей 
  22. 5. Розничная торговля и электронная коммерция 
  23. 6. Услуги  
  24. Эффект от визуального общения очевиден 
  25. Как быстрее доставить сообщение в мозг или немного о современном языке визуальной коммуникации
  26. Лучше один раз увидеть и при этом хорошо разглядеть
  27. Обзор современных средств визуального представления контента
  28. Почему всё это востребовано меньше, чем банальные подходы к визуализации?
  29. Нужно ли с этим что-то делать?
  30. Принципы визуальной коммуникации
  31. Показать > Рассказать
  32. Типографика закладывает основу
  33. Что общего у хороших визуальных эффектов?
  34. Разработка визуальных эффектов в игровой форме
  35. Что дальше?
  36. 💡 Видео

1. Mobile-first подход

Рекомендация: отдавайте предпочтение вертикальным изображениям 

В 2019 году почти 56% интернет-трафика приходилось на десктоп-пользователей, а более 40% потреблялось через смартфоны и планшеты. В этом году процент потребления информации с помощью мобильных устройств продолжает расти. В некоторых нишах (к примеру, в розничной торговле или сфере развлечений) соотношение мобильного и десктоп-трафика достигает пропорции десять к одному. 

Вертикальные изображения (фотографии, схемы, видео или интерактивные объекты) способствуют повышению конверсии, будь то изображения для корпоративного сайта или писем. Верстка таких продуктов может быть адаптивной, однако базовая версия — всегда мобильная. 

То же правило распространяется на контент новых форматов — приложения с функциями AR и VR рассчитаны исключительно на вертикальные экраны. 

Если или другие социальные сети — ваш основной канал коммуникации с аудиторией, вот еще один аргумент в пользу вертикальных визуалов. 78% пользователей в апреле 2020 использовали исключительно мобильные устройства. 

Устройства для входа в по всему миру, апрель 2020 года.

PR с фото-доказательствами вместо рекламы

Рекомендация: продвигайте ценности бренда, а не его продукты

Прямая реклама звучит для потенциального покупателя убедительно лишь тогда, когда он сам размышлял над покупкой товара, а вам удалось подгадать момент, чтобы указать ему, где он может купить его. В остальных случаях вас ждет разочарование: миллениалы (самая «покупающая» социальная группа в 2020 году) глухи к обещаниям, призывам и описаниям преимуществ. Они недоверчивы. 

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

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

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

Пример. Миссия производителя очков Warby Parker — помогать людям ориентироваться, пока они совершают маленькие и большие путешествия по миру. Каждая купленная пара очков в магазине означает, что еще один человек из 15% жителей планеты, которые не могут приобрести очки, тоже сможет видеть! Еще бренд использует перерабатываемые материалы. 

3. Новый стандарт открытости 

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

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

https://www.youtube.com/watch?v=AwRfR0MJewU

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

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

Чем иллюстрировать кейсы, связанные с conversational marketing? Сохраняйте скриншоты общения с клиентами (при публикации обеспечивайте анонимность пользователей) или используйте формат «иллюстрация плюс плашка с заголовком», если вам необходимо посвятить истории более двух абзацев. В последнем случае в качестве иллюстрации вы можете использовать аутентичные снимки из наших кураторских коллекций. 

В Instagram-аккаунте бренда Teva — истории амбассадоров бренда, сотрудников и путешественников. Бренд делится мнением и рассказывает об успехах клиентов и работников. 

4. и анимационный дизайн вместо статичных изображений

Рекомендация: вкладывайте средства в производство контента, где суть можно уловить за секунды, а смотреть — часами 

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

У брендов есть всего несколько секунд, чтобы донести потенциальному клиенту свое сообщение. 

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

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

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

5. UGC и интерактивные визуальные формы

Рекомендация: постоянно общайтесь с пользователями 

User-generated content (UGC) — контент, который создали сами пользователи, — суть любой социальной сети.

Однако только в 2020 году стало очевидно, что Stories и другие публикации от среднестатистических пользователей (не обязательно топ-блогеров) могут стать альтернативой традиционной рекламе.

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

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

Наш совет: используйте контент пользователей и создавайте на его основе материалы для продвижения (c указанием авторства). 

Например, TikTok-челлендж #ThousandDollarCrocs от Crocs, который сгенерировал более 3 млрд видео. Его суть была в том, чтобы предложить подписчикам снять видеопрезентацию их кастомизированных «кроксов». 

Как достичь максимума

  • Проверить, как отображается ваш визуальный контент на мобильных устройствах (вертикальная ориентация).
  • Определить социальную миссию бренда и найти ее отражение на уровне брендинга, стиля общения, тематики кампаний и иллюстраций. 
  • Посвятить бренд-сообщения жизни сотрудников, производственному процессу и историям пользователей.
  • Сделать визуальный контент динамическим (gif-анимация, видео или интерактивная история).
  • Общаться с клиентами и поощрять их инициативы, чтобы построить комьюнити вокруг вашего бренда.

Интерактивность, открытость, человечность и динамика — так звучат принципы, которыми мы советуем руководствоваться в этом сезоне при создании визуальных материалов.

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

https://www.youtube.com/watch?v=5fTkI8ne8NI

Фото обложки: Unsplash.

Изображение в тексте предоставлено автором.

Нашли опечатку? Выделите текст и нажмите Ctrl + Enter

Видео:Визуальная коммуникация. Урок 07Скачать

Визуальная коммуникация. Урок 07

Визуальное общение – ключевой фактор качества обслуживания клиентов

Визуальное общение

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

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

Один из инструментов улучшения качества обслуживания клиентов – визуальное общение. Появился даже термин «визуальное вовлечение», которое объединяет процессы и технологии управления клиентским опытом (CEM) для создания счастливых клиентов. 

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

Что такое «визуальное вовлечение» 

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

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

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

Концепция общения и взаимодействия в реальном времени опирается на простой принцип «увидеть – значит поверить».

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

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

Инструменты визуального общения

Для упрощения онлайн-взаимодействия с клиентами на пути к покупке используются разные инструменты общения. 

  • звонок и ой чат: живое общение в формате видео позволяет не только выявить проблемы потенциальных клиентов при первом взаимодействии, но и предложить эффективное решение. Для службы технической поддержки это сокращает количество точек соприкосновения со специалистами и экономит время, обеспечивает персонализированное обслуживание клиентов. 
  • Организация совместного просмотра: использование видео позволяет продавцам-консультантам активно взаимодействовать с клиентами в режиме реального времени на сайте или в приложении, показывать интересующий товар, проводить обзорную экскурсию по объекту недвижимости. Ответы на вопросы помогают выработать приемлемое предложение или приблизить покупку. Общение один на один ускоряет конверсию продаж. 
  • Совместное использование экрана: предоставление общего доступа к экрану рабочего стола компьютера или гаджета позволяет демонстрировать промоматериалы, видеролики, документы (инструкции, расчеты, чертежи, планы, карты и т.п.). Это существенно помогает в онлайн-продажах и поддержке клиентов. 

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

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

Каковы преимущества использования таких инструментов и как их использование способствует улучшению качества обслуживания клиентов? 

1. Улучшение реагирования на первое обращение 

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

Конечная суть онлайн-взаимодействия в реальном времени – это способность видеть, понимать и решать проблемы клиентов. Использование инструментов позволяет успешно разрешить первый контакт (FCR – First Contact Resolution) и предотвратить повторные обращения и отток клиентов: 

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

2. Уменьшение количества точек соприкосновения 

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

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

Внедрение инструментов визуального общения – хороший способ решить эту проблему. 

3. Увеличение конверсии 

По мнению Oracle, компании могут увеличить коэффициент конверсии до 2,5 раз за счет включения визуальных каналов. 

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

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

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

4. Повышение уровня удовлетворенности клиентов 

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

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

5. Повышение пожизненной ценности клиента и уменьшение оттока клиентов 

Пожизненная ценность клиента (Customer Lifetime Value или CLTV) – один из важных показателей, на которые бизнес должен обращать внимание при оценке маркетинговой стратегии. Это предсказание чистого дохода, связанного с будущими отношениями с клиентом. 

Как показывает практика, заинтересованный постоянный клиент потратит на общение в среднем на 20% больше времени (за все время существования отношений с брендом или компанией). Это является веской причиной использовать инструменты визуального общения, которые будут обеспечивать удовлетворенность, повышать лояльность, способствовать более значимому взаимодействию с клиентами. 

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

Отложенная реакция на обращения и отсутствие взаимодействия – основные причины ухода клиентов. По данным Oracle, некоторые компании продемонстрировали 9,5-кратный уровень удержания клиентов после внедрения визуальных каналов, чтобы отстроиться от конкурентов, у которых эти каналы обслуживания клиентов отсутствовали. 

6. Повышение эффективности команды 

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

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

Команда работает быстрее и эффективнее. Упрощается процесс привлечения клиентов, налаживается эффективный обмен информацией. 

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

Примеры использования инструментов визуального общения 

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

1. Контактный центр 

Решения для визуального общения эффективны для контакт-центров. Использование чат-бота и видеочата сокращает время обработки и успешной обработки первого обращения клиента. 

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

2. Банковские, финансовые услуги и страхование (BFSI) 

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

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

3. Здравоохранение и социальная сфера 

Благодаря визуальному общению пациенты могут связываться с медицинскими организациями и врачами. Медицинские учреждения могут обмениваться опытом. 

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

4. Продажа автомобилей 

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

5. Розничная торговля и электронная коммерция 

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

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

6. Услуги  

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

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

Эффект от визуального общения очевиден 

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

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

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

Видео:Задачи визуальной коммуникации | Андрей Логвин | ProsmotrСкачать

Задачи визуальной коммуникации | Андрей Логвин | Prosmotr

Как быстрее доставить сообщение в мозг или немного о современном языке визуальной коммуникации

Визуальное общение

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

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

И это странно, ведь согласно исследованиям визуальная коммуникация значительно эффективнее вербальной.

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

Лучше один раз увидеть и при этом хорошо разглядеть

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

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

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

Именно этот вид восприятия определил многое в нашей культуре и именно он является ведущим у Homo Sapiens до настоящего момента.

Среди коммерческих исследований на тему эффективности разных типов контента в коммуникации особого внимания заслуживает подробное Not Another State of Marketing Report от разработчиков ПО для маркетологов HubSpot, все участники исследования сходятся во мнении о том, что визуальная коммуникация в несколько раз эффективнее вербальной. Джон Медина (англ.

John Medina) — известный молекулярный биолог-эволюционист, занимающийся исследованиями в области генетики и нейробиологии в Вашингтонском университете ставит точку в вопросе ведущего типа восприятия у человека.

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

Обзор современных средств визуального представления контента

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

В торговле недвижимостью сосуществует с испытанными временем рендерами, в музеях с AR и аудиогидами, а в образовании является практически самостоятельным инструментом. Любопытно, что Goldman Sachs в 2020-м прогнозировал совокупную перспективную прибыль от VR в недвижимости ок 2,6 миллиарда долларов до 2025 года.

360 панорамы и 3D-обзоры в интернет торговле

360 photo — это панорамные фотоснимки, не смотря на то, что они известны ещё со времен расцвета аналоговой фотографии, 10 лет назад такой контент вызывал WOW-эффект и считался чем-то необычным. Сегодня к нему привыкают всё больше, особенно покупатели luxuty и premium товаров в сети. Существуют 360 экскурсии по городам и музеям, 360 обзоры домов и квартир. Сложности, связанные с необходимостью хранить большие объемы, решают такие компании как Cappasity, которые создают SaaS-платформы, позволяющие крупным магазинам хранить трехмерные визуализации своих товаров в облаке и не повышать нагрузку на серверы. Сервис активно использует отечественный ЦУМ и заокеанский American Greetings. Принципиально иным путём пошла компания Review3, где средствами 3D моделирования создаются 3D обзоры объекта. Компания массово создаёт обзоры популярных товаров и предлагает купить размещение и «прикрутить» обзоры к магазину, воспользовавшись API. Такой процесс ускоряет размещение контента и серьезно снижает стоимость применения контента. Сервис используют как крупные бренды, например DNS и Яндекс-Маркет, так и небольшие магазины.

Пользовательский визуальный контент социальных медиа

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

Визуализация, созданная не цифровыми методами в контент-маркетинге

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

Почему всё это востребовано меньше, чем банальные подходы к визуализации?

Такой вопрос возникает у многих, кто создает современный контент контент и сталкивается с заказчиками, особенно в России. Так торговцы недвижимостью хотят только рендеры игнорируя VR и AR решения.

Далеко не все интернет магазины торопятся внедрять 3D-обзоры и панорамные 360 photo, музеи редко предлагают что-то кроме аудиогидов, а визуальный контент крупных компаний редко значительно отличается от отраслевых шаблонов конца 90-х годов прошлого столетия.

По моей эмпирической оценке на 20 оригинальных визуальных решений с применением современных технологий и креативных подходов в российском сегменте приходится 80 совершенно заурядных стандартных решений, который не впечатляли уже 2008 году. Аналогичная история с внесетевыми сценариями использования визуальных средств.

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

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

Нужно ли с этим что-то делать?

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

Мой знакомый работает на застройщика, и он скептически относился к внедрению VR-туров, пока не узнал, что их использует аукционный дом Sotheby's. Другой открыл интернет-магазин электроники и сопротивляться покупке 3D-обзоров, пока не узнал, что они подняли конверсию у “Связного”. Никакие логические доводы здесь не работают, т.к. большинство из нас заложники собственного опыта.

Хабы:

  • Работа с 3D-графикой
  • Контент-маркетинг
  • Научно-популярное
  • AR и VR
  • Мозг

Видео:«Визуальные коммуникации». Куратор Леонид СлавинСкачать

«Визуальные коммуникации». Куратор Леонид Славин

Принципы визуальной коммуникации

Визуальное общение

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

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

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

Я написал это стихотворение о себе в восьмом классе

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

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

В подобной игровой форме я заложил основы моей визуальной интуиции.

https://www.youtube.com/watch?v=MwFsOENtCY0

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

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

По мере того, как мы становимся старше, визуальный сторителлинг пугает нас все больше, поскольку мы убеждаем себя, что визуальные эффекты – детские забавы или чисто декоративные элементы. Нас учили, что все тексты должны быть напечатаны шрифтом Times New Roman 12pt и с двойным интервалом на бумаге размера Letter.

Нам сказали, что «намного профессиональнее» убрать восклицательные знаки и смайлики.

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

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

Речь идет о том, чтобы найти золотую середину между весельем WordArt и надежностью Times New Roman.

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

Показать > Рассказать

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

Типографика закладывает основу

Чтобы наглядно передать идею не всегда нужно добавлять иллюстрацию или графику! Хорошая типографика закладывает основу для любого визуального повествования. В мире существует множество ресурсов по типографике, но я дам вам два самых важных совета:

  1. Придерживайтесь одного шрифта.
    Найдите шрифт имеющий разные веса и стили. Сложно сочетать разные гарнитуры. Сейчас мои любимые Google шрифты– IBM Plex Sansи Inter.
  2. Меняйте одну вещь за раз.
    Создание достаточного контраста между стилями шрифта – это искусство. Я рекомендую менять только одну характеристику за раз: размер, вес, стиль и цвет – самые популярные параметры, которые можно изменить.

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

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

  • На слайде 1 я использую один стиль для всего текста.
  • На слайде 2 я выделил самый важный текст на странице полужирным: «Меняйте одну вещь за раз».

  • На слайде 3 я уменьшил размер текста абзаца и переместил заголовок в отдельную строку.
  • На слайде 4 я выделил слово «одну» розовым цветом, чтобы подчеркнуть его важность, и сделал текст абзаца более светлым оттенком серого.

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

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

Что общего у хороших визуальных эффектов?

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

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

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

https://www.youtube.com/watch?v=XlusmJ85pK0

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

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

Хорошие визуальные коммуникаторы могут выделить наиболее важные части изображения.

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

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

Я использую Lorem Ipsum в качестве текста-заполнителя.

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

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

Например, если ваша компания реструктурирует процесс приема на работу, может быть полезно показать блок-схему до и после, которая выделяет изменения. Например, были внесены следующие изменения:

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

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

В приведенном ниже примере вы заметите, что я умеренно использую цвет, чтобы выделить изменения в процессе. Цвет – один из лучших способов привлечь внимание к важным аспектам.

На этом графике показаны изменения в процессе найма в компанию.

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

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

Тот же процесса найма новых сотрудников в компанию, созданный с помощью Google Таблиц

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

Инструменты для создания визуальных эффектов:

  • У Figma более высокая кривая обучения, но она предлагает наибольшую гибкость.
  • Whimsical прост в использовании и содержит шаблоны для создания общих визуальных элементов, например, блок-схем.
  • Mural похожа на цифровую доску. Она отлично подходит для совместной работы и содержит шаблоны.

Разработка визуальных эффектов в игровой форме

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

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

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

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

В этом упражнении я призываю студентов изменять по одной вещи за итерацию.

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

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

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

https://www.youtube.com/watch?v=RQRWP4ECH3E

Серия итераций типографики плаката.

Лично я считаю, что последняя итерация работает лучше всего, потому что сообщение громкое и четкое

На каждой итерации я менял только одну характеристику шрифта! Как вы думаете, какая версия работает лучше всего? Лично я выбрал последнюю итерацию, потому что сообщение громкое и четкое. Затем я поэкспериментировал с разными шрифтами. У каждого шрифта своя индивидуальность:

На этот раз я менял шрифты: (1) IBM Plex Sans, (2) Inter, (3) Source Serif Pro, (4) Rubik

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

  • В версии 1 я использовал эмодзи Apple.
  • В версии 2 я нарисовал иконку человека, используя два круга и прямоугольник.
  • В версии 3, я использовал библиотеку иллюстраций Humaaans.
  • В версии 4, я использовал набор символов Apple.

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

Все варианты нашей инструкции эффективны. Инструкции 2 и 4 больше похожи на официальный плакат, но версии 1 и 3 кажутся более интересными и привлекательными. Установив все компоненты на свои места, мы можем попробовать добавить стиль и цвет. Важно аккуратно использовать стиль и цвет, потому что они могут перегружать сообщение.

Все четыре версии работают хорошо! Варианты (2) и (4) захватывают внимание зрителя, потому что используют в качестве фона сплошной цветовой блок. Варианты (1) и (3) может быть проще сканировать из-за простоты фона. Мне нравится, как в варианте (3) используется фиолетовый цвет, чтобы выделить рекомендованную дистанцию «6 футов».

Вот как выглядит плакат «Держитесь на расстоянии 6 футов друг от друга», используемый в Сан-Франциско. Он довольно хорошо передает сообщение. Самый важный текст «Держитесь на расстоянии 6 футов друг от друга» выделен желтым цветом, а также включает простой рисунок, который еще раз выделяет сообщение.

Что дальше?

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

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

Визуальное повествование – это передача идей, а не создание произведений искусства.

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

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

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

💡 Видео

Пример эффективной коммуникацииСкачать

Пример эффективной коммуникации

Виктория Випрада: Визуальное искусство как язык коммуникации. Клуб-лекторий SféraСкачать

Виктория Випрада: Визуальное искусство как язык коммуникации. Клуб-лекторий Sféra

Язык визуальной коммуникации в вебкам индустрииСкачать

Язык визуальной коммуникации в вебкам индустрии

Александр Шатный. Визуальная коммуникацияСкачать

Александр Шатный. Визуальная коммуникация

Компетенция «‎Дизайнер визуальных коммуникаций»‎Скачать

Компетенция «‎Дизайнер визуальных коммуникаций»‎

Визуальная коммуникация для персонального брендаСкачать

Визуальная коммуникация для персонального бренда

Альтернативная коммуникация. Визуальное расписаниеСкачать

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

Сила Визуальной КоммуникацииСкачать

Сила Визуальной Коммуникации

Визуальные коммуникации в образованииСкачать

Визуальные коммуникации в образовании

Как перепрограммировать свой мозг на успех - Доктор Максвелл. M - ПсихокибернетикаСкачать

Как перепрограммировать свой мозг на успех - Доктор Максвелл. M - Психокибернетика

Этикет онлайн-встреч: визуальный образ и технические нюансы. Н.А.АгаповаСкачать

Этикет онлайн-встреч: визуальный образ и технические нюансы. Н.А.Агапова

Как использовать визуальные методы работы с информациейСкачать

Как использовать визуальные методы работы с информацией

Визуальные исследования как практика познанияСкачать

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

Секция 1. Граф дизайн и визуальные коммуникацииСкачать

Секция 1. Граф дизайн и визуальные коммуникации

#2 Философско-эстетические основания визуальных практик в журналистикеСкачать

#2 Философско-эстетические основания визуальных практик в журналистике

Презентации и визуальные коммуникации.Скачать

Презентации и визуальные коммуникации.

Мастер-класс в Школе Визуальных Коммуникаций.Скачать

Мастер-класс в Школе Визуальных Коммуникаций.
Поделиться или сохранить к себе: