Pathfinder

A feature for tracking records of activities for caregivers

Overview

This project involves designing the user interface for a new feature in the existing system. The feature serves as a record-keeping tool for caregivers to track the daily tasks of care recipients using MeMinder—an app developed by CreateAbility to help individuals with memory deficits track and complete tasks.

Background

MeMinder is an app designed to help individuals with memory deficits keep track of their daily schedules set by their caregivers. Users can check off completed tasks within the app, while caregivers use PathFinder to monitor task progress in real time.

My Role

As a UI designer, I was responsible for designing prototypes for both mobile and web versions in Figma. I collaborated closely with a developer to create an efficient and practical solution for the new feature.

Stakeholders’ Requirements

The image below shows the current system design. The new feature must align with this style to ensure seamless integration. The interface should be simple and easily readable, specifically tailored for caregivers aged 40-60. Additionally, the design needs to be responsive, functioning well on both mobile and web screens.

Ideation

When designing a tracking record, I used analogous thinking to enhance readability. For the web version, the developer recommended an Excel-like format, but that wouldn’t work well for mobile screens. So, I associated the mobile layout with a magnetic wallet-sized address book—a format familiar to people aged 40-60 from their past experiences.

Design Exploration

During the design process, I created several versions of the prototype to explore feasible options and then discussed them with the developer and stakeholders. The design exploration primarily focused on layout and icons, with an emphasis on improving readability and accessibility for users.

Simplified Time Frame Selection for Better User Experience
The left option features a more modern style, where users can view the date through a calendar. The right option is simpler, requiring users to input only the number. Both versions include common time frame selections. We ultimately chose the simpler style, as having too many buttons might confuse our target audience.
Choosing a Recognizable Icon for Enhanced Accessibility
The left option uses a checkmark icon, while the right option has adding and removing icons for selection. Considering accessibility, we chose the left option, as the checkmark icon is more visually clear and easier to recognize.
Streamlining User Guidance with an Info Icon
The developer wanted to inform users how to read the information on the last completed time, initially placing all the details in the title. However, I replaced it with an info icon, as this information is mainly for first-time users. Experienced users likely won’t need to read it again.
Prioritizing Readability
The left option provides a simpler, more readable format, while the right option allows users to view more records at once and see how many tasks were completed in a day. However, since easier reading is more important to the users, we chose the left option.

Prototype

The image below shows the final design we decided to present in the app. The functionality includes interactions such as reading the record, using filters to select a specific timeframe or task, and exporting the selected records.

Jenny Cheng ©2024