3

  • Federica Bucchieri
  • Aikaterini Batziakoudi
  • Julia Valeria Lopez Rojas
  • Patricia Vera Hernandez

MusicHub

Music

Final Object

MusicHub creates different branches from a tune to help music creators to experiment with different versions, sounds, effects and results, in order to reach the final draft of the project.

 

Final Concept

MusicHub offers music creators a way to explore creativity within their tunes by managing and organizing branches in their projects. It allows them to create, modify, delete and merge different branches of a track. Each branch represents a variation of the original track, so the creators can test different effects, notes or any modification without losing any previous settings or configurations. Branches can be reordered, hidden if inactive and merged to obtain the final version of the new hit.

Design Diagram

Persona:
Bob, 24, Guitarist in a Indie/Rock Band.

Bob is the guitarist of the Villager band, and takes care of the band songs' post-editing, although he has a basic knowledge of music theory.

Persona:
Alice, 35, Movie Soundtracks Composer.

With a background in music composition, Alice is a professional soundtrack composer that loves to experiment with new sounds.

Extreme character:
Kate, 29, Music Producer.

Single-sided deafness (SSD) music producer that works for different artists. She has impediments in testing the spatial distribution of sound output.

Storyboard

Alice creates a new empty branch by activating the tool, clicking on the track and dragging the pointer to select the part to be divided in branches

Alice wants to copy the content of the original branch into the new one. She drags and drop the selected part of the track to the new empty branch

Bob's band has to record the live version of the song. They create a new empty branch for every instrument track and start recording on the new branch

Bob creates a sub-branch to experiment with the guitar solo. After recording it again, he opens the radial menu by right-clicking to rename it.

Kate has to create a branch for every track in order to set every sound direction to “Right”, for her to be able to listen to the song entirely.

From the radial menu, Kate finally selects "Merge" and all the active branches are going to be merged together in the final version of the soundtrack.

What we changed from the first design cycle

Process

We simplified our tool from the interaction point of view. We stopped and evaluated every single action and the corresponding interaction. We aimed at making our branching tool more interactive and intuitive. Thanks to the Design Walkthrough we addressed the majors breakdowns, recreated a Scenario based on the same Personas and achieved better interaction mechanisms and video prototype.

Design

We transformed the tool activation into the activation of the “Branching mode”. While in this mode, we exploited intuitive and common interactions like click, holding shift for multiple selection and drag&drop, to add functionalities to our tool without losing its ease of use. We also changed the way branches are represented to convey their status, ideating a new radial menu to interact with them.

December 1st, 2021
DOIT - The Design Of Interactive Things - DOIS 2022
Kirby CMS Debugger
Whoops \ Exception \ ErrorException (E_CORE_WARNING)
Module 'mbstring' already loaded Whoops\Exception\ErrorException thrown with message "Module 'mbstring' already loaded" Stacktrace: #0 Whoops\Exception\ErrorException in Unknown:0
Stack frames (1)
0
Whoops
\
Exception
\
ErrorException
Unknown
0
Unknown

Environment & details:

Key Value
Kirby Toolkit v2.5.12
Kirby CMS v2.5.12
empty
empty
empty
empty
empty
Key Value
REDIRECT_STATUS 200
HTTP_HOST ex-situ.lri.fr
HTTP_ACCEPT */*
HTTP_USER_AGENT Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
HTTP_ACCEPT_ENCODING gzip, br, zstd, deflate
HTTP_VIA 1.1 ex-situ.lri.fr
HTTP_X_FORWARDED_FOR 18.222.20.3
HTTP_X_FORWARDED_HOST ex-situ.lri.fr
HTTP_X_FORWARDED_SERVER ex-situ.lri.fr
HTTP_CONNECTION Keep-Alive
PATH /usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/snap/bin
SERVER_SIGNATURE
SERVER_SOFTWARE Apache/2.4.29 (Ubuntu)
SERVER_NAME ex-situ.lri.fr
SERVER_ADDR 129.175.15.20
SERVER_PORT 80
REMOTE_ADDR 129.175.15.11
DOCUMENT_ROOT /users/projets/ex-situ/
REQUEST_SCHEME http
CONTEXT_PREFIX
CONTEXT_DOCUMENT_ROOT /users/projets/ex-situ/
SERVER_ADMIN mbl@lri.fr
SCRIPT_FILENAME /users/projets/ex-situ/index.php
REMOTE_PORT 60322
REDIRECT_URL /teaching/dois-design-of-interactive-systems/students-workspace/poster-musichub
GATEWAY_INTERFACE CGI/1.1
SERVER_PROTOCOL HTTP/1.1
REQUEST_METHOD GET
QUERY_STRING
REQUEST_URI /teaching/dois-design-of-interactive-systems/students-workspace/poster-musichub
SCRIPT_NAME /index.php
PHP_SELF /index.php
REQUEST_TIME_FLOAT 1732171194.063
REQUEST_TIME 1732171194
empty
0. Whoops\Handler\PrettyPageHandler