SoundVRse Design Case Study
Problem
Consumers want a new way to visually experience music. with touch and motion, as later evidenced by Beat Saber.
Consumers want a new way to visually experience music. with touch and motion, as later evidenced by Beat Saber.
Product Overview
A fun immersive app for the HTC Vive built among colleagues in a VR Nano Degree Program.
Customers and End-Users
Consumers looking for entertaining experiences in Virtual Reality.
A fun immersive app for the HTC Vive built among colleagues in a VR Nano Degree Program.
Customers and End-Users
Consumers looking for entertaining experiences in Virtual Reality.
Goals
- Redesign the entire visual experience of music.
- Inspire consumers
- Redesign the entire visual experience of music.
- Inspire consumers
Solution (What I did)
- Led the ideation sessions for an app that allows anyone to position sound as paint in their environment.
- Created initial 2D wireframes depicting user journey
- Conducting User Interviews for structured feedback
- Sourced 3D files from TurboSquid and adapted them in Blender
- Provided UX direction for Spatial Experience
- Led the ideation sessions for an app that allows anyone to position sound as paint in their environment.
- Created initial 2D wireframes depicting user journey
- Conducting User Interviews for structured feedback
- Sourced 3D files from TurboSquid and adapted them in Blender
- Provided UX direction for Spatial Experience
Outcome
We enabled the user to create a unique composition to form more intimate connections with music.
Major Milestones
- Created new music interactions
- Built an app
We enabled the user to create a unique composition to form more intimate connections with music.
Major Milestones
- Created new music interactions
- Built an app
Design System Components
Gaze
|
Text
|
Raycast
|
Paint
|
Components Overview
Gaze Hover Off State
Digital twins have no affordance until they are moved into the user's Field of View (FoV) 
First Person 'Static' Typography
Text placed on the person can be smaller and 2 dimensional since the angle of the text plane can rotate as the person rotates the controller or their head. 
Navigation: Raycasted Unselected State
Users are prompted with what they need to do in the right context rather than given cumbersome tutorials. Teleportation was used rather than constant movement or physical waling in order to increase familiarity and decrease motion uneasiness. |
Gaze Hover On State
Digital twins have no affordance until they are moved into the user's Field of View (FoV) 
World 'Dynamic' Typography
Text placed at further distances and in shared settings can rotate so as to periodically be in full view from any viewing point tangential to the volumetric plane. 
Navigation: Raycasted Selected State
Users are prompted with what they need to do in the right context rather than given cumbersome tutorials. |
Color Wheel
The palette contains different colored spheres to represent music individual instruments with audible tracks. For this app we manually assigned each instrument to a sphere. |
Canvas
The canvas included the entire room, furniture and surreal objects such as birds of paradise and elephants. We even put window frames in the sky. |
Design Scene