ABOUT THE PROJECT
Realwheels Theatre is a Vancouver-based theatre production company that creates and produces performances that deepen the understanding of the disability experience.
Realwheels recognized a demand for a remote collaboration tool, as there are people who are eager to participate in a production, but unable to attend rehearsals in person. There are a variety of factors that prevent people from attending rehearsals including being based outside of Vancouver, insufficient access to public transportation, scheduling conflicts, and illness.
Our target audience uses various assistive technology devices. We had to make sure the site was accessible for all of them.
The rehearsal process was running parallel to our development process. This meant our tool had to be used in rehearsals even when the prototype was still in its low fidelity stage and it should not disrupt the established workflow.
This was a challenge but it also allowed us to user test our tool twice a week in the space with our users.
Understanding our user’s needs
We conducted face-to-face interviews as well as phone calls and follow up email correspondence with several Realwheels’ participants that have at least one disability to understand their pain points in the rehearsal process.
The team also attended rehearsals regularly and found early on there was a clear demand for a shared digital space to share content and to facilitate communication between people who regularly attend rehearsals in person.
We worked with two consultants that helped us user test every iteration of our prototypes making sure they were accessible. This was especially important given Realwheels’ motto “Nothing about us without us” we wanted to make sure our product was created with, not for, people with disabilities.
The production website is intended to create a bridge between the theatre and remote participants. It also has the potential to support communication and content sharing between the whole cast and crew.
This website follows a design guide that prioritizes the needs of individuals with physical disabilities, those that are Blind or have vision loss, and those that are D/deaf or hard of hearing. When a user first visits the website they are presented with a login page where they can enter a predefined password provided by Realwheels to ensure that the creative content produced by participants is only viewable by people involved in the production.
After logging in, there are four pages that address remote participation and collaboration.
INSIGHTS & DESIGN DECISIONS
Based on accessibility best practices and our advisors experience we followed these considerations from the start of our design.
- Clear semantic HTML
- High contrast UI
- Light & dark modes
- Minimum font size 18 pts
- Minimum contrast ratio of 4.5:1
- Descriptions for all images
Insight: From our research we found that participants who use screen readers or found it hard to navigate Zoom or Skype to join calls.
Design decision: By providing a one-click way to join rehearsals we made this process easier for them.
Insight: We found participants were frustrated by having to print documents and dealing with long email chains needed to share their work at rehearsals. They also described Google Drive as very hard to navigate.
Design decision: Created an easy to navigate page for them to upload and access content for each rehearsal date and provide feedback.
Insight: The existing calendars, usually built as tables, are especially hard to navigate for users with screen readers. Leading to missed rehearsals and unnecessary email chains.
Design decision: A list based calendar that is easy to navigate and shows all relevant information for rehearsal.
We went from successfully running rehearsals with one remote participant to having multiple people join remotely without prior instructions.
The Covid-19 pandemic interrupted our process and the theater’s rehearsals, forcing us to move all our workflow online. Luckily, the production website made the transition very smooth for the participants. We ended up running fully remote rehearsals where 16 participants with various accessibility requirements joined with no problems.
THE DESIGN CHALLENGE
We were tasked with creating an animated visualization to act as an introduction to the A Seat at the table exhibition for the Museum of Vancouver.
Its aim is to familiarize visitors with the geographical and population distribution of overseas Chinese around the world with a focus on British Columbia. The immigration spans several centuries, ending on present times.
Adults, college-age students and elementary school children (accompanied by educators).
Requirements & constraints:
- Projection with no interactive elements.
- Look & Feel: Not overly didactic, limited text, large print, sleek and beautiful.
- All texts/instructions must be offered in English, Traditional and Simplified Chinese
FINDING THE RIGHT DATA
The story of Chinese migration to BC is a very rich, interesting and heavy subject. It has been a constant occurrence for centuries but the collection of data around this phenomenon has varied. Some periods have very detailed reports of each person migrating, while others only have first hand accounts of sailers found in diaries and letters.
Data visualization driven storytelling depends on the richness of the data driving the visualizations. Here we find the first challenge of creating an accurate visualization of migration patterns: inconsistent data.
Being tasked with creating an educational data visualization with very little data meant that most of the development process of this project was spent doing research, trying to find the right numbers to tell a story.
BUILDING A COHESIVE STORY
By taking a step back from the data we realized that the richness of the story wasn’t in the numbers of migrants coming into BC. Yes, numbers are important when talking about migration patterns, but they are not everything. Context, social issues, work and communities have more storytelling value than numbers.
It was by focusing on these aspects that we managed to build a cohesive story.
We chose to include:
- The estimated number of people arriving in British Columbia.
- The routes they took to give visitors a sense of scale and highlight the differences between eras.
- Laws or requirements that dictated the migration policies of the time to give a sense of the social and political context of each time period.
- Demographic information that showed the type of people allowed to come.
INFORMATION, SPEED, SIZE
Our focus on content rather than exact data came from user tests we conducted. These demonstrated that the accuracy of the number of Chinese immigrants didn’t have any significant impact on the overall understanding of the concept.
Having figured out the data and having a cohesive story we started conducting user tests to refine the museum experience.
We found that it was tricky to balance the amount of information shown at each stage, the size of the texts, the speed of the dots and the added challenge of having all text in three languages.
Our user tests evaluated the key messages people understood after seeing a portion of the animation. We found that we needed to add labels for the countries and slow things down.
THE MUSEUM EXPERIENCE
The animated visualization encompassed 7 eras of Chinese migration to British Columbia and a global overview of migration from China.
Given that it is located at the entrance and there will be a flow of people coming in at different times the 3:50 minutes of the video were designed to seamlessly loop providing a full experience for visitors no matter at what point they walk in.
After their loop ends they can move on to the rest of the experience with a general understanding of the history of Chinese Migration to BC.