My work

ACMI

Designing museum interactive labels

UX Design

First Nations Event (Low Res JPEGs)-48.jpg

Overview of individual labels

UX Methods involved

  • Observational research

  • Competitor research

  • Wirefaming

  • Mid-fi prototyping

  • Usability testing

Deliverables

  • Series of mid-fi wires / prototypes

Background

ACMI reopened its doors in February 21' after 2 years of a complete site redevelopment. There was a complete digital transformation in this renewal, which meant incorporating digital labels into the exhibition.

Everything in ACMI's centrepiece exhibition, The Story of the Moving Image has a label or at least a credit attached to it.

There are hundreds of works on display. Some of these works are encased in cabinets for which they need labels.

Initial designs from Second Story, USA, demonstrated interactive screens which would display all the works and their credits instead of having individual labels beside each object in the cabinet. Visitors can select an object to learn more.

This allows for a cleaner display and encourage more interactivity with visitors.

 

was tasked with iterating the initial mock ups in response to changing user and business needs and to be more inline with ACMI's branding.

Shannon McGrath_BKK_SOMI (12).jpg

One of the many cabinets filled with objects inside the exhibition.

Discovery

I was given mockups and schematic designs which were created by Second Story which helped familiarise myself with the interactive labels, their casings and the screens we would be using.

I engaged with members of the curatorial team to understand their needs and constraints and an eternal developer brought on to assist our team during the renewal period.

Cabinet.png

Designs created by Second Story, USA.

Magic lantern cabinet.jpg

Designs created by Second Story, USA.

interactve label cabinet.png

Designs created by Second Story, USA.

Requirements

Small objects need to be magnified 

We have many smaller objects in the cabinets, which visitors won't be able to get up close to, so the ability to enlarge images is important.

 

Limit dwell time and allow visitors to see what they want in short interactions

We have lots of visitors and large amounts of objects and content, so we wanted to limit the features of the labels, so we can give a rich experience minus too much dwell time.

No scrolling interactions

The screen we had wasn't highly sensitive to touch, so we had to adjust the interactions in light of these limitations.

Remind visitors they can collect a label with their Lens

Everything in ACMI's centrepiece exhibition is collectable with the Lens; a hand-held device which allows you to collect your favourites in the exhibition to then later explore online.

We must include object credits

These are typically no more than 3 lines and does not need hierarchy.

Research

Competitor

There are not a lot of interactive label examples in Melbourne galleries, however there is one close by the ACMI office. I went to the Arts Centre to see the free permanent exhibition, The Australian Music Vault.

I observed other visitors interacting with it and one of the developers who came along with me.

AMV-logo-black.jpg
interactive label IMG_20191017_103255.jpg

Themed cabinet 'Agents of Change'

interactive label first screen.png
interactive label explanation.png

Overview description

interactive label object and description.png

Object label

interactive label object.png

Object label text

Design

Initial wireframes

There were some great things about these labels; the ability to enlarge images, the CTA buttons were clear​, and the changed state to an image when it was selected.

I took those elements into the wireframes.

This is the first thing a visitor sees; a front on image of the cabinet in front of them.

Casings for the interactive label screens

Lens reader

Arrow _edited_edited.png
Arrow _edited_edited.png
Cabinet background with casing.png
Arrow _edited_edited.png

The visitor clicks on a group of objects and an individual label appears.

The visitor clicks on a group of objects and an individual label appears

low-fi wireframe multiple objects (2).png

The visitor clicks on an image and it opens a window with object images.

Low-fi wire of object with images

2nd round of wireframes

After a round of feedback with stakeholders, I added changed some of the elements around and presented a few different options.

Stakeholders and I decided on a finite amount of objects which would appear on a label.

This was to have consistency across all labels.

No hero image.

When visitors click on one of the images, a light box appears.

Credits appear in the lightbox underneath / adjacent to the image.

mid magic lantern grid.png
Image light box.png

Other light box options

Image light box 3 (5).png
Image light box 3 (6).png

Hero image.

When visitors click on one of the thumbnails, it replaces the current hero image.

Credits for that image appear underneath the thumbnail.

CHOSEN mid magic lantern grid with hero (1).png
mid magic lantern grid with hero.png
mid magic lantern grid with hero and credits.png

The winner

This design was then sent to Liquorice, who took over the design process.

CHOSEN mid magic lantern grid with hero (1).png

The final design

Design by Liquorice

Cabinet of curosities 1920 x 1080px - 04 images - Example.png
Arrow _edited.png
Arrow _edited.png

Casings for the interactive label screens