Введение

Представьте себе: вы застряли, пытаясь принять решение, и не знаете, к кому обратиться за помощью. Что с твоим компьютером? Благодаря тому, что технологии аффективных вычислений становятся все более точными в понимании человеческих эмоций, веб-сайты скоро смогут продвигать ваше благополучие через веб-камеру. Используя Affectiva — API, в котором собраны данные тысяч эмоциональных данных пользователей, — мы создали веб-сайт, который представляет собой небольшое представление о том, на что способны аффективные вычисления. Наш сайт создает для вас индивидуальный плейлист на основе вашей реакции лица на музыкальные клипы. Не нравится песня? Тогда мы перейдем к другому жанру. Как то, что вы слышите? Мы сыграем вам больше! Найдите минутку, чтобы заглянуть на наш сайт и посмотреть в свою веб-камеру!

Мозговой штурм

С целью разработки веб-сайта, который реагирует на эмоции пользователей и, в конечном счете, способствует благополучию, наша команда придумала несколько первоначальных идей. Первым предложением, которое мы сделали, были кураторские сообщения, основанные на эмоциях пользователей, таких как «Как насчет того, чтобы приготовить чашку чая?» если пользователю грустно. Тем не менее, это казалось очень простым подходом к проекту. Мы придумали что-то посложнее и сделали набросок игры, основанной на эмоциях. Как здорово было бы, если бы динозавр или другой объект прыгал, когда вы улыбаетесь? Хотя это была уникальная идея, ее было бы трудно точно реализовать. Мы выбрали что-то, что могло бы более точно измерять эмоции с течением времени, чтобы отфильтровывались ложные показания. Наш окончательный дизайн, который мы выбрали, был веб-сайтом для прослушивания музыки, который будет курировать плейлист на основе реакции пользователя на песни. Если пользователь расстроен в течение определенного времени, будет играть другой жанр музыки. Если пользователь доволен, текущая песня будет добавлена ​​в список воспроизведения, к которому пользователь сможет получить доступ позже, и будет воспроизводиться похожая музыка. Это также способствовало благополучию за счет воспроизведения большего количества песен, которые нравились пользователю. Мы решили сосредоточиться на этой идее и взяли на себя обязательство собрать множество различных макетов для этого проекта.

Наше окончательное решение состояло в том, чтобы исключить лицо пользователя, чтобы убрать смущение, но включить функцию, позволяющую пользователю видеть, что веб-сайт работает. Вы можете увидеть версию этого во всех наших первоначальных набросках в виде пузырьков смайликов, кнопок «нравится» и «не нравится» и дескриптора текущего настроения. Все это имело свои плюсы и минусы. В конце концов, мы решили создать панель настроения, чтобы активно сообщать пользователю, какие его эмоции читаются Affectiva. Некоторые другие важные функции, которые мы выбрали, — это вкладка с инструкциями, которая приостанавливала бы приложение при открытии, и кнопка пропуска, чтобы пользователь мог вручную пропустить песню, которая, как он знал, ему не нравится. Мы хотели реализовать их, чтобы дать пользователю больше контроля над веб-сайтом и создать смешанный пользовательский интерфейс.

Создание

Когда мы перешли от бумаги и карандаша к Javascript и Git, мы обнаружили, что некоторые из наших идей были амбициозными для нашего недельного проекта. Имея ограниченные знания в области Javascript и JQuery, мы сделали все возможное, выбрав Google. Наша главная проблема заключалась в том, какой музыкальный API использовать. Наш первоначальный план состоял в том, чтобы использовать API Spotify, но если мы не хотели размещать его локально, нам пришлось бы зарегистрировать нашу веб-страницу через процесс приложения, чтобы использовать ее. Резервным планом был API Youtube, но у нас не было надлежащих разрешений для встраивания музыки, размещенной Vevo, и мы хотели скрыть видео, поскольку оно могло повлиять на эмоции слушателя. Мы хотели, чтобы наш веб-сайт позволял пользователю основывать свои эмоции только на песнях, а не на исполнителе, музыкальном видео или жанре с тегами. Позже мы обратились к надежному Google, чтобы найти другие API, которые мы могли бы использовать, и обнаружили, что у SoundCloud есть простой в использовании API. Нам пришлось довольствоваться составленными вручную плейлистами жанров, которые мы хотели использовать на нашем веб-сайте, но для дизайнерского проекта это сработало превосходно.

Последние мысли

Отзывы, которые мы получили, дали нам некоторое представление и развеяли наши первоначальные ожидания. Некоторые пользователи сказали, что индикатор выполнения был слишком быстрым при смене песен, в то время как другие предпочли бы, чтобы он был быстрее. Кроме того, многие пользователи заявили, что хотели бы видеть обложку альбома вместо изображения кота нашего профессора в праздничной шляпе. Это было ожидаемо, и, если бы у нас было больше времени, мы бы хотели заменить картинку на обложку альбома и название песни, которая играет в данный момент. Однако было интересно играть людям музыку, не сообщая им никакой информации о песне. Это помогало избежать предвзятого отношения к песне и в целом держало людей более внимательными. Было бы интересно реализовать отложенное раскрытие названия песни — необходимы дальнейшие исследования. В целом, нам хотелось бы очистить пользовательский интерфейс и улучшить некоторые функции. Некоторые особенности будут заключаться в реализации настоящей музыки в случайном порядке вместо воспроизведения заранее созданных списков воспроизведения жанров и обеспечении возможности нажатия на всю боковую панель. Тем не менее, с количеством времени и знаний, которые у нас были в Javascript и JQuery, мы очень довольны веб-сайтом, который нам удалось создать.

Этот проект представлен вам 18-й командой курса Дизайн для благополучия человека и компьютера в Вустерском политехническом институте.
Авторы:
Эда Чжоу
Панхавут Лау
Гэвин МакНил
Эрик Му

Хотите иметь возможность протестировать наш конечный продукт?
Он размещен на этой странице GitHub.