Life in Motion Guide

Modernizing End-Of-Life Planning

Timeframe

4 Weeks

Responsibilities

UI Design, Interview Planning, Research, Usability Testing, Desirability Testing, Rapid Prototyping, Stakeholder Presentations, Copywriting, Content Strategy

JUMP TO FINAL PRODUCT

Project Overview

I joined a team of 3 UI designers to work with Life in Motion Guidea small company that helps people prepare for emergencies and other unforeseen circumstances via a binder workbook. The product is currently available as a hardcover binder and a printable PDF, and they are looking to expand the scope of the guide.

Karen Purze, founder of Life In Motion Guide, came into our kick-off meeting with an infectious enthusiasm for the end-of-life planning process and how grossly neglected it was. In the first meeting, we established on the two main problems in the end-of-life planning industry, and solutions to heal these afflictions.

The Problems

1) Reaching buyers 

People only talk about it when they are going through a difficult time.

2) Using the product

The intention-action gap is huge for this product; the process can overwhelm users.

The Solutions

1) Incentivize Action

Users shouldn't feel afraid but encouraged to complete this crucial process.

2) Involve the Family

Users were more likely to complete the process with family.

Through increasing interactivity & approachability, there was an opportunity to disrupt the outdated end-of-life planning industry and it was our team's mission to create a product that fully maximizes the efficacy of the above remedies. Despite being 40 years younger to her target demographic, Karen made me seriously consider evaluate my end-of-life and estate management and the disastrous consequences that would follow from being unprepared. Her enthusiasm was astonishingly convincing, and I wanted to embed every ounce of it into my final design. End-of-life planning is uncomfortable but vital to preventing a lifetime of heartache down the line. It was my responsibility to make it approachable. The success of our designs hinge on the following success metrics.

KPIs

Sign Ups

Would users sign up?

Product Interest

Would users use the product?

Family Invitations

Would users share with family?

Research

The State of End-of-life Planning

80 Million American families have not discussed end-of-life plans, and 70% of end-of-life conversations are prompted by a health crisis or emergency event.

Life In Motion Guide Users

The vast majority of Karen's customers are:

  1. Age 45+
  2. Mothers
  3. Thrust onto end-of-life planning by a family emergency

Karen provided us with user research material and from that, we created a proto-persona. Jennifer, our fictional persona, is a 60-year-old mother anticipating the death of her father. Her parents, uncomfortable with discussing or even acknowledging the subject of death, neglected their estate planning and emergency preparedness documents, leaving Jennifer to sort everything back in order. Overwhelmed, she needs an approachable tool to deal with parent's predicament, and more importantly, to prevent her children from going through the same thing.

Jennifer Mathews

A 60-year-old mother of 3 anticipating a family passing.

Motivations

  • To save her family time and trouble.
  • To be prepared for the worst.

Frustrations

  • Doesn't know where to begin with the end-of-life planning process

Needs

  • To feel confident about completing the end of life process
"I don't want my kids to exprience what I'm going through now"

Designing For The Elderly

Modern websites and applications have widely embraced accessibility, an often neglected element in years past. Widespread WCAG compliance has enabled those with vision, motor, and other cognitive impairments to enjoy the same life-altering products that most of us use without a second thought. The Life In Motion website redesign needs to exceed traditional accessibility standards through typography, visual contrast, content, heuristics because we are also guiding them through an overwhelming process.

Best Design Practices

  • Avoid making assumptions in regards to UI interactivity, navigation patterns
  • Avoid font sizes smaller than 16 pixels
  • High contrast ratios with text.
  • Give clear feedback on progress and completion
  • Simple plain backgrounds are better to avoid distraction

With the domain and user research thorough digested, we summarized the purpose of our designs into one aspiration goal.

The Goal

To get the distressed user to use Life In Motion Guide as their gateway into end-of-life planning.

Competitive Landscape

We analyzed 6 players in the end-of-life planning space. We found that competitors generally utilized blue in their color palettes, with varying degrees of saturation. Blue is associated with professionalism and competency and our competitors were able to execute this with varying degrees of success. Out of the 6, 4 examples yielded the best insights. I summarize those points in the slider below.

Everplans

Professional but Generic

