.png)
Using a vinyl to select the inputs
Using a brain to visualize the cognitive performances
Using a disc jockey as the interface and control, and result will be shown by numbers.
For the final interface design, I integrated three initial ideas from the brainstorming phase into a cohesive, interactive experience. The interface features two vinyl discs at the bottom, reminiscent of a DJ setup, which users can manipulate to adjust key inputs: music genre and mood. An additional button controls whether the music includes lyrics. The data visualization is presented using a brain diagram segmented into seven distinct cognitive areas, each representing a different type of cognitive performance (e.g., Memory, Attention, Thinking).
When users select specific inputs, the corresponding brain segments are activated. For example, selecting a "Soul" genre with a sad mood and lyrics might highlight the "Thinking" segment, indicating an improvement in cognitive performance related to analytical thinking. This interactive design provides a clear, intuitive way for users to explore the cognitive effects of different musical features.
Additionally, I sketched an advanced version of the interface to accommodate more complex datasets and additional variables, ensuring the design is scalable for future data expansions.
The web application, developed with P5.js, focuses on creating an engaging, interactive experience:
- Left Vinyl (Genre Control): Users can spin the left vinyl to explore the impact of different music genres on cognitive performance.
- Right Vinyl (Mood Control): Adjust the right vinyl to select various moods and observe how they influence emotional responses.
- Lyric Toggle: Click the button to switch between lyric and non-lyric options, revealing their distinct effects on cognition.
- Interactive Brain Diagram: Hover over activated brain segments for in-depth insights, highlighting the specific cognitive functions influenced by the selected inputs.
.png){kind=small}
