От рока до хип-хопа

какой цвет у вашего любимого музыкального жанра?

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

Но бывают объекты, для которых нет общеизвестных и устоявшихся ассоциаций, которые помогли бы выбрать наиболее подходящий для них цвет. У нас в VK Музыке такая ситуация возникла, когда мы работали над подборками по жанрам, и дизайнеры выбирали для каждого жанра подходящий ему цвет. На первый взгляд кажется, что это простая задача: ну рок — это чёрный, конечно! Но может быть, фиолетовый? Или красный? А какого цвета хип-хоп?

Мы нашли исследование, проведённое финскими и немецкими учёными: «Associating Colours with Musical Genres». Они изучили, как люди связывают цвета с музыкальными жанрами, и выяснили, что чёрный ассоциируется с металом и роком, а розовый — с поп-музыкой. Но у некоторых цветов, таких как серый и фиолетовый, не было явных ассоциаций. А ещё восприятие цвета и музыки может значительно отличаться в зависимости от культурного контекста, поэтому мы решили провести собственное исследование на аудитории VK Музыки.

Исследование проводили в форме онлайн-опроса, где участникам предлагали выбрать один цвет, который, по их мнению, больше ассоциируется с каждым из представленных музыкальных жанров. Вопрос задавали в такой формулировке: «С каким цветом у вас ассоциируется музыка в жанре …?»

Мы выбрали 12 цветов из палитры, используемой нашими дизайнерами, и 15 наиболее популярных музыкальных жанров.

Жанры:

В исследовании приняли участие 800 человек — активные пользователи VK Музыки. Это позволило сосредоточиться на аудитории, которая регулярно взаимодействует с музыкальным контентом и может иметь более сильные ассоциации между музыкальными жанрами и цветами.

Анализ проводили в три этапа.

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

Синие прямоугольники — статистически значимая положительная связь.

Красные прямоугольники — статистически значимая отрицательная связь.

Некоторые жанры имеют крайне яркие ассоциации, в то время как для других жанров пользователям сложнее было выбрать цвет. Вероятно, не все жанры были знакомы. Сложности возникли с альтернативой, эстрадой, фонком, инди и K-pop. У этих жанров статистически значимая ассоциация есть не только с цветами, но и с ответом «Затрудняюсь ответить».

Тем не менее для всех жанров удалось выявить ассоциируемые с ними цвета.

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