Through a slighted muted blue and magenta color pairing, they convey professionalism and the photo of the sentimental objects adds a touch warm nostalgic touch. Despite its successes, the product feels generic and doesn't grip the user's attention in any meaningful way.

Join Cake

Cluterred and Dated

The muted blues and yellows here attempt to convey competence and warmth but fall flat in execution. The blurred border effect on the hero image and lack of typographical variation result in dated brand identity.

Trust & Will

Forward-thinking yet Accessible

The use of only 1 accent color with the serif & sans-serif font pairing makes visually processing the website effortless. The photo of the smiling couple successfully radiates warmth and is the cherry to this already delightful package.

Tomorrow.me

Too Modern

The use of whitespace and saturated accent colors scream modernity, but without imagery or product displays, the company's purpose is unclear. This ambiguity does not help Jennifer, who is already confused, understand the product.

With these best—and worst—design practices thoroughly examined, we created our design principles; foundational standards that every following design decision would strive to meet.

Design Principles

Radiate Comfort

All on-screen elements should make users feel comforted about this otherwise stressful process.

Guide the User

Interactivity and functional cues should be so explicit, even a caveman can use it.

Inspire Completion

Users should feel inspired to complete this otherwise tedious process.

Big & Accessible

Large UI elements will make for a more pleasant experience for our elderly demographic.

Exploring & Testing Styles

Led by our Design Principles, we went on to create and test style tiles—early depictions of the visual rebrand Life In Motion Guide could undergo. All interviewees were over 50 and familiar with the end-of-life process. Each designer created 3 style tiles totaling in 9, and we recorded a variety of qualitative and quantitative metrics to derive the most effective elements of each style-tile. In the slider below, I show my 3 style tiles along with a major insight from this round of desirability testing.

Interview Structure

6Interviewees

60Minutes

RemotelyConducted

Strikingly Minimal

"It's great! An older person can figure this out"

Through minimalism and sparing use of striking red accents, my goal was to draw users' attention to take action. The strong color contrast with the serif & sans-serif font pairing made processing the style tile effortless. The simplicity of this design made the site approachable without patronization and out of the 9 tested, this received the most votes for their favorite design direction.

The Warm Embrace

"I like how warm this is, but I don't think it's appropriate for the subject matter"

With intimidation being such a massive barrier to engagement, the warm palette, script font, and soft illustrations present here was my attempt to eliminate that. 33% of users thought that this was too comforting and inappropriate for the gravity of the subject matter. Despite the style tile testing well on all parameters, users felt patronized by excessive comfort and handholding.

The Reliable Professional

"It's clean but kind of boring"

I wanted to project the professionalism present in all of the analyzed competitors. Although interviewees concurred, they also believed said that it was generic. The photo of the smiling woman failed in illicit warmth and comfort, and the reception of this style-tile was lukewarm. It did not adequately fulfill any of the above design principles.

User Testing

With the style direction established, it was time to apply it to our prototype. Karen and our team agreed to design our next prototype for one task flow; signing up. We structured our interview plan to answer desirability, usability, and conceptual questions. Our team a vague 'Interactive Guide' image section to allow users to share what features users would want and expect to see in an end-of-life web app.

We used wireframes provided by Karen to produce high fidelity prototypes. With each iteration, we made improvements through team critique sessions and validated them via user testing. We shared Karen's desire to stay as faithful to her proposed content and brand as possible so as a result, she was very receptive to our suggestions.

Prototype v1.0: User Flow

Prototype v1.0: Testing Results

Desirability

The visuals were often described as crisp & modern. Bright red CTAs were hard to miss and made users want to take action. However, outlined iconography choice while appropriate and effective, did little to comfort the user.

Usability

100% of users were able to navigate and complete the flow without instruction. Some buttons were unclear in their intended purpose due to vague copywriting.

Conceptual

When we asked users what they wanted and expected from the interactive guide, the three most requested features were to:

  1. Securely store sensitive information for emergencies.
  2. Easily print for physical documentation.
  3. Ability to easily share with family members.

Facing Constraints

Showcasing our Prototypes.

Upon reporting to Karen our interview data and user expectations for the web app, she revealed Life In Motion's inability to create a secure online storage solution at this juncture. Securely storing data was far too expensive and was subject to heavy regulation. An entirely new challenge emerged, and with that, a new objective.

