Platforms
Mobile
ROLE
Solo Product Designer: Research, UX/UI, Visual Design, Usability Testing
TOOLS
Figma, Adobe Creative Suite
Timeframe
4 Weeks
PRoject overview

What is the Memory Lane App?

It is a family-focused digital tool that helps anyone stay motivated, organized, and worry-free when documenting their family history. Capture and share meaningful memories, major milestones, and unforgettable stories all in one place!

Family history is not just about the past, but it is also about the present and future. Memory Lane can help users understand their family history, ultimately enabling them to create deeper, more meaningful connections.

The challenge

How can we create an ecosystem for users to turn to when they are feeling lost, alone, or disconnected?

Problem

During the span of the pandemic, everyone around the globe realized that personal and emotional human connections are precious and almost essential - especially from family. Are there tools to help create, maintain, or strengthen family bonds?

Goal

Discover how documenting family histories can benefit individuals' emotional well-being; and create an MVP that assists users on their journey to documenting such rich and complex histories—making the process more approachable and fun!

The research

Understanding user needs when it comes to storytelling and building connections with family members

User Interviews

After interviewing five participants, it can be assumed that those keen on documenting their family history find the overall process overwhelming and complex. Although most of the time when they engage in conversations about the past happens organically, they are motivated to take the necessary steps to be more proactive.

Key Pain Point 1

Existing tools and methods are time-consuming, scattered, and can be disruptive to a conversation / experience

Key Pain Point 2

All participants struggle to initiate conversations with family members—they don’t know where to start and feel unprepared

Key Pain Point 3

All participants believe that the effort is intimidating to do alone, and there must be a collaborative effort to recording their family stories in one secure location

Key Findings

All participants expressed that usually their parents or older family members initiate conversations about their lineage

All participants expressed a need for a tool to facilitate conversations, especially starting them

All participants have a collection of physical materials that are referenced or passed down (family photo albums, crests, etc.)

Persona Development

After analyzing the interview results and determining the key findings, I created the following personas of users who have the motivation to document their family history—they just are missing the right tool to help them out.

Competitive Analysis

I assessed family-focused apps with features that would benefit users in the process of documenting family stories. My objectives were:

  • Study common design patterns for creation, storage, and organization of user-generated content.
  • Discover unique features related to timelines and family trees.

People with a desire to document their family history for themselves and future generations find the overall process overwhelming. The core of their current frustrations is starting conversations and keeping everything organized. We need to build a tool for them to utilize in the moment or enable them to be proactive.

Define & IDEATE

Constructing the app architecture

With the personas’ frustrations and goals in mind, I ideated several features that users would expect from a family history documentation app. Below is a wireflow detailing how the user would navigate between each main feature.

Visualizing potential solutions to give users confidence to be proactive

3 main user tasks

  1. Review Family Timeline and add a new story entry
  2. Review Conversation Starters as an alternative way to create story entries
  3. Review Family Tree feature
Prototype

Key Solutions

Detailed Family Timeline with intuitive navigation to creating and documenting stories

The Timeline feature was designed to provide the most important information at a quick glance. If users wanted to dive deeper, they could easily do so.

Tagging family members with profiles

Each story entry can be tagged with family members relevant to that story. They would receive notifications upon confirmation. This tagging system supports an important filtering / sorting option for the Timeline. It also promotes an engaging, collaborative environment.

Providing conversation starters with familiar swiping gestures

Utilizing this universal design pattern allows for easy and digestible scanning through many content cards.

Categories: The cards are color-coded by the type of conversation topic

Pre-populated Story Entries: Each conversation starter comes with suggested talking points that are then pre-populated into the writing field for the story

Intuitive Family Tree builder with rich member profiles

Providing a standard family tree chart with intuitive functionality makes it an approachable task that users want to keep returning to.

Additional family member facts: Separate from the Family Timeline, these additional facts can give users a more focused lens on learning more about specific family members.

Usability Testing

Testing to find new insights or frustrations

Improving placement and color-contrast of main action buttons & text hierarchy

Some participants showed hesitation on screens where the action buttons were too close to the bottom or against darker backgrounds

The Conversation Starters needed better text hierarchy for easier scanning.

Clearing confusion with more direct language and iconography

Some participants didn't know what to expect when hitting the "View more" button on the timeline. I changed the copy to be more direct.

There was also confusion on the difference between the plus icon on the main screen vs. the one in the navigation bar. I changed the icon in the navigation bar to help differentiate it from similar buttons.

User guidance for different functions

Most participants questioned the difference between Conversation Starters and Story Prompts. I added brief descriptions to help guide users to the appropriate experience.

Validation and new insights

After usability testing, key features proved to be very successful

The conversation starters received excellent feedback and addresses 2 major pain points

All participants conveyed that the conciseness of using the conversation starter cards would be beneficial for their needs—iniating conversations and having a collaborative experience.

design identity and style guide

A heartwarming environment for heartwarming memories

Memory Lane is a helpful tool in a user’s journey to documenting their family history. The branding needs to create a warm, welcoming place where people feel empowered to create, store, and enrichen memorable stories.

Final Thoughts

Major takeaways and next steps

Use the power of familiarity in design

Altering or avoiding familiar gestures and actions can easily disrupt a user’s experience. It’s better to include these gestures at first until testing proves them to be detrimental.

Limited prototype functionality shouldn’t limit test results

The simple question of “What did you expect to happen when you interacted with that element?” is both powerful and effective when conducting usability testing.

Potential next steps

I would continue building out the other parts of the app:

  • Conduct a 2nd round of usability testing for the changes made
  • Design and test the Discover Feature according to user needs revealed through my research

View more projects

UX/UI DESIGN | INSTAGRAM HAPPY MODES

Giving Instagram users more control of how they engage with content and the app

A new feature designed to give users more control of their Instagram and help curb the negative effects on their mental health.

Read Story

UX/UI DESIGN | BLUR FASHION CO.

Increasing online shoppers' confidence with a tool that solves for inaccurate sizing

An e-commerce website for a gender-neutral fashion company with a unique virtual experience.

Read Story