Aileen's History Book

Case study

“Aileen's history book” is an app developed for Android and iOS that provides audio-tour for museums and art galleries (that subscribe to the service). The app strives to deliver multilingual audio-tour for tourists and locals. The app is free since the service cost is handled by each museum. An audio for a specific art piece (along with texts and diagrams) in a museum is activated scanning a QR code or using the search bar in the app.

Role
UX designer, designing the app from conception to delivery
(mockups and prototypes developed in Figma)

Responsabilities
Conducting interviews, paper and digital wireframing, low and high fidelity prototyping, conducting usability studies, accounting for accessibility and iterating on designs

img03

Problem
People that enjoy visiting museums and art galleries often need a tour guide but they didn't book it in advance

Goal
Design an app that allows the user to have a multilingual “digital museum guide” in text and audio format so that people can learn at their own pace

img03
img03

img03

What can this Persona teach us about pain points?
I conducted interviews and created empathy maps to understand the users I’m designing for and their needs. A primary user group identified through research was art enthusiasts and travelers how struggled to book a museum guide in their preferred time slot

Most of the people in the user group also preferred to travel and explore museum and art galleries at their own pace

Paper Wireframes
Before moving onto lofi and hifi prototypes, I wanted to get a feel of how the main user loops worked and quickly test changes to the design

img03

Lofi prototype
After the wireframe the next step is developing a lofi prototype and use it for the usability study

img03

Hifi prototype
After the first usability study some changes where made based on the insights, more specifically:

O Users struggled to play audio guides -> the audio can be played for short paragraphs instead of playing the entire guide (was also added the audio player as an overlay);

O Users don't understand that museums and art piece search are mixed -> a tag system was introduced to filter the search;

O Users want a way to filter the results -> a tag system was introduced to filter the results;

After this changes to the hifi prototype I conducted the another usability study that resulted in only some minor tweaks

img03

To improve the quality of the audio playback the text is divided in paragraph so that the user can enjoy shorter audio clip and skip through the content. It was also added a player overlay to navigate the audio content

To facilitate the search process were introduce search tag so that the user can better understand what content they are viewing and decide if they want to read about an art piece, explore a museum or an art gallery

img03
img03

Style guide
Using high contrast color allows the application to be very readable and clean so that it's more accessible to people with visual impairments.
The main typeface of choice for the website is Sen, I felt this typeface best fit the app do to it's extreme versatility through uppercase and lowercase styling, as well as dark and light text fills.

img03