Тренды

Назад в будущее. Музыка и звуковые элементы на сайтах

Автор Freelance.Today

Подбирая материал для статей, мне приходится заходить на много сайтов, выполненных согласно новомодным тенденциям. Чего я там только не видела – и нестандартные цветовые сочетания, и JS-эффекты, и интересные решения для скроллинга.

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

Что говорят эксперты

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

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

— испугать пользователя, не готового к этому;

— помешать слушать уже включенную музыку.

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

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

Как сегодня применяется музыка на сайтах

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

Некоторые из этих ресурсов могут быть вам знакомы – мы уже бывали на них, рассматривая другие тренды этого года.

Level 

Музыка на сайтах

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

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

BBQ 

Музыкальные эффекты на сайтах

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

Pablo The Flamingo 

Фриланс услуги веб-дизайнера

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

My Austria 

Дизайн сайтов фриланс

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

Giant Steps 

Разработка дизайна сайтов фриланс

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

Take Me To Tomorrowland 

Необычный дизайн сайта

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

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

Lidyana 

Видео на сайтах

На этом сайте видео со звуком запускает сам пользователь. Это большой плюс – не придется шарахаться от монитора при случайном запуске.

Ну а дальше смотрите сами, как реализована необычная идея этого ресурса. Просто без комментариев.

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

Apps 

Разработка лендинга фрилансерами

Не знаете, как делается сидр? Этот ресурс расскажет вам в виде игры. Нажимая нужные клавиши, вы продолжаете смотреть и слушать интересный рассказ. Можно миновать это и просто перейти в раздел с продуктами. А можно не слушать, просто смотреть, выключив звук. Идеально.

Музыка легкая и приятная, рассказ реализовывает идею о информационной нагрузке звукового сопровождения.

Итоги

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

Несколько выводов из всего вышенаписанного напрашиваются сами собой:

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

— рассказ о продукте, воспроизведение звуком текста с экрана – очень удачный ход;

— «игровые» элементы в сочетании со звуком делают ресурс незабываемым;

— кнопки для выключения звука и видео должны присутствовать обязательно, на видимом месте;

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

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

  • 3799