Раскрытие творческих способностей танцора с помощью музыки — пример Spotify.

Введение
Музыка для танцоров важна , потому что она доводит танцевальные движения до ритмичных битов и текстов. Танцы под музыку в конечном итоге позволяют танцорам продемонстрировать свои чувства и эмоции. Spotify — это мост, который соединяет танцоров с музыкой, поскольку Spotify — это ведущая в мире платформа для потоковой передачи аудио с более чем 433 миллионами пользователей.
Как пользователь Spotify и сам танцор, я использую Spotify по разным причинам. Будь то прослушивание музыки для танцев, поиск новой музыки для танцев или постановка хореографии под музыку, источником всей моей музыки является Spotify.
Один из аспектов, который я ценю как танцор, — создание хореографии. Для тех, кто не знаком с этим термином, хореография — это преднамеренная последовательность движений, созданная танцорами для выражения своего творчества. Однако, когда я использую Spotify для постановки хореографии, это очень ограничивает меня, потому что я не могу слушать музыку так, как хочу.
Выявление проблемы между хореографией и Spotify
Поэтому моя первоначальная проблема, которая, как я думал, у меня была на Spotify, заключалась в следующем:
Когда я на Spotify, я хочу ставить хореографию под музыку, чтобы я мог эффектно создать танцевальное произведение и выразить свою творческую свободу.
Но я не могу сделать это хорошо, потому что:
1. Spotify не позволяет мне манипулировать музыкой
2. Я не могу найти песню, которая соответствует тому, что я чувствую, чтобы создать хореографию.
Чтобы узнать, есть ли у других танцоров такая же проблема, я провел интервью с другими танцорами, у которых есть хореографический опыт, который я определил как постановку как минимум 3-х номеров.
Исследования пользователей
️♀️Понимание того, как танцоры ставят хореографию с помощью Spotify
В своих интервью я просил пользователей рассказать мне, как они используют Spotify для постановки хореографии. Вот некоторые идеи, которые я узнал:
- Spotify отлично справляется с рекомендацией и помощью танцорам в поиске песен для хореографии.
Spotify действительно помогает мне выбирать песни для хореографии с помощью функции улучшения плейлиста.
2. Танцорам необходимо постоянно повторять и слушать песни, прежде чем создавать движения в Spotify.
Я должен слушать песню снова и снова, прежде чем поставить хореографию.
Я слушаю песню как сумасшедшую перед тем, как поставить к ней хореографию
3. Танцоры будут использовать другие инструменты за пределами Spotify для функций, которые помогают им ставить хореографию.
Я не могу редактировать музыку в Spotify
Помимо Spotify, я использую функцию скорости воспроизведения на YouTube.
Я использую Garage Band для зацикливания отрывков в песнях.
Настоящая проблема
Благодаря этим выводам я понял, что Spotify отлично справляется с подготовкой к хореографии. Это значит: искать новую музыку, находить песню для хореографии и постоянно слушать эту песню.
Тем не менее, это также помогло мне определить, что проблема возникает в самом процессе хореографии. Во время прослушивания песни для постановки хореографии танцоры хотели бы зацикливать определенные части песни, специально слушать разные слои в песне, замедлять песню, возвращаться всего на пару секунд назад к своей части. Этих функций нет в Spotify, поэтому я обнаружил, что многие танцоры используют другие инструменты, такие как YouTube, Garage Band и iMovie, чтобы использовать эти функции.
Поэтому моя истинная проблема заключалась в следующем:
Когда я на Spotify, я хочу ставить хореографию под музыку, чтобы я мог эффектно создать танцевальное произведение и выразить свою творческую свободу.
Но я не могу сделать это хорошо, потому что:
1. Spotify не позволяет мне манипулировать музыкой
2. Я ограничен в том, как я могу слушать музыку на Spotify
✂️Решение: режим сегмента
Мое решение этой проблемы заключалось в создании Segment Mode, новой функции в Spotify, которая позволяет пользователям контролировать то, что они хотят услышать, и помогает хореографам эффективно создавать танцевальные движения для расширения своего творчества.
Режим сегментирования позволяет пользователям «сегментировать» части песен, которые они хотят прослушать.
Финальные потоки:



Как я пришел к этому решению
Чтобы найти это решение, мне нужно было действительно понять, какую часть процесса хореографии важно интегрировать в Spotify. Чтобы понять это, я нанял двух замечательных друзей, Льоренца и Мэтта, для мозгового штурма потенциальных решений.
Мозговой штурм
После организации различных вопросов «Как мы можем», которые касаются различных аспектов Spotify в процессе хореографии и определения различных областей решения, у меня осталось 3 возможных решения. Для каждого возможного решения я провел SWOT-анализ, анализ осуществимости/воздействия и исследовал экраны с низкой точностью.
- Функция возврата назад на 5/10/30 секунд


