Совет по звуку: краткое руководство по созданию звуков для UX

Опубликовано: 2022-03-11

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

Хотя у нас очень сложный разговорный язык, люди также используют звук для общения (например, у французов есть множество вербальных сигналов, которые никогда не образуют слова). Когда мы строили города и общества, мы использовали всевозможные звуки для обозначения значения. Грузовик подает звуковой сигнал, чтобы предупредить других о движении задним ходом, чайник свистит, когда вода закипает, а звук, который издает тщательно спроектированная дверь автомобиля BMW, когда она закрывается, свидетельствует о инженерном мастерстве. А в вездесущем цифровом мире пинг текстового сообщения привлекает внимание к уведомлению.

Слышимые звуки являются неотъемлемой частью понимания мира и нашего окружения. Разве они не должны учитываться в интерактивном опыте UX-дизайна?

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

Зачем учитывать звуки UX в дизайне?

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

Дизайнеры часто забывают, что визуальные компоненты — не единственный способ добиться этих целей. Звуковой дизайн в UX может (и должен) способствовать:

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

Как сбалансировать форму и функцию

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

Во-первых, сосредоточьтесь на полезности

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

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

Звуки также могут быть включены для создания «негативного пространства» во взаимодействии, позволяя пользователю переключить свое внимание в другое место, пока звук не предупредит его о завершении действия. (Звук Лео Фуро; анимация Джордана ДеВоса)

Используйте метафоры вместо скевоморфизма

При создании «соответствия между системой и реальным миром» (фундаментальный принцип юзабилити из эвристики юзабилити Нильсена) дизайнер может ссылаться либо на физические объекты, либо на чувства и переживания.

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

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

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

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

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

Создайте «Руководство по звуковому стилю»

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

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

Звук может внести большой вклад в восприятие бренда или опыта. Эти два звука выше сопровождают одно и то же изображение, но обеспечивают два разных слуховых восприятия. (Звук Лео Фуро; анимация Джордана ДеВоса)

Пусть UX звучит просто

Дитер Рамс, легендарный продуктовый дизайнер, разработал десять принципов дизайна, которые актуальны и по сей день. Десятый и последний принцип: «Хороший дизайн — это как можно меньше дизайна.

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

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

Тот же уровень простоты применим к длине звука в UX-дизайне . Как правило, звук перехода или микровзаимодействия никогда не должен длиться более 0,3 секунды дольше, чем связанная с ним анимация. Звук должен быть достаточно коротким, чтобы его мог воспринять пользователь. В качестве ориентира, звук уведомления свистком Samsung слишком чрезмерный.

Дизайн UX-звуков для устройства

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

  • Звук кажется тяжелым или приглушенным? Удалите некоторые низкие частоты и подчеркните высокие.
  • Звук кажется скрипучим или хриплым? Вырежьте некоторые из более высоких частот и увеличьте диапазон от среднего до низкого.

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

Типичная частотная характеристика ноутбука показывает низкие, средние и высокие частоты.
Типичные динамики ноутбука подчеркивают высокие и низкие частоты. Видите ту долину слева? Это каньон без басов.

Помните о повторяющейся терпимости в звуковом дизайне UX

Вы когда-нибудь устанавливали свою любимую веселую песню в качестве звука будильника? Через какое время это стало невыносимо?

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

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

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

Тестирование UX-звуков

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

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

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

Раскройте всю мощь UX-звуков

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

• • •

Дальнейшее чтение в блоге Toptal Design:

  • Советы по продуктивной критике дизайна
  • Основные факторы плохого UX
  • Создание руководства по стилю пользовательского интерфейса для лучшего UX
  • Опыт решает все — полное руководство по UX
  • Оттачивайте свои навыки: ценность междисциплинарного дизайна