Designing the experience
After getting the script from the learning experience designer, I visualized and sketched the whole story. As a team, we went back and forth the script and filled gaps and brainstormed on new ideas. When I started prototyping for VR, I was thrown away by the lack of resources available. So I started collecting and trying out whatever material was available for rapid prototyping in VR.
SKETCHING TO IDEATE
Stage 1 - Initial ideas
After I got the script from the learning experience designer, I visualized and sketched the whole story. As a designer who is taking the first take on visualizing this virtual reality experience, I spent some time to sketch my initial ideas to get to a point where I am convinced with the first round of user flow.
The basic ideation low-fi sketches for asking right questions
SKETCHING TO COMMUNICATE
Stage 2 - Sketching 2D storyboards
As a team, we went back and forth the script, filled gaps in the flows and brainstormed on new ideas. As the ideas were more streamlined, I started working on sketches that would be used to communicate with the developer. I incorporated annotations and perspective from different angles which would help the developer save time on thinking of edge case scenarios.
Starting storyboards for chemotheraphy training being developed on Oculus Go
Stage 3 - Designing 3D storyboards
Something had to be different and more about VR designs, right? When I communicated with the developers, I felt only 2D storyboards wouldn't do the job. As a designer I should be delivering things with a clearer and different perspective. I came across the blog bySaara Kamppari-Miller
and Volodymyr Kurbatov
from where I pulled different templates that bring more 360 degree & 3D perspective to the storyboards.
Templates used for calculating distances and comfortable viewing angles
3D sketches for understanding the object distances and room orientation
A STEP AHEAD
Stage 4 - Designing for body movements with video editing
Combining role play and simulation to try out the actual experience is one of the great ways to start visualizing things. Right from performing actions using controller to walking or teleporting yourself in the VR environment, conveying immersive experience in a story board is a challenge.
Since I was in a remote setup, I had to design body storming results to convey it best to the developer and so, I tried my hands on in panoramic views and video editing. I put my storyboards in sequence. I used a panorama viewer to record the movement of my storyboard and then tried some effects using Adobe After Effects
Panoramic and 3D perspectives
Stage 5 - Comparing with developed versions and iterating
As a team, we decided to discuss and compare the design and final developed versions after every sprint. That provided me a check on my visualizing capabilities and what is not working out in a virtual enviroment
Storyboards being converted into actual experience in Oculus Go for Med class by Moeezo Saleem
My storyboards being converted into actual experience in Oculus Quest for Nuclear Engineering class by Moeezo Saleem