2. Добавьте временные метки к песне и зацикливайте между ними.
В этой функции пользователи смогут редактировать метку времени песни для создания разделов песни. Оттуда пользователи могут воспроизвести раздел с помощью кнопки повтора.


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


Выбор решения
После рассмотрения каждого метода анализа и рассмотрения плюсов и минусов каждого потенциального решения я выбрал: 2. Добавить временные метки в песню и зациклить между ними.
Я полагал, что эта функция будет лучшим шагом вперед, потому что она позволяет пользователям манипулировать музыкой и открывает новые возможности для прослушивания музыки на Spotify во время постановки хореографии. С помощью этой функции пользователи смогут манипулировать музыкой, редактируя, где они хотят начать прослушивание определенных частей песни. С помощью этой функции они также могут слушать песни по-разному, имея возможность слушать песни в разных начальных точках.
Придя к этому решению, я также рассмотрел ответы в своем исследовании пользователей и увидел, что многие люди заявили о важности функции зацикливания во время хореографии. Эта функция лучше, чем другие, потому что она способна создать новый опыт прослушивания для хореографов, поскольку она позволяет им четко слушать часть песни непрерывно, а не пролистывать каждый раз, чтобы прослушать эту часть.
Проектирование моего решения
Чтобы интегрировать это решение в существующие проекты Spotify, я посмотрел, как другие платформы обрезают звук.
Что есть на рынке:



Я заметил, что когда аудио нужно было укоротить, оно было в формате волны . В дизайне Spotify уже есть волны, которые можно увидеть на логотипе или при обмене песнями. Поэтому я изменил свой дизайн на экранах с низким качеством воспроизведения, чтобы он больше соответствовал этим существующим проектам. Помимо этих изменений, я также определил требования к функциям , которые важны для моего решения:
- Точка входа в функцию
- Возможность регулировать продолжительность времени
- Способ остановить и продолжить слушать музыку
- Способ увидеть, где в песне вы слушаете
- Функция зацикливания
- Информация о воспроизводимой песне
Я решил назвать это решение «Режим сегментации», чтобы пользователи могли сегментировать песни. Чтобы показать эту новую функцию, мне пришлось разработать значок, который представлял бы, что делает «Режим сегмента». Я решил создать значок ножниц, потому что это обычный значок, связанный с редактированием.
После создания значка, который будет служить точкой входа, мне пришлось определить разные места в макете Spotify, чтобы интегрировать этот значок:

В моих первоначальных проектах значок ножниц находился в месте A из-за ровности нижней панели (по 2 значка с каждой стороны). Однако, учитывая, что значок рядом с полосой ножниц слева превращается в индикатор Bluetooth (виден в месте C), я решил изменить значок, чтобы он располагался рядом с кнопкой «Поделиться».
Я выбрал места B и C в качестве конечных точек входа в моем дизайне, поскольку сегментация музыки включает в себя прослушивание музыки, поэтому наиболее подходящим местом будет музыкальный проигрыватель. Опция «Дополнительно» в правом верхнем углу также имела соответствующие кнопки в месте C, поэтому ее размещение казалось наиболее подходящим в том же порядке музыкального проигрывателя. Нахождение кнопки режима сегмента на главном экране, в библиотеке или на панели поиска мне не показалось важным, поскольку сегментация части песни зависит от прослушивания музыки в музыкальном проигрывателе.
Редактор волны
Еще одна часть дизайна, которую я должен был рассмотреть для режима сегментов, — это фактическая сегментация песни. Я черпал вдохновение в видеоредакторах и в том, как они используют блоки для выделения разделов для вырезания. Я также много играл со Spotify; глядя на уже существующие интерфейсы, которые помогли мне направить мой дизайн на страницу, которая подходила бы для приложения. Ниже у меня есть средние экраны потенциальных редакторов сегментов, которые я исследовал:

