Зачем корпоративному приложению звуки и как они влияют на вовлечённость пользователей: опыт Salesforce Материал редакции

Перевод материала дизайнера компании Адама Доти.

В закладки

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

Это странный, но интригующий вопрос. Мы часто используем слова и изображения для передачи информации в продуктах от Salesforce и поддержки клиентов. Мы спросили себя: «А что, если применить “звуковую стратегию” для нашего бренда?»

Когда мы впервые поставили перед собой этот вопрос, наступил хороший момент для того, чтобы подумать о брендинге. Мы только что запустили платформу Salesforce Lightning, дополненную обновлённым пользовательским интерфейсом.

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

Что такое сонификация

При беглом просмотре соответствующей страницы в «Википедии» можно найти такое определение:

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

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

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

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

Звук доверия

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

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

Saleforce использует сонификацию для общения с пользователем в любых ситуациях: при закрытии сделки в Sales Cloud, в начале какого-либо процесса в Marketing Club или при исходящем вызове в Service Cloud.

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

Проблемы внесения изменений в продукт

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

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

Ещё один проблемный фактор — растущая база пользователей мобильного приложения Salesforce. Так как пользователи, как правило, больше ожидают аудиоотлика на свои действия в мобильных интерфейсах, а не в компьютерных, мы не могли не заинтересоваться тем, можно ли добиться согласованности аудиосигналов на всех каналах связи с пользователями.

Уроки, которые мы извлекли из проекта по сонификации платформы Salesforce Lightning

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

Определитесь с тем, как вы понимаете сонификацию

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

Мы видим проект по сонификации Salesforce вот так:

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

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

Сочетайте звуковой дизайн с другими аффодансами

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

Визуальные, кинетические, звуковые и текстовые аффордансы

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

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

Создайте свой звуковой бренд

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

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

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

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

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

Создайте каталог звуков с помощью спектра интенсивности

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

Пример спектра интенсивности для корпоративного приложения

Как показано в спектре интенсивности выше, ось Y означает частоту появления аудиотриггеров: от обычных откликов системы на действия пользователя (например, когда система сообщает об успешно выполненных действиях или уведомляет о чём-то) до более редких сообщений об ошибках и тех случаях, когда система с чем-то поздравляет пользователя.

Ось X показывает сложность звука. Как правило, чем чаще срабатывает триггер, тем короче и проще звук. Чем сложнее звук, тем реже он должен звучать; приберегите наиболее сложные звуки для поощрения пользователя и важных уведомлений.

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

Демонстрация всех звуковых сигналов приложения

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

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

Обеспечение согласованности с помощью «общепринятых жестов»

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

Например, жест «перетащить и отпустить» используется в нескольких продуктах от Salesforce.

Общепринятый жест «перетащить и отпустить» в трёх разных продуктах от Salesforce

Десять советов для введения сонификации в корпоративных приложениях

  1. Звуки должны быть короткими, ненавязчивыми и с понятным смыслом.
  2. Интенсивность звука должна соответствовать срочности сообщения, которое он передаёт.
  3. Примите во внимание подтексты, которые могут увидеть в звуках носители разных культур.
  4. Координируйте звуки с визуальными сигналами и другими входными данными, такими как анимация, тактильный отклик на действия пользователя (вибрация) и движения элементов дизайна.
  5. Чтобы пользователь быстрее привык к звукам, подумайте об использовании уже разработанных звуковых сигналов.
  6. Адаптируйте звуковые сигналы к ожидаемому уровню опыта пользователей.
  7. Примите во внимание окружение, где пользователь обычно находится, и типы устройств, которые он использует.
  8. Введите элементы управления, с помощью которых можно включать или отключать звуковые уведомления.
  9. Не вводите ненужные отвлекающие элементы.
  10. Примите во внимание типичное поведение пользователя, включая то, для чего он обычно использует ваш продукт. Не перегружайте пользователей. Делайте так, чтобы звуки, связанные с повторяющимися задачами, оставались лёгкими для слуха, простыми и с ясным смыслом.

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

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

{ "author_name": "Ян Австрейх", "author_type": "self", "tags": ["\u044e\u0437\u0430\u0431\u0438\u043b\u0438\u0442\u0438","\u0437\u0432\u0443\u043a"], "comments": 0, "likes": 1, "favorites": 8, "is_advertisement": false, "subsite_label": "design", "id": 81706, "is_wide": false, "is_ugc": true, "date": "Wed, 04 Sep 2019 14:37:39 +0300", "is_special": false }
0
{ "id": 81706, "author_id": 192524, "diff_limit": 1000, "urls": {"diff":"\/comments\/81706\/get","add":"\/comments\/81706\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/81706"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199114, "last_count_and_date": null }
Комментариев нет
Популярные
По порядку
{ "page_type": "article" }

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "Article Branding", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "cfovx", "p2": "glug" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Баннер в ленте на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "disable": true, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } } ] { "page_type": "default" }