Momento

UI/UX Design
Project Overview
Momento Media is a creative industry startup that empowers people to save life's stories. When a loved one dies, we also sadly loose their stories. Momento Media uses storytelling and oral history practices to redefine the way families discover, capture and celebrate family history without multi-generational living family archives.
My Role
As a team, we performed user research and competitive analysis, and created user flow, wireframes and prototype in a 6-week sprint. I worked on this real client project as part of my Academy Xi's UX/UI Design course.

Design Process

I used a 5-stage Design Thinking model proposed by the Hasso Plattner Institute of Design at Stanford (the "d. school"). The stages of this Design Thinking process are as follows:
1. Empathise, 2. Define, 3. Ideate, 4. Prototype, 5. Test.

Design Toolkit

Home

We introduced the homepage in order to provide a central place for a user to go from when starting their Momento journey.
Users have the option to Record a Session or access their Saved Recordings.
There is also a short video that explains how the whole process works, again to reinforce the information we are trying to convey but this time in form of video.
We also Introduced our Help Bot. This button pops up and explains the elements of the apps. This is only shown once and only comes up when using the app for the first time.

Question Selection

We decided to introduce fun and friendly illustrations that would support the questions. We chose illustrations over pictures because they’re timeless and reflect emotional sentimentality of memories that are often not as deliberate and certain as a photograph.

Recording process

The recording process wasn't clear – both before, during and after the recording. Users were not aware that the app was recording all the time and assumed that they had to click a button to start a recording.
We decided on the iconography of the microphone to give the users the ability to start/pause/save their recordings. A power that wasn’t given to them in the previous prototype.
By doing this we have removed the uncertainty of knowing when the recording would begin and end.

User Research

Research Strategy
The first thing we focused on was our research strategy. In order to identify the flaws in the current UX and UI, we conducted a usability test by interviewing people that fit our user archetype. These were users over the age of 50 who had lost a loved one within the past 5-10 years. Before we began our interviews we first needed to do two things.
First we conduct a competitor analysis. Aside from using and understanding Momento, this also gave us an insight in the market space and provided additional context for the problem we are working on. Secondly we create an interview guide in preparation for Usability Testing. This enabled us to conduct our interviews in a consistent and controlled manner.
Competitor Analysis
As part of our Competitor Analysis, we conducted an analysis on three apps with similar product offerings to Momento. These were: Thread.Care, Saga and A Lasting Tale.
We focused our research on User Interface elements and User Experience Flows – including the Sign Up process, Recording stage, User Ratings and the Features.

Competitors: Colour Scheme

Used by A Lasting Tale, Green is often seen in nature as trees or grass and it offers a sense of calm and tranquility. Used by Thread.Care, Blue is often seen in nature as the sky or the ocean but it is also a colour of trust, which is why it is popularly used by banks and healthcare providers.
It’s important that Apps like these convey a sense of calm and is emotionally welcoming, otherwise users might feel at unease and could quickly turn away from the experience.

Competitors: Sign up (Saga)

These are the different ways in which the different apps have approached their Sign Up process.
With Saga, the sign-up process involves mobile verification, name and eventually a profile picture. This is a traditional way of signing up a user.

Competitors: Sign up (Thread.Care)

Likewise Thread Care offers a very similar process, but this time with a progress indicator to show the user that they are completing tasks towards the final goal. As with Saga, they offer personalisation in the form of a profile picture.

Competitors: Recording Function

The recording function for A Lasting Tale indicates to the user where to start recording using an arrow and a microphone icon. Once the user has started recording, they’re able to pause and stop the record with clearly indicated ‘Pause’ and ‘Stop’ buttons.

Competitors: App Features

Both Thread Care and A Lasting Tale have good ratings but they don't have the volume of reviews to back up that credibility. A consistent theme for all three apps is the demand for users who live overseas.
The distance between relatives can be made easier when using these apps to record conversations.

Interview Guide

We created an interview guide that allowed us to follow a structured interviewing process, ensuring that each team member records their interview in a consistent manner. With this guide we conducted 5 user interviews, recording video with the online tool Lookback.io and then scribing our findings on a Miro board.

Research Objectives

The intent of the UX usability testing activity is to identify any usability issues including:

Research Participants Demographic

For our usability testing we interviewed 5 different people: Glenda, Heather, Denise, Paul and Anahid.
The uses were located in Australia in the UK. There was a range of technical abilities.

Research Synthesis

After our interview we grouped and categorised the data into an Affinity Map which enabled us to have a clearer understanding of the user experience.
Consequently this allowed us to create an Empathy Map which enables us to step into the shoes of the user.

Usability Testing Insights

Onboarding Section

  • The intro text made sense. It was clear and simple to read.
  • However, throughout the app, users felt there was too much text to read. This meant that some information was not being read which lead to confusion.
  • Users felt the design was too formal and the intial impression was not welcoming.
What we propose :

Questions Section

What we propose :
  • The recording process wasn't clear both, before, during and after the recording.
  • Users were not aware that the app was recording all the time – and assumed that they had to click a button to start a recording
  • Some users thought the red light was something you click to either start recording or end the session.
What we propose :

Completing Session

  • Users were unclear on what happened to their recording.
  • They were unsure if:
    - The recording was sent
    - What the next step should be
    - How the “memory bank” worked
  • This was a ‘Huh’ moment in the process flow – it left users feeling confused and unsure of what to do next
What we propose :

User Flow

After numerous testing and feedback we altered the user flow of the app, so it would be a better experience for all users. Due to the short time frame for the project, we decided to focus our efforts on improving the recording process.

How Might We

We conducted a brainstorming session where we re-framed the problem.
We started thinking about the recording process, and spent time sparking ideas for possible innovative solutions as a collective team.

Sketch

The next steps were to each do a lo-fi sketch using the new user-flow we created.
Here quickly incorporated our brainstorming ideas into rough sketches, and outlined the different screens from A-B.

Lo-Fi Wireframing

After sketching out our wireframes, we moved into Figma and created lo-fidelity wireframes.
Following the user journey map, we chose a single ‘happy journey’ and mapped out the different designs.

Design System

We came up with a design system to add consistency, structure and communication across all team members. We chose simple readable humanist typeface that would improve reading legibility at both small and large sizes. The colour palette is mature yet modern and has good contrast.
We also implemented icons and friendly illustrations to bring some fun and enjoyment to the app.

The Prototype

We have combined all the elements shown throughout the design process to create what we feel is a warm, functional, fun and approachable app.