// //
переводы

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

11 Сентябрь, 2017
Мы любим тексты без ошибок. Если вы все же их обнаружили, выделите фрагмент и нажмите Ctrl+Enter.

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

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

«Звук? Facebook?» – спрашивают они.

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

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

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

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

1. Чем проще, тем лучше

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

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

Например, прослушайте некоторые звуки взаимодействия в Messenger:

Sounds in Messenger

Опубліковано Facebook Design 19 червня 2017 р.

Примеры звуковых сигналов Messenger в диалоге

2. Сделайте это семейным делом

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

Я рекомендую вам создавать звуки так, чтобы они работали вместе как система. Так же, как и в визуальном дизайне.

3. Помните, всё хорошо в меру

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

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

4. Делайте звуки уникальными – или нет …

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

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

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

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

Кстати, об этом…

5. Повторение, повторение, повторение …

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

Вы помните, как впервые услышали сигнал заднего хода на автомобиле? «Ого, это здорово!» – подумали вы. Ну, и как вы относитесь к нему сейчас?

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

6. Фокус на полезности

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

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

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

7. Внедрение – это ключ

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

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

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

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

8. Тестирование, 1, 2, 3 …

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

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

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

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

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

Знакомство с Facebook Sound Kit

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

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

И последнее

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

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

Оригинал статьи по ссылке

Перевод — Мария Мицьо

У нас есть еще кое-что для вас

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: