Саунд-дизайнер и музыкант Роман Зимарёв о том, как звуки уведомлений и взаимодействий влияют на пользовательский опыт.
Я создаю звуки для фильмов, анимации, рекламных материалов и различного ПО. В рамках одного из последних проектов вместе с командой Icons8 мы выпустили библиотеку ui sounds, которая в том числе была использована в рекламной кампании IKEA.
Я часто слышу мнение, что звуки в неигровых приложениях — это моветон. Убеждён, что оно сложилось на основе многочисленных неудачных примеров. На самом деле звук может значительно улучшить пользовательский опыт или сработать там, где GUI (графический интерфейс — vc.ru) не в силах помочь. Следует лишь брать по-настоящему хорошие звуки и вставлять в действительно нужные места.
Категории звуков
UI-звуки можно разделить на две группы: звуки уведомлений и звуки взаимодействия с интерфейсом.
Звуки уведомлений
Основная функция — привлечь внимание пользователя к определённому событию. Главная особенность и достоинство этой категории в её независимости от графического интерфейса. Эти звуки срабатывают в тех ситуациях, когда графическая оболочка бессильна. Когда мы не смотрим в экран, единственное, что может привлечь наше внимание — это звуковое уведомление. Таким образом звук расширяет наши возможности.Система уведомлений в Slack
Звуки взаимодействия с интерфейсом
Основная функция — дать отклик на действия пользователя, сделав тем самым пользовательский опыт более приятным. Эти звуки представляют собой часть интерфейса — они его дополняют, воздействуя на слуховой орган восприятия.
Всегда приятно почувствовать результат своих действий и убедиться, что всё прошло удачно. Успешно отправленное сообщение, завершённая задача в списке дел или что угодно другое — когда интерфейс реагирует и откликается ненавязчивым «чик», это добавляет положительных ощущений. Общение между пользователем и приложением действительно становится двусторонним и наиболее полным.Пример простого и ненавязчивого звука при обновлении окна в Twitter
С чего начать
Начать стоит с ответа на два важных вопроса, которые избавят от львиной доли ошибок, совершаемых новичками.
1. Что должно звучать
В первую очередь стоит задуматься, что должно звучать в приложении и почему. Самое главное здесь — не перестараться. Нет никакой необходимости в том, чтобы приложение звучало как клуб игровых автоматов.
Каждый раз, озвучивая то или иное событие, стоит задаться вопросом: «Действительно ли здесь нужен звук?». Нужно понять, какую функцию выполняет каждый отдельный звуковой элемент, и убрать всё лишнее. Остаться должны только те звуки, которые несут полезную информацию или улучшают пользовательский опыт.
Пример: в Facebook Messenger при отправке сообщения воспроизводится двойной щелчок. Первый щелчок означает, что сообщение отправлено, а второй говорит о том, что сообщение доставлено. И отдельное уведомление звучит, когда собеседник прочитал сообщение.
Каждый из этих звуков несёт полезную информацию и доводит считывание событий до подсознательного уровня. Не нужно вглядываться в небольшие элементы графического интерфейса, чтобы знать, что происходит.
2. Как должно звучать
Вместе с графической составляющей звук должен создавать гармоничную, выдержанную в едином стиле картину. Во многих случаях достаточно простых коротких щелчков (click sounds) или поп-звуков (pop sounds) — они ненавязчивы и сочетаются почти с любым дизайном.
Не стоит использовать в проекте звуки, которые не сочетаются между собой и с графическим интерфейсом. В Skype, например, превалирует тема воды, и она достаточно чётко отражена в том числе в звуковом дизайне.
Говоря о чётко выдержанном стиле, хочется упомянуть игру Hidden Folks. В ней прекрасно всё — в том числе звук. Я как саунд-дизайнер сижу на краешке стула в ожидании возможности сделать что-то столь же причудливое.
Звуковая айдентика
Так же, как и логотип, звук может быть частью фирменного стиля. Например, в моём телефоне уведомления о новых сообщениях в разных мессенджерах (Telegram, WhatsApp, простые SMS) сопровождаются одним и тем же звуком. И только когда приходит сообщение в Facebook Messenger, я заранее, услышав звук и ещё не посмотрев на экран, знаю, в каком именно приложении пришло уведомление.Обзор примеров самой узнаваемой аудио-айдентики с краткой расшифровкой
От теории к практике
Есть три варианта озвучить приложение:
- Найти готовое решение.
- Нанять саунд-дизайнера, который всё сделает.
- Комбинация: нанять саунд-дизайнера, чтобы доработать то, что вы уже нашли.
Вариант №1: найти самому
- Звуки можно найти на стоках, которых сейчас в избытке. Придется переслушать много всего в поисках приличного и подходящего.
- Выбрать готовый к использованию пак. В интернете существует несколько готовых паков. Возвращаясь к моим: записал всё только необходимое и отсортировал по категориям (уведомления, щелчки и так далее). Но что самое важное — я стремился к тому, чтобы звуки в одном наборе хорошо сочетались между собой.
Примеры
Вариант №2: нанять саунд-дизайнера
Как профессионал он посмотрит на ситуацию под другим углом, подумает о том, что вам, возможно, не приходило в голову, и позаботится обо всех технических моментах. Говорить о звуке иногда может быть немного сложно, так что можно подкреплять слова референсами.
Саунд-дизайнер может запросить скринкаст приложения в действии. Работать по нему — это одно из самых простых решений. Дальше всё как и всегда: тесты и правки.
Вариант №3: комбинация
Можно нанять саунд-дизайнера, который модифицирует (при необходимости) уже найденные вами звуки, добавит недостающие и соберёт всё вместе.
Нюансы
Правильно выбранный момент. Некоторые события могут состоять из нескольких подсобытий. В этом случае очень важно, к какому именно подсобытию привязан звук.
Например, в приложении Facebook публикация записи сопровождается характерным звуковым оповещением. Важно, что звук воспроизводится не в момент отправки публикации (нажатия кнопки), а в момент, когда запись действительно размещена. Если речь идёт о «тяжёлом» тексте, то его публикация происходит не мгновенно, поэтому после нажатия на кнопку «Отправить» пользователь может заниматься другими делами (например, листать ленту). И лишь услышав тот самый звук, он будет знать, что всё прошло успешно.
Длинные звуки. С длинными звуками больше шансов совершить ошибку. Они могут быть более навязчивыми, создавать ощущение «заторможенности» интерфейса и в целом негативно сказываться на пользовательском опыте. Когда я слышу длинное звуковое уведомление, я порой успеваю подумать: «Да когда оно уже закончится?!».
Также короткие звуки занимают меньше места, что положительно сказывается на общем размере продукта. Но «будь осторожен» не значит «не делай так никогда».
Громкость. Тщательно подбирайте уровень громкости каждого звука. Слишком громкие и навязчивые звуки стали причиной скептического отношения к звукам в неигровых приложениях в целом: они раздражают и пользователя, и окружающих. Настройте громкость на уровень «скорее ощущаю, чем отчётливо слышу». Тогда пользователь получит нужный отклик на свои действия и не встретит при этом косых взглядов, находясь в обществе.
Ещё один нюанс: на всех мобильных устройствах есть встроенный процессор (DSP), который вытягивает все звуки. При этом динамики на этих устройствах не в состоянии чисто воспроизводить сигнал на большой громкости. Вы можете удивиться, как отвратительно и искаженно звучит на вашем смартфоне то, что хорошо звучит при воспроизведении на компьютере. Поэтому делайте звуки тише, и всё будет хорошо.