Статті
Конспект дизайнера: саунд-дизайн інтерфейсів
Чому звук важливий для UX і як краще озвучувати дизайн
28 травня, 2019
Дмитро Новіков
Арт-директор і продакт-дизайнер у MacPaw
Ми любимо тексти без помилок. Якщо ви їх знайшли, виділіть фрагмент і натисніть Ctrl + Enter.

Повноцінний цифровий продукт не може обійтись без графіки, анімації, продуманого сценарію і звуку. Та як правильно озвучити дизайн без професійної апаратури? Чому звук настільки важливий для UX і як краще озвучити інтерфейс? Публікуємо конспект лекції Interface sound design Дмитра Новікова — арт-директора і продакт-дизайнера у MacPaw. Повну відеоверсію виступу дивіться тут.

Читайте також: Як поліпшити взаємодію в мобільних додатках за допомогою саунд-дизайну.

Звук можна побачити. Для деяких людей характерна синестезія — явище, коли одні відчуття нерозривно пов’язані з іншими і це ніяк не контролюється. Наприклад, коли смак має свій звук або числа сприймаються певним кольором.

Вивчення синестезії допомагає зрозуміти, як поєднувати візуальний ряд зі звуковим: наприклад, озвучувати кіно або ілюструвати музику.

Коли ви бачите старі двері, то очікуєте, що вони скрипітимуть. Коли ви бачите обкладинку альбому, то можете уявити жанр музики, що там записана.

Автор усіх зображень: Дмитро Новіков

Звук — це універсальна мова, він не відрізняється залежно від країни чи території. Для запису музики всі використовують нотний стан, а характер звуку можна описати поняттями: гучно, тихо, мажор, нейтральний звук, мінор.

Звук допомагає взаємодіяти з інтерфейсами. Наприклад, коли працює таймер, ви відчуваєте вібрацію і чуєте звук.

Звуковий дизайн дає голос вашому пристрою. Усі речі, зроблені людиною, так чи інакше мають своє характерне звучання; навіть якщо звуку немає, це передбачено розробником. Предмети видають звуки, коли вмикаються, завершують процеси або коли щось спрацювало не так.

Хороший звук для UI:

  • використовується помірно: не потрібно озвучувати кожен рух. Звук підкоряється функціональності: будильник повинен лише будити й не видавати додаткових звуків, програма для прослуховування музика має відтворювати лише музику.
  • має рівень гучності нижчий за системний: неприємно, якщо ви дивитесь фільм і отримуєте повідомлення з такою ж гучністю. Краще використовувати 70% від основного рівня.
  • допомагає зрозуміти, що відбувається, та прикрашає програму. Наприклад, коли дія виконана успішно, ви чуєте мажорний позитивний звук.
  • доречний і природний: якщо це 8-бітний інтерфейс, він буде звучати як приставка Dendy або стара Nokia, а не як симфонічний оркестр.

Яким має бути звук

Звук має легко сприйматись. Людина з нормальним слухом чує в діапазоні від 20 до 20 000 Гц. Ми повинні розташувати звук нижче за основний діапазон пристрою. Увімкніть музику на еквалайзері та подивіться, де він «просідає», цей діапазон вам і потрібен. Найпростіше взяти звук музичного трикутника, адже він впізнаваний і рідко трапляється.

Звук містить повідомлення. Мажорний акорд сповіщає, що все добре, мінорні звуки можуть повідомляти, що сів акумулятор або щось працює не так.

Звук має бути дружнім. Крики свині і нав’язливі сигнали та голоси мало кому сподобаються.

Нічого не повинно засмічувати звук. У бібліотеці GarageBand можна безкоштовно скористатись набором класичних музичних інструментів, які мають чисте звучання.

Корисні поради

Тримайте звуки в голові, коли проектуєте інтерфейс — одразу уявляйте характерні для нього матеріали та інструменти (синтезатор, оркестрові музичні інструменти, звук клавіш старого комп’ютера тощо). Донедавна клавіатури озвучувались цоканням грифельного олівця по столу.

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

Не перенавантажуйте інтерфейс звуками, як це зробив Facebook, де кожна дія супроводжується звуком.

Деталізація та простота дуже важливі. Інколи простого одноманітного звуку буває недостатньо, його можна доповнити ще одним-двома інструментами.

Звуки треба перевіряти на всіх доступних пристроях. Ми не знаємо, до чого підімкнуть пристрій: до яких колонок, телевізорів, проекторів тощо.

Не обов’язково купувати професійний мікрофон. Звуки можна записувати на звичайний диктофон і потім почистити шуми у програмі. Щоправда, краще записувати звук у приміщенні без реверберації. Найкраще це робити у кімнаті зі звукоізоляцією, можна орендувати студію звукозапису, в домашніх умовах — залізти під ковдру.

Людина використовує не так багато програм, що надсилають важливі повідомлення. Добре, коли звуки у них відрізняються, як і іконки. Незручно, коли всі іконки однаково блакитні й круглі, користувачу важко їх розрізнити, доводиться розставляти їх далеко одна від одної. Те саме і зі звуком: коли всі однакові, це більше навантажує, ніж розвантажує людей.

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

Не обов’язково робити звуки довгими, але вони мають бути природними — не обриватись різко, потрібен певний час, аби звук закінчився.

Коли розробляли звук до Apple Watch, то вийняли всі нутрощі з хромованого годинника та вдарили по ньому дерев’яним молоточком. Тому коли Apple Watch видають сигнал, нам здається, що там справді є механізм з молоточком, це переконливо.

Інструменти та бібліотеки

Найпростіше — взяти стандартні звуки, що є в операційній системі, над ними працювали фахівці, тож на це можна орієнтуватись. Також є доклади від Apple про процеси запису звуку.

З софту я раджу GarageBand і Logic Pro, там непросто розібратись з інтерфейсом, але є велике поле для експериментів. Ці інструменти майже однакові, тільки GarageBand безкоштовний.

Ще раджу безкоштовний редактор звуку Audacity. Він показує спектрограму доріжки, тобто ви дуже чітко можете побачити, де закінчується звук, наскільки він щільний, чи є там зайві шуми тощо.

Для Windows підійде Cubase та FL Studio. На Linux взагалі не варто працювати зі звуком.

Хороші безкоштовні бібліотеки звуку є на Epidemic і на GarageBand.

Скільки часу і як триває процес

Зазвичай на один софт йде тиждень. Я роблю багато різних звуків, перевіряю їх на прототипах, потім ми з командою тестуємо їх на пристроях. Тоді вставляємо це в софт, люди користуються, ми враховуємо критику.

Щоб озвучити програму, треба перш за все вирішити, з якого матеріалу вона зроблена, уявити, що для неї властиво. Аби зберігати стиль звучання, варто працювати в одному вихідному файлі. Можна використовувати одні й ті ж інструменти, але з різними налаштуваннями, midi-доріжками. Це схоже на візуальний дизайн: коли є 8 кольорів, 16х16 пікселів і приблизно однаковий підхід, то всі іконки будуть в одному стилі.

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


Раніше Telegraf.Design писав про те, як влаштований дизайн мобільних додатків для людей з інвалідністю.

avatar
Дмитро Новіков
Арт-директор і продакт-дизайнер у MacPaw
Колонка

У нас є ще дещо для вас

Повідомити про помилку

Текст, який буде надіслано нашим редакторам: