Creating a Vv using the mobile app

A Vv is a collection of rendered or captured scenes that are arranged to tell a design story. End-users can view and interact with this content on smartphones via the Visual Vocal mobile app. The process of creating a Vv using the mobile app (as opposed to the web portal) is called mobile authoring. This process can take as little as 5 minutes to capture and publish your Vv.

Before you begin, make sure you have the Visual Vocal app and the Google Cardboard Camera app installed. Visual Vocal uses phone audio, so make sure that your volume is set to medium and ensure that you’re not connected to a Bluetooth headset, etc. Make sure you have good network connectivity and signal as well.

Creating a Vv using the mobile app comes in two parts: capturing your images and saving them into a Vv.

Part 1: Capturing your images

  1. Launch the Google Cardboard Camera app. Press the orange CAMERA button in the lower-right of the app homescreen.

    • 4_18_8.png
  2. On the recording screen, turn the audio record feature OFF (…this is the moving-bars icon on the lower-right of the screen). This is because Visual Vocal’s audio feature provides focused drawing while talking, so we’ll be using Vv’s audio for markup instead of Google’s built-in audio capture.

    • 4_18_9.png4_18_10.png
  3. For a 180-degree capture (recommended), face the area that you want to capture, then rotate your body 90-degrees to your LEFT. Push the red Record button, then slowly rotate around to your RIGHT, using the on-screen cue. Stop when you’ve captured 180-degrees. Forr a 360-degree capture, rotate all the way around to where you started.

    • NOTE: Be sure to allow the app to access your photo roll so it can save this photo with your iPhone/Android photos.

  4. Feel free to do additional captures if you would like.

Part 2: Creating your Vv

  1. Open the Visual Vocal mobile app and login.
    • NOTE: You have to be a Project Owner for the project within which you want to create a Vv. You can also save your Vv to ‘My Workspace’, but the ‘My Workspace’ project does not allow publishing, sending, or hosting Vvs.
  2. Click on "My Vvs".
  3. At the top of your screen, click on the green "+Create Vv" button.
    • 4_18_1.png
  4. Select which project your Vv will be saved to. You will only be able to select projects in which you are a Project Owner.
    • 4_18_2.PNG
  5. Within the details pane enter the name and description of the new Vv.
    • NOTE: You will not be able to upload your Vv to the cloud until you have entered a title.
    • 4_18_3.png
  6. Click on "+Add Scene" to choose an image for your Vv from your device's recent images.
    • 4_18_4.png
  7. To add hotpots, click into one of the scenes you just created and touch “Add Hotspot”. Then drag your finger around the screen such that the hotspot/cross-hairs are pointing to a feature that you would like to annotate.

    • Note: For simplicity, mobile authoring only allows one hotspot per scene, but annotations/markup can call out multiple features in a single captured scene.

    • 4_18_11.png
    • 4_18_12.png
  8.  Select Back to return to the Scene screen, then Back again to the screen where you see the Vv title. Feel free to add more Scenes, and Hotspots as appropriate. 

  9. Now, to add your annotation, select Preview. This will activate VR. Orient your phone so that the Gear icon is in the upper-right corner of the screen, attach your VR viewer, and look at the scene to verify that the image looks correct.

  10. Now, find the spinning hotspot, and hover on it. Then hover on the red Record icon in the upper-right of the hotspot. This will start recording.

    • 4_18_13.png
  11. Leave your annotation while drawing, using the Visual Vocal “Talk and Point” method, by touching your thumb to your screen to draw. Remember to move your head to draw, but keep your thumb stationary on the screen. Lift to fade each stroke. When you’re done, hover on the flashing “Stop” square icon. 

    •  4_18_14.png

  12. After adding your desired number of scenes and hotspots, press the "Save + Close" button at the top left of your screen.
    • 4_18_5.png4_18_6.png
  13. Your Vv will appear in your Inbox: click on its tile to open and view it.
    • 4_18_7.png

You can now create scenes with associated imagery and hotspots!

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request


Please sign in to leave a comment.