Вариант 1 : Дизайн повторял тот же дизайн, что и в моих макетах с низкой точностью. В итоге я не остановился на этом дизайне, поскольку он, похоже, не соответствовал пользовательскому потоку прослушивания музыки Spotify. Кроме того, необходимость вставлять точную временную метку для сегментации песни утомительна.
Вариант 2: В этом дизайне использовался редактор блоков, который мне показался более интуитивно понятным. Однако этого недостаточно, чтобы определить, какую часть песни пользователь хотел бы сегментировать.
Вариант 3. Этот дизайн следует тому же процессу, что и «добавление песни в очередь» в Spotify. Он отвечает всем моим требованиям к функциям, и я подчеркнул длину сегмента в дизайне. Редактор блоков также интуитивно понятен, поскольку он следует другим потокам видео / редактора из моего исследования рынка.
Вариант 4 : Дизайн немного похож на вариант 3, однако в нем подчеркивается продолжительность сегмента со стрелками над скруббером.
Я закончил тем, что разработал вариант 3 больше всего. Я считал, что важно иметь другой экран, чтобы отделить его от музыкального проигрывателя, потому что это предотвратит прерывание прослушивания музыки. Дизайн также соответствует существующим шаблонам дизайна в Spotify, поэтому его можно легко внедрить в экосистему дизайна Spotify.
️Доработка финального дизайна:
Вариант 3 имел около 7 ключевых изменений в своем дизайне, пока не достиг своей окончательной формы. На каждом этапе я думал о назначении каждой кнопки и взаимодействии пользователя. Ниже вы можете увидеть эволюцию варианта 3 и изменения дизайна, которые я решил исправить:

Исправления дизайна:
- Из Medium ➡️High Fidelity редактор волнового блока стал на всю длину песни. Я решил сделать это редактирование, потому что считал, что оно будет более интуитивно понятным для пользователя. Также легче ориентироваться, потому что эта версия копирует существующие элементы дизайна видеоредакторов.
- Из Medium ➡️High Fidelity добавление индикатора времени в точке, в которой пользователь будет выполнять прокрутку, было важно включить. Это соответствует моим требованиям к функциям, а также добавляет ощущение точности, чтобы получить точное место для начала / конца сегмента.
- На экране High Fidelity ➡️Prototype удаление других кнопок на медиаплеере было важно, потому что пользователи не будут использовать эти кнопки при сегментировании части песни. Таким образом, кнопка воспроизведения/паузы является единственным вариантом для прослушивания сегмента.
- На экране High Fidelity ➡️Prototype добавление кнопки «Готово» было необходимо, чтобы пользователи могли подтвердить созданный ими сегмент. Раньше у меня был просто X, что могло вызвать путаницу при простом выходе из режима сегмента.
- На экране High Fidelity ➡️Prototype в углу был добавлен новый значок кнопки «Повтор», чтобы пользователи знали, что они могут воспроизводить этот сегмент снова и снова. Ранее это было интегрировано путем нажатия на кнопку воспроизведения 3 раза, однако в режиме сегмента вы можете обойти эти ненужные нажатия.
- Из экрана прототипа ➡️Экраны обратной связи, после получения отзывов от моих прототипов, многие пользователи использовали полосу прокрутки, чтобы попытаться определить, где в песне они хотят сегментировать. Поэтому я изменил формат полосы прокрутки, чтобы она могла манипулировать текущим индикатором в редакторе блоков. Он также следует стандартному формату ползунка при прослушивании песни в музыкальном проигрывателе.
- Из экрана прототипа ➡️Экраны обратной связи, получив отзывы от моих прототипов, многие пользователи выразили желание иметь возможность манипулировать редактором блоков с обеих сторон. Поэтому добавление индикатора времени было включено с обеих сторон.

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




Вывод
Приведенное ниже заявление о миссии является собственным заявлением Spotify, в котором говорится:
Наша миссия — раскрыть потенциал человеческого творчества, предоставив миллионам творческих людей возможность жить за счет своего искусства, а миллиардам поклонников — возможность наслаждаться и вдохновляться им.
Я считаю, что благодаря моему последнему прототипу Spotify может предоставить возможность открыть новую грань человеческого творчества через танец. Возможность зацикливать песни для эффективного создания хореографии может раскрыть потенциал для создания большего количества танцев. В конце концов, танцоры тоже художники, творящие искусство движением.
⏩Глядя вперед
Я знаю, что всегда могу улучшить свой дизайн. Если бы у меня было больше времени, я бы определенно хотел изучить способы сохранения сегментов так же, как пользователи могут сохранять свои «понравившиеся песни». Это может открыть так много возможностей, поскольку звуковые фрагменты в Instagram и TikTok становятся очень популярными.
Это был мой первый кейс UX, и я так благодарен, что смог сделать это на том, что мне нравится. Я хочу продолжать расти в своем путешествии по дизайну продуктов и с нетерпением жду своего следующего проекта! Я хотел бы выразить особую благодарность всем, кто помогал мне в этом путешествии, особенно Эмили, Тайзе и всей команде дизайна цифровых продуктов.
Я никоим образом не связан со Spotify. Это было тематическое исследование для курса Cornell AppDev: Intro to Digital Product Design. Мы будем очень признательны за любые отзывы или комментарии, и я хотел бы поблагодарить вас за чтение моего тематического исследования! — София В.