Transforming a Physical Museum into a Digital Experience: The “It's About Time” Online Museum Project

Psyk AI: at a glance

No time for the details? Click through the summary slider below to understand my key contributions and takeaways.

summary

The "It's About Time" Online Museum Project transformed a physical museum into a digital experience. Led by Atera from 2020-2022, this project aimed to create an engaging online platform for museum visitors.

The problem

The challenge was to convert a traditional physical museum experience into an accessible and interactive digital format, likely in response to the global pandemic's impact on in-person visits.

My Role

UX Research Consultant

Methods

  • Stakeholder & Client Workshops
  • Persona Development
  • User Story Creation
  • Information Architecture Mapping
  • Mid-Fidelity Design
  • High-Fidelity Design
  • Usability Testing

insights

  • digital navigation, content engagement, and the translation of physical exhibits to virtual spaces.

Outcomes

The project successfully launched, providing an engaging online museum experience. It received positive feedback from users and stakeholders, effectively maintaining the museum's educational mission during the pandemic.

What Went Right & What Went Wrong

What went right:

  • Successful translation of physical exhibits to digital format
  • Positive user feedback on interactivity and engagement

What went wrong:

  • Balancing stakeholder expectations with technical constraints
  • Ensuring accessibility across diverse user groups and devices

“It's About Time”: A Virtual Museum Challenging Historical Perspectives

A year-long digital transformation stalls due to expertise mismatch

In August 2021, the Deutsche Gesellschaft für Internationale Zusammenarbeit (GIZ) approached me with a challenge: convert their “Mobile Museum” physical exhibition into an online experience.

The project aimed to encourage students to question historical narratives through an avant-garde, experimental exhibition methodology. However, the COVID-19 pandemic had forced a halt to the physical exhibition.

For a year, the team had struggled to translate their innovative physical experience into a digital format. Despite their efforts, they found themselves at an impasse.

  1. Expertise mismatch: The team's strength lay in exhibition design and historical content, but they lacked experience in digital user experience and web design principles.
  2. Complexity of content: The museum's focus on multiple perspectives and personal narratives made it difficult to structure in a linear digital format.
  3. Interactive elements: Many of the physical exhibits relied on hands-on interaction, which proved challenging to replicate in a digital environment.
  4. Stakeholder alignment: With multiple organizations involved, including GIZ, Search for Common Ground, and the Collective for Historical Dialogue & Memory, aligning on a digital strategy proved complex.

Bringing in a user experience design consultant

The team realized that to successfully transition “It's About Time” into a virtual space, they needed to find a way to preserve the interactive and thought-provoking nature of the original concept while leveraging the unique possibilities of digital media.

They released a tender, looking for a consultant with user experience design, and exhibition design expertise. This brought them to my attention, and allowed me to begin interviewing the team to learn more about their goals, and challenges for this new iteration o the museum.

Goal #1: Learning about the Museum's vision and purpose

The project aimed to fill gaps in historical knowledge through personal narratives

The project aims to fill gaps in historical knowledge by showcasing personal experiences and perspectives often overlooked in mainstream sources and school textbooks. It particularly focuses on Sri Lanka's post-independence era, an area often underrepresented in formal history education.

Four key questions guide visitors through the digital exhibits

The museum was structured around four key questions:

  • Who Writes Our History?
  • Do Everyday People's Stories Matter?
  • What Cultural Elements Influence Our History?
  • What is Our Role in Creating History?

Through interactive exhibits and user contributions, “It's About Time” offered an evolving museum experience. The digital transformation, necessitated by the COVID-19 pandemic,  enabled wider accessibility, allowing visitors to explore exhibits safely from their homes while supporting broader reconciliation efforts.

Choosing the Right Design Process for the Team

designing Collaborative workshops to unite diverse expertise, achieve buy-in and ensure team satisfaction

To address these challenges, I implemented a series of collaborative online workshops using Miro's virtual workspace.

These workshops were designed to take place 2–3 times per week over the course of one month. The choice of online collaboration was necessitated by the ongoing pandemic restrictions.

I chose this approach for several reasons:

  1. To leverage the team's deep historical and content expertise
  2. To bridge the gap between exhibition and web design principles
  3. To ensure equal consideration was given to both historical content and user experience

Focusing the team on the core user experience by simplifying personas

designing Collaborative workshops to unite diverse expertise, achieve buy-in and ensure team satisfaction

