Designing an interactive installation for a post-covid exhibition

Mockup of an installation seen from an arched entrance

ABOUT THE PROJECT

The team was charged with designing an interactive installation for an upcoming exhibition about AI in Visual Culture. The installation will be located at the entrance of the exhibition, providing an introduction to the history of artificial intelligence in the production of visual culture for the past 50 years.

Installation requirements

  • Engaging
  • Interactive
  • Informative
  • Robust
Content research mindmap in Miro

DESIGN CHALLENGES

Complex subject

AI is a very complex subject and we have limited time with visitors interacting with an exhibition.

Flexibility

The exhibition is still in its early development stages, this means our installation has to be flexible to accommodate changes that might happen until then.

Covid safety measures

We don’t know what the state of the world will be next year so we want to make sure our installation follows the new set of rules and respects social distancing guidelines.

Getting to know our users

MUSEUM VISITORS AND INTERACTIONS

We could not gather observational data and visit museums for field research due to the Covid restrictions so we relied on UX case studies and interviews to build an understanding of our users and how they interact in museum settings.

We interviewed 14 people through Zoom, asked about their past museum exhibits, pain points and ways they go through museums. Doing the interviews remotely allowed them to share with us videos, photos and links. We classified our visitors based on how they interact with installations.

We found common pain points and things that worked well that guided our design process. The main conclusion was that low effort and high reward makes for memorable experiences. So we want to draw visitors in by having the installation respond to their presence. Making interactions intuitive, meaningful and rewarding participation.

Based on our case study research we defined our design approach as: attract (through visuals and animation), engage (affecting the network by just approaching), interact (gesture interactions reveal interesting content).

Remote brainstorms and prototyping

DESIGN SOLUTION

The team came up with the idea of a living network that reacts to visitors as they approach to represent AI, technology and all the ways it connects to visual culture.

Design considerations

Our goal was to provide information to visitors entering the exhibit, even if they don’t interact with the installation.

  • Viewing distance
  • On-boarding – intuitive
  • Ergonomics and comfort
User flow chart

Design Priorities

Our clients gave us a list of priorities for the installation once our concept had been decided. We should aim to achieve these in the following order:

  1. Clarity: Should be informative.
  2. Attractiveness: Once the content is clear it should be visually pleasing.
  3. Playfulness: Toy-like interactions that are still meaningful.
Figma prototype test through Zoom

REMOTE USER TESTING

To deal with the complex and changing content, and to make sure we were achieving clarity, we defined key moments in our installation that are crucial for visitors’ understanding and tested them with a sample of content.

We tested the 3 key moments of our interactions and the key content remotely using a Figma prototype.

We created a framework for the museum to add the information in the future. And our developer made a website to make this process easier for our clients.

3D models of the gallery space & ergonomics research

THE INSTALLATION

Working remotely meant we had no access to projectors or spaces big enough to test full scale. The team relied on 3D models and accessibility research to figure out dimensions for the interaction zones and UI elements.

Zone 1 – 2.5 m viewing distance

THE UI

All the UI components were designed based on the viewing distances and the user journey of discovery visitors go through when interacting with the exhibit.

Zone 2 – 1m viewing distance
Zone 3 – 1m viewing distance

Following the museum and accesibility guidelines we also made the following design choices:

  • The variations in size in the nodes represent the year the work was created.
  • The connecting lines show the AI technologies the works have in common.
  • We made sure the types of lines and widths were different depending on the type of connection to avoid only relying in color for the meaning.
  • Connections and nodes grow and become highlighted to encourage users to interact and to highlight how AI technology is used across different areas. This can be seen in the following prototype in motion.
Beta test

TESTING INTERACTIONS

Exploring gesture interactions was new for the team. This made our in person test especially important. We wanted to confirm our assumptions that users would understand simple hints and enjoy controlling the installation by pointing.

We set up a small scale version of the installation for one user to test interactions and our on-boarding.

The team conducted a beta test with users before delivery. We allowed gallery employees into the room with no instruction and had them approach the wall.

The test showed that they understood the hints and were able to interact. We made minor adjustments and delivered a prototype that will be refined and content added.

ai network

The Results

The team delivered a flexible prototype of the installation that can be adapted by the gallery AV department.

Content
The content framework can be populated easily through the database website developed and the data added in the future will define the network and visuals that are created dynamically based on the connections they form.

Implementation
The prototype allows for cameras and zones to be added and changed depending on the needs of the exhibit. The team created a guide with recommendations for the implementation.

User Testing
Since our testing was limited given the restrictions at the time the team delivered a guide of future user tests that should be done to refine the experience.