New Objective

To convince the user that they need the new web app, despite the fact it isn’t what they expected upon visiting.

We wanted to create a product that not only met our interviewees' explicit demands but also solved pain points that were alluded to indirectly. Our team came up with the Interactive Family Checklist, a curated emergency online checklist that was customizable and tailored for family completion. This web app would contain 4 primary features.

Interactive Family Checklist Features

Family Completion

Seamless Workbook Integration

Task Assignment

Customizable Tasks

Due to the web application's inability to document sensitive information, it would be supplementary to the existing physical guide. Through its simple yet robust feature, the Interactive Family Checklist now served as the principal method of getting families to begin and complete the end-of-life planning process and adds an exciting new product to the Life in Motion Guide product suite.

Applying User Feedback

We received a ton of feedback from 1st Prototype tests. We compiled all quantitative and quantitative data in a spreadsheet to easily see all success and pain points. In the section below, I demonstrate the user critiques of Prototype v1 in Before and the remedies to those shortcomings in Prototype v2 in After.

Landing Page CTA

Before

33%
Unprompted CTA click-rate

Start Here was ambiguous and suggested a commitment consumers weren't convinced enough to make.

After

100%
Unprompted CTA click-rate

Start Learning communicated that users would learn about product before making any commitment.

Module Card

Before

0%
Primary CTA click-rate

  1. 0/50 deterred users from entering due being overwhelmed from the large number of tasks.
  2. Users didn't understand what Begin meant or would lead to. Users opted to click Learn More because it was the

After

100%Primary CTA click-rate

  1. 0% suggested 'completability' without the overwhelming commitment.
  2. Claim Free Module was clear in its value prop and its free.

Landing Page Value

Before

50%
Sign Up Rate

Users expressed their lack of interest in watching a video, despite their privy to Karen. 50% expressed that they didn't fully understand what the website was selling.

After

100%
Sign Up Rate

After seeing the Interactive Checklist Demo, users immediately understood the value proposition with 66% clicking Create Free Account immediately after seeing the module.

Final Product

In total, our team tested two iterations of prototypes. With changes made from the previous round of prototype tests, our goal for the second round was singular: to assess the value proposition of the Interactive Family Checklist and how likely users were to use it.

KPIs: Prototype v2

100%
of users Signed Up

100%
of users would Use Checklist

100%
of users would Invite Family

Landing Page

1a

All users successfully identified the purpose of each component and were able to proceed without instruction. The Life of Motion product slider, previously hidden in the top nav, is now immediately accessible on the home page.

Module Listings Page

2

We initially included a completed task number in the module item progress bar. Modules with a high number of tasks deterred some users from wanting to engage. A completed percentage, however, communicated the 'completability' of each list without the overwhelming commitment, and all users proceeded with the module without hesitation after this change.

Module Marketing Page

3

In the first round of testing, interviewees preferred downloading samples to trying the interactive guide upon landing on this module page because they were unsure of the product's value. After including the Interactive Family Checklist in the following iteration, all users opted to try the interactive guide first.

Sign Up Page

4

The copy above the sign-up form reinforced the value of account creation and effectively nudged users towards signing up.

Family Dashboard

5

The ability to monitor family activity solved the need to constantly check the list or resort to other mediums of contact to ensure completion. The number of tasks completed below the family member names incentived users to complete tasks through their aversion to being at the bottom of the rankings.

Interactive Checklist

6

Users were pleased with the functional robustness of the checklist. All users, to my surprise, correctly identified the function of all buttons. No interviewees, however, were able to correctly deduce where the 'Learn More' would lead to; it would lead to the Module Marketing Page on screen 3.

Parting Thoughts

Working with Karen was an incredible learning experience and I'm grateful for having the privilege to work on such an important problem with such a great client. Impromptu roadblocks like interview difficulties, client misalignments, and scope expansion forced me to constantly revaluate and prioritize my workflow. I was challenged to extract optimal solutions from conflicting user interview data and think creatively to work around constraints. Despite these difficulties, the joy I felt from seeing Karen and the interviewees light-up to my designs made these struggles insignificant. This project provided me the opportunity to exercise my UI, UX, marketing, copywriting, and content strategy skills, and I loved every step of it.

You made it! Thanks for joining us.