So far in the creation process, we’ve checked off the planning, shooting and post-production stages off the list. In this post, we will explore how to integrate your virtual tour into your site and how to make it accessible to people with varying needs.
Now that the production process has been completed, you have a collection of content for your virtual tour that’s ready to be rolled out to your audience. You’ve invested all this work and time into your project, so it goes without saying that you want to get as many views as possible. Planning the site design and the grouping of content will help you drive higher engagement with your audience and influence viewers to explore the content in your virtual tour. Below we’ve outlined three things to consider to help you structure your site and showcase your virtual tour.
Think about how you want your virtual tour to appear on your site. Do you want it to function on an existing page or have it displayed as a full width media presentation? From our past experience we recommend a full screen takeover, especially when it comes to accessing the virtual tour on mobile. You have high quality assets and 360° content, so working it into an existing page may hinder the usability of the tour and the overall user experience due to the limitations of existing layouts.
How should you organize the content on your website when you embed your virtual tour?
When considering the user interface for your site, you can decide to develop a custom solution from scratch or choose to work with a turnkey solution like Circuit, a purpose-built platform for managing and deploying immersive experiences. Regardless of your choice, here are some criteria that your user interface should meet:
Generally, it’s important to take format, content organization and the user interface into consideration when building your site around your virtual tour because it can heavily affect the overall user experience. For more details on how this affects the way your audience views your project, read our post on the lessons we’ve learned from launching hundreds of virtual tours.
It’s important to build digital experiences that meet people where they are. Your audience may include individuals with different types of abilities relating to vision, hearing and cognitive function. Making your virtual tour accessible to people with diverse abilities will not only help you reach a greater audience, it will also improve your search results and express your corporate social responsibility. Here are three ways you can make your content accessible:
By presenting your content in different formats, it allows users to select how they want to see the information being presented. For example, you can provide subtitles for a video so viewers can follow what’s happening even with the absence of an audio element. For an image, you can provide a brief explanation to give some context to the photo (for more ways on how you can make your virtual tour and webpage more user-friendly, explore Wuhcag’s checklist on web accessibility).
Multiple types of browsing such as assistive devices, colour modes and different types of input devices should also be considered. Doing this ensures that if users aren’t able to interpret the information in one format there’s an alternative to view the material.
A general rule of thumb is to never overload your virtual tour or the webpage it lives on with too much information. We found that this often leads to a confusing and frustrating experience for users. A good design is one that’s easy to comprehend. Another suggestion is to have a coherent structure in your virtual tour. It should be clear what users are looking at in a scene, where they are in the tour and where they’re going next. With Circuit, we include a guide card in every location to describe to viewers what they’re looking at and the special features in that particular scene. We also have a tour menu so viewers are aware of where they are in the tour and what locations are next.
In Ontario, the WCAG 2.0 Level A and Level AA standards are technical requirements mandated by the Accessibilities for Ontarians with Disabilities Act. These standards outline elements such as incorporating keyboard accessibility and colour contrast to make your content more accessible. Even though these standards are specifically for organizations in Ontario, many jurisdictions in North America enforce similar standards for public institutions.
Many social media platforms now have accessibility features that can be applied to your content. For example, on YouTube you can choose to add closed captions to videos. On Twitter, users can pair images with text in their tweet to convey information in two different ways. On Facebook, many people accompany their photos with text, with some even putting text on the photo or video they’re posting to provide context. Keeping these accessibility strategies in mind will be beneficial when it comes to promoting your virtual tour on social media. We will go further into content promotion in the next section of this guide.
To create more inclusive experiences for your audience, we compiled a short list of tools you can use to check for user accessibility.
Running these types of tools are just a small part to increasing content accessibility, but taking these extra steps will go a long way in helping you meet accessibility standards and engage a wider audience.
In the last part of our guide, we will talk about how you can reach your audience with your tour and how to promote your content.