Quick & dirty prototyping with Google Cardboard

2 min read

So what’s the deal?

There are a plethora of sources which detail how colour impacts our lives. From products to hospitals, colour psychology affects the perception and usability of a space. Various theories suggest general colour themes to influence how users feel (“warm blues,” “cool whites”), but the specific colour values and subsequent applications depend on the idiosyncrasies of the space and lighting (natural, fluorescent, halogen, etc). Ultimately, any palette must be tested.At Common Good, we’re working on a project with the NHS to improve the experience of donating blood. In the midst of our project, we came to the point where we wanted to test the impact of colour on donors and staff.

There are plenty of examples of design firms prototyping spaces. gravitytank tested a food concept by building a restaurant line out of foam core. IDEO built a full-scale version of exam rooms when redesigning a hospital. BUT these kinds of prototypes require a large investment of time and resources. What is the “paper prototype” equivalent for a space?

One solution is to create virtual reality environments for Google Cardboard. VR allows for quickly altering environments to see how those colours affect people’s mood or behaviour. We can immerse a user in a “space” in a way that mood boards can’t.

So… imagine yourself in this space. Ok, now… how do you feel?

Let’s get making! First, the tools of the trade

This is what I used, and will be using for this little tutorial.

  • Photoshop
  • Google Cardboard
  • iPhone
  • Apps: Google Street View, RoundMe

1) Take a photo with Google Street View

Take a panoramic of your space using Google Street View. The app makes taking a photosphere super easy. Just open it up and follow the orange dots. It may take a few tries to get it right.

 

Download the photos and import to your computer. Google street view makes it a bit tricky for iPhone users but go to the private tab, tap the photo you want, select the share button, and choose ‘share privately’. This should send you to options to email, text, download, etc.

2) Edit in Photoshop

Load up your image into Photoshop and make any edits that you want to test out. I took a shot of the Common Good office and tried out a few different wall colours.

Be sure to export your final product as a JPEG.

3) Publish in RoundMe

Sign up for a RoundMe account. It’s an easy way to publish and show panoramic views. Drag and drop your JPEG to upload.

4) Open up and view

Common Good office

Download and open the RoundMe app. Navigate to your account and select your scene. Tilt your phone to landscape, tap the Google Cardboard icon, and pop it into your physical Google Cardboard. Voila! You have an immersive environment to test your space out. Congrats!

Here are a few versions of the Common Good office you can check out.


Limitations

This is a quick and dirty prototype method. As you can see in my final result, the quality of the photosphere capture depends on how consistent you are at shooting. In my case, you’ll see that there are breaks where the photos merge. As with most things, the more time you put into it, the better the result will be.

Common Good office via Google Cardboard

Thanks for reading. Holla at me via twitter at @mindyclee if you have questions or if you want to share your method of quick prototyping!