Timeline: 3 Weeks

October 2023

Team: Jalisa Keyser, Karen Klinedinst, Rachel Manu

My Role: UX Researcher, UI Designer

Mobile phone screen displaying the GriefGuide app login page with a background image of three people hugging and smiling.

Helping users move through and with grief

How might GriefGuide help grieving users by connecting them with other people and resources?

Solution:  GriefGuide is a social app that helps those experiencing grief and loss connect to others who are experiencing a similar loss through moderated chat groups, and resources such as: helpful checklists, books, articles, podcasts, videos and links to in-person bereavement groups. GriefGuide is a safe space to connect, share and heal. 

Problem:  Grief is a normal response to losing a loved one. Yet, too often it’s difficult to find a safe space to connect and share grief with others who are experiencing a similar loss.

This project was inspired by my groupmate, Karen. Karen lost her husband a little over a year and a half ago from cancer. When deciding on an app to create, Karen suggested a social app to help those who are in a similar position as her - the ongoing grieving process that results from losing a loved one. With this inspiration, we created GriefGuide.

Research

We created a survey via Google Forms and put it out over various forms of social media (Facebook, Twitter, Instagram, Reddit). We were particularly shocked by the age range being so young, as we were expecting the age range to be mostly middle age ro seniors.

Survey

Pie chart showing responses to the question 'What is your age?' with age groups 18-25, 26-35, 36-45, 46-55, 56-65, 66-75, and Over 75; different colors represent each age group with varying response percentages.

Interviews

I think it would be helpful to know ‘okay, we’ve all experienced this and we’re moving forward together’
— Afia Nyarko

Interviews were conducted with those who lost a spouse, parent, or were anticipating the death of someone close to them due to prolonged illness.

I wish I had a way to kind of connect with people [who are also grieving].
— Leah Hunt
Mind map with categories related to mental health, self-care, and support, including benefits, app ideas, challenges, coping mechanisms, support systems, features, and tools, arranged with color-coded sticky notes.

User Persona

Black and white headshot of a woman with long dark hair, wearing hoop earrings, a necklace, and a patterned top. Text overlay shows her name as Allison, age 55, from Charlotte, NC, income $75K, occupation as teacher, and widow status. Adjacent text details her support needs and personal background.

Affinity Diagram

Definition and Ideation

User Insight

Allison, a newly widowed middle aged professional is seeking a reliable and safe way to connect to others also experiencing loss because communicating with others who understand can greatly assist in the grief and healing journey

Problem & Hypothesis Statements

Text message discussing grief support and the need for safe space after her husband's death, asking how GriefGuide can assist.

Competitor Analysis

Comparison chart with four sections titled 'Good Grief', 'Empathy - Loss Support', 'Grief Refuge', and 'Grief Share', each containing a 'Competitor Capability Summary' with strengths, weaknesses, opportunities, and threats in colored boxes.

Feature Prioritization Matrix

A matrix diagram with four quadrants titled How, Wow, Now, and an empty top-left section. The 'Now' quadrant contains labeled sticky notes about chat, video meetings, resources, and guides. The 'How' and 'Wow' quadrants contain notes about connections, onboarding, and credibility.

User Journey Map

A detailed infographic and text description of Allison's journey through grief and the use of the GriefGuide app, including feelings, supportive quotes, and app features.

Prototyping

User Flow

Series of mobile app screens showing onboarding process, resource features, in-person bereavement groups, joining community, and group chat features for a grief support app called GriefGuide.

User Testing Plan

Table outlining steps for creating a user account and joining a chat group, including signing up, creating a profile, viewing resources, completing a questionnaire, and joining a chat group.

Recorded User Tests

Screenshot of a virtual meeting with four participants on the right and a mobile app interface called GriefGuide on the left. The app has options for 'Find Resources' and 'Connect to Others'.
Black and white portrait of a woman with long hair, wearing earrings and a necklace.
A purple background with a quote about creating an app to support those experiencing grief and loss.
Flowchart showing steps for creating and signing into a social media account, including resource links, profile setup, group chat, and logout process.
Flowchart showing steps to create an account, sign in, and access resources on a website or platform.

