UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Введение в дизайн звуков для интерфейса
Редакція
Редакція

Опубліковано

Введение в дизайн звуков для интерфейса

#ux

Что такое звуки интерфейса и как мы можем использовать их для улучшения пользовательского опыта?

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

Краткий урок истории

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

Геймплей Pong

Может быть Apple, не были первыми, но, как и со многими вещами, они вывели звуки интерфейса на новый уровень. Они начали с изменения звука запуска компьютеров Macintosh в 1991 году. Звук запуска, использовавшийся до 1991 года, был диссонансным и неоднозначным, было непонятно, компьютер вышел из строя или загружался.

«Я подумал, что мне нужен этот медитативный звук, я раньше шутил, что он прочищает уши».

Джим Рикес – создатель звука запуска Apple Macintosh

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

Типы звуков интерфейса

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

Звуки уведомлений

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

Звуки взаимодействия / фидбека

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

Messenger

Третья категория, которой трудно придумать название– это звуки, которые я бы назвал просто восхитительными. Звуки, которые призваны как-то украсить пользовательский опыт. Например, звук запуска Mac, о котором упоминалось ранее, представляет собой гибрид звука уведомления и звука, призванного оживить процесс включения компьютера.

Когда и где использовать звуки интерфейса

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

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


Перевод статьи bekk.christmas

Топ коментарі (0)