Our first step was to simplify the personas the team had previously created. I found that they were getting bogged down in edge cases and had only vague understandings of what they wanted users to experience.

We stripped down the personas to essential, action-oriented information. This process involved:

  • Removing extraneous details
  • Focusing on core user needs and behaviors
  • Creating a solid foundation for planning user flows

This simplification helped the team focus on the most important aspects of the user experience, rather than getting lost in hypothetical scenarios.

We made 4 major changes to achieve this:

  1. More detailed user context: Added specific information about daily life, career goals, and personal challenges.
  2. Clearer problem definition: Included a specific problem statement and reasons why the user can't solve it themselves.
  3. Expanded demographic details: Added age, gender, location, and occupation.
  4. Improved visual organization: Used a structured layout with color-coding and icons to present information more clearly.

adding some structure

Using Structuring brainstorming exercises to break down problems and generate solutions

Now, we could finally move into the meat of our process. I selected a series of structured brainstorming exercises to help the team iterate through ideas.

The exercises we agreed on were:

  • Affinity Mapping
  • Crazy 8s
  • Low fidelity wireframes

This structured approach helped the team overcome their biggest obstacle; exploring ideas in high-enough fidelity to overcome analysis paralysis, and design experiences that reflect their original vision.

Helping the team visualize ideas

Giving the team a list of components, and led them through user flow iterations

This was the most important, and consequential stage because this was where the team got to translate their exhibition ideas and constraints into actual designs.

In order to help the team explore their ideas fruitfully, I gave the team a library of prebuilt wireframing components, and designing for mobile first.

I said “these are your Lego blocks; let's go through each high-voted idea and theme, and build them out”.

I assigned each team member an exhibit and tasked them with producing low-fidelity wireframes. By supporting the team's initial struggles, each member generated rough screens which I helped flesh out.

From these initial sketches, I worked to expand and refine the concepts. This involved:

  • Exploring novel methods of communication and user engagement
  • Pushing beyond conventional website design principles
  • Encouraging the team to think creatively about translating physical exhibits into digital experiences

After several rounds of exploration, we had eliminated narrowed down into the most impactful features and their exhibits

Designing Mid-Fidelity Wireframes for developers

Refining wireframes into development-ready screens and documentation 

By the time we reached the mid-fidelity stage, we:

  • Finalized website architecture
  • Created rudimentary user flows
  • Finalized features

With our low fidelity designs completed, the team had strong-enough ideas on what the overall experience would feel like, so with Mid-fidelity designs, our biggest overarching goals were to: 

  • Design features in hand off-ready fidelity
  • Flesh out user flows and screens
  • Design desktop, tablet, and mobile versions
  • Begin creating and collecting website content
  • Plan out CMS design

These 2 stages resulted in the team achieving far deeper understanding and consensus of the technical constraints, image and copywriting content requirements, CMS design considerations, and many more 'gnitty-gritty' details that would only have been considered after the platform was developed and too late to change.

final design and usability testing

Creating a digital museum Experience that engaged visitors and kept each exhibits soul

We spent the remaining weeks working with the development team to bring this website to life, run a few rounds of usability testing,

After usability testing with 5 participants, comprised of exhibition design specialists, educators and laymen, we identified several core usability issues that were critical, and could be fixed before release.

The final version of the website reflected the team's aesthetics, values, and experiential vision; with each exhibit using a differente core feature to communicate its main message.

what went well, and what didn't

As I reflect on our journey to bring the museum online, I'm struck by both our successes and the hurdles we faced. We definitely hit some high points:

But we also ran into some tough spots:

Even with these bumps in the road, it was amazing to see how our team's creativity and teamwork turned a physical museum into an engaging online experience. We proved that with the right approach, even the toughest design challenges can be overcome.

As I reflect on our journey to bring the museum online, I'm struck by both our successes and the hurdles we faced. We definitely hit some high points:

  1. Our team workshops really brought everyone's skills together
  2. Simplifying our user profiles helped us focus
  3. Breaking down big problems into smaller chunks paid off
  4. In the end, we captured the museum's spirit in digital form

As for issues, there were a few notable issues we had to work around:

  1. Designing for Sri Lanka's low mobile data access simplified our design aesthetic
  2. We had insufficient early user testing with the target audience.
  3. Navigating EU GDPR regulations documentation proved time-consuming
  4. Balancing interactive elements with technical limitations required several compromises in vision.