A competitor analysis was completed by researching Good Grief, Empathy-Loss Support, Grief Refuge and Grief Share. This helped us nail down the best way to go about our own app. For example, we wanted to make sure that it had security capabilities to narrow the amount of scammers and those with ill intentions. We also wanted to make sure our potential app remained free to users and was non-religious to attract a larger user base.

Many features we chose for “now” were very important to us and potential users, such as the ability for a group chat, as well as resources that are grief based. We also wanted to be able to implement a questionnaire feature to vet potential users.

Paper Sketches

Tools: Figma, Miro, Google Slides

Four sketches of a health-related app guide, including cover page and pages about resources, connection, and loss experience.

After creating our user flow, my teammates and I each created paper wireframes. From there, we were able to combine our individual wireframes into a user flow and sketch pattern that we all agreed on and believed would be the best for the app.

Lo-Fi Wireframes

After deciding on which paper wireframes to use, we then created digital low fidelity wireframes using Figma. We really focused on the onboarding process to ensure that there were safety and security measures included to protect those who are using the app. We also included the resource feature as well as the ability to group chat so users are able to connect with those who are also grieving.

User Testing Results

Users were successful in completing task 1 (signing up for an account), task 2 (create a basic profile) and task 5 (join the “Young Widows” community. Users had a bit of a trouble with task 3 (viewing bereavement resources) and task 4 (completing the chat questionnaire.

Bar graph showing scores of three participants across five tasks, with a key explaining scoring values from 0 to 1 for completed, partially completed, or not completed tasks.

Iterations

  • Added Home icon and labels to feature icons in bottom navigations

  • Moved back button to top of screen

  • Improved questionnaire functionality

Screenshots of a mobile app called GriefGuide displaying a home screen and a community join form with drop-down menus for grief-related questions.

Iterated Prototype

We added questions to to the community questionnaire (onboarding for group chat) and fixed the issue with viewing bereavement groups.

A series of mobile app screens illustrating the onboarding process, resource management, in-person bereavement groups, joining community, and group chat features within the GriefGuide app.

Hi-Fi Prototype

Mobile screen showing the GriefGuide app with a background image of three women smiling and embracing, and text that says "GriefGuide, Connect. Share. Heal." with buttons for creating an account and signing in.
Smartphone screen displaying a podcast app with categories about grief, showing titles 'Grief Out Loud' and 'GriefCast'
Mobile app interface for GriefGuide with options to Find Resources and Connect to Others, featuring a purple and beige color scheme.
Mobile phone screen displaying articles about coping with grief, including titles and a small profile picture of a woman in the top left corner.

Final Thoughts

  • This project quickly became a passion project for all three of us involved as death and grieving is a universal experience to every human. It was a special and fulfilling project to undertake that we all felt deeply.

  • Constructing the competitor analysis earlier in the process had a positive impact in the overall app ideation.

Next Steps

  • Add the ability to create a group chat

  • Include spaces of pet loss or other types of non traditional loss

  • Expand available resources to access

  • Decrease amount of white space

Mobile phone screen displaying a mental health app called GriefGuide with a pop-up message asking the user to answer quick questions before accessing group chats, with buttons labeled 'LATER' and 'OKAY'.
Mobile phone screen displaying a digital bookshelf with books about coping and healing, including 'When Breath Becomes Air' by Paul Kalanithi and 'Bearing Unbearable' by Jeanne C. Casteel, with navigation icons on the left.

Based off of our survey, interviews, and teammate, Karen, we were able to create a user persona - Allison. Allison lost her spouse in middle age and is looking for a way to connect with others who are grieving a significant loss in their life.

Mobile app screen showing a menu for 'GriefGuide' with sections for Home, Resources, Connect, Account, Settings, and a Log Out button, with a profile picture of a woman named Allison.
Mobile phone screen showing the GriefGuide Community app with a message about privacy and respectful communication, and a navigation menu with icons for home, health, chat, profile, settings, and a purple button for joining or submitting.
Teamwork makes the dream work
— Jalisa Keyser, Karen Klinedinst, Rachel Manu

For our low fidelity mockup, we created a very simple user flow consisting of being able to log in or sign up, view resources, and access the group chat function.

Le’Jas Candles

Responsive Web Design

DimeDasher Destinations

Your Favorite Budget Friendly Travel App

40 Plus of Greater Washington

Responsive Web Redesign

Crafted Cones Co.

Your Sweet Treat Pick (Me) Up