Summary

Glasgow-based Birds of Paradise Theatre Company approached Fine Day to create a highly accessible digital platform to display artworks from emerging disabled artists.

Our approach

From the start of the project we were exploring new and exciting ways to create an immersive online experience that is accessible to anyone – with or without access requirements. Instead of simply checking off boxes from accessibility guidelines we set our focus on the people interacting with the platform and how they feel when doing so.

Screencap of Locked World Contextualisation video
Various screen of the Locked World website

Development

For our work on this project it was very important to us to closely involve the artists and people from the BOP community in the process to develop something that is as close to the audience and people as possible.

User research

The project started off with a Disability Equality Training session covering the history of disability work, the language used around people with disabilities and the variety of disabilities.

We conducted a survey targeting general accessibility issues and preferences in the web and a series of interviews to gain an understanding of how different disabilities impact the experience in the web and how people approach less accessible websites.

Animations

Animations can often be overwhelming and lead to nausea. The user should be able to turn those off.

Font size

The ideal font size can be very different for every user and application. Visitors need to able to adjust the font size.

BSL & Subtitles

Let the visitor choose how they want to display additional content like sign-language, subtitles or transcripts.

Colours & contrast

Colours and contrast preferences can be very individual. Visitors need a choice on text and background colour schemes.

Research outcome

After analysing and grouping the responses from surveys and interviews the key takeaways of the research phase were:

Access first

The core structure of the platform needs to be as accessible as possible, many added design features can reduce the usability of the site.

Flexibility

Everyone has different preferences and requirements. Give the visitor control over the page and let them customise it to their specific needs.

Embrace individuality

Instead of ‘disabling’ functions, embrace the personal preferences of people. The experience must translate into various sensory outputs.

Concept & structure

The outcome of the research phase established that flexibility would be the key ingredient for the success of the website. The idea of allowing visitors to turn specific features on instead of them struggling to find a way to disable them became the overarching theme for the next steps.

By loosely following the concept of ‘Brutalist Web Design’ we started with a plainly coded core version of the website and added all additional features layer by layer. This gave us the flexibility to individually access and deactivate every feature to ensure a maximum level of accessibility.

Burtalist web design approach
Visual and audio layers of Locked World

Visual approach

Through our conversations with BOP we established that the key visuals of the experience should be a brain and the spinal cord. The idea was to display the contrast of the medical and social concepts of disability.

We used abstracted medical drawings and psychological concepts to develop the visual appearance and the navigational approach throughout the website.

Concept drawings of the Locked World library
The library of Locked World

Usability testing

We conducted several rounds of usability tests throughout the project with a variety of people from the target audience.
A focus of the sessions was to assess the accessibility of the website which meant we mainly ran sessions with people with disabilities.

Usability testing questionnaire

Test outcome

While the first usability tests focussed around general navigation and content distribution, we were able to address more in depth and detailed usability issues in the later sessions.

Library navigation adjustments
Library navigation adjustments after usability test
Library access key adjustments
Library access key adjustments after usability test

Final outcome

At it's launch, Locked World hosted 4 artworks, a fully stacked library, a sensory space and various ways for the visitors to interact with the platform and leave their own impression and feelings.

Locked World welcome screen

Access first

When developing Locked World accessibility and inclusion weren’t an afterthought but core contributors to the design and development decisions.

The access panel guides the visitor through multiple customisation steps to ensure the optimal experience for everyone and is always available via the menu to change the settings.

Accessibility onboarding sequence of Locked World
Access panel of Locked World

Typography

The main typeface used for the website is 'Inconstant Regular' developed by Norwegian designer Daniel Brosktad in close collaboration with Dyslexia Scotland. It perfectly suited our visual approach and has been designed specifically for people with dyslexia.

Locked World splash screen using Inconstant Regular typeface

Artworks

In order to make the artworks on the website as accessible as possible a range of accessibility options support the various submissions. All videos have creatively embedded subtitles or BSL and a transcript that follows the video timeline and can be turned off or on. Artworks in text form have additional plain language summaries as well as text and video footnotes to support the content.

Video artwork with BSL and transcript
Text artwork with plain language summary and footnotes

The spaces

Locked World is split up in separate spaces which are all accessible via the brain or the menu.

Every section is associated with a distinct area of the brain and placed there on the home page. Information about the location and how it connects to other areas can be found on every page.

The brain structure of Locked World

The brain

The brain is the core of Locked World and the main access point to navigate to the most important sections of the platform.

The Locked World brain

The library

The library hosts a variety of content offering information about disability and accessibility. The content is organised by time rather than topic and loosely follows the concept of mental time travel.

Locked World library

The sensory space

The sensory space offers the visitor a room to relax or receive stimulation. The audiovisual experience can be customised to everyones specific needs to adjust the speed, amount and intesity of the moving objects.

The Locked World Sensory space
Next Project
House Music