Lilypad Therapy

An iPad-based data collection application for behavioral therapists in an autism therapy clinic

Overview

In May 2019, I began working on a solo project in a research lab as a UX researcher and designer. I was creating an iPad data collection app to be used by therapists working at a therapy clinic. The clinic provides therapy for autistic children and is a heavily data driven practice. During the design phase, a student team was added to the project for me to manage for the summer. I finished out the project on my own before it was ultimately cancelled due to changes brought about by COVID-19.

Challenge

It can be difficult for therapists to form a full understanding of their clients' needs and treatment plan due to asynchronous communication within the care team and the need to parse through large amounts of data in a very short amount of time.

Solution

A tablet-based data collection app that highlights the most important information for a therapist to know in order to reduce prep time and improve shared understanding among a client's care team.

Roles

  • Project Manager
  • UX Researcher
  • UX Designer

Methods

  • Literature review
  • Ethnographic fieldwork
  • Focus groups
  • Interviews
  • Surveys

Tools

  • Figma

Duration

May 2019 - April 2021

Research

Beginning this project, I was guided by the following questions:

  • What are design opportunities for promoting shared understanding among a care team in data driven treatments?
  • What features of technological tools can be designed to support care teams in delivering care to clients?

Literature Review

To better inform myself on the field this application would be used in I conducted a literature review. I first researched collaborative work and documentation in healthcare, later narrowing the scope of my research to focus on these topics in the context of human computer interaction and ABA therapy.

Insights

  • The information the therapists work with is highly contextual and must be viewed and understood as a whole for each child.
  • A digital application must mimic current work practices.
  • Any digital solution cannot, and should not, be expected to fully replace paper.

Ethnographic Fieldwork

I was trained as and have worked as a therapist at the clinic providing therapy services to clients once a week. Embedding myself in this community allowed me to better understand their current practices.

Insights

  • Therapists need a system that is easy to parse through and yet still contains a large amount of information. This needs to be easy to view and understand within tight time constraints.

Design Opportunities

  • An application could reduce prep time by presenting the needed information in a specific order to make it easier/faster to absorb and understand.
  • An application could reduce time spent recording data by automating some tasks.

First Focus Group

I recruited employees from the clinic for a focus group where we discussed their wants and needs for the app. I asked participants to write ideas on sticky notes that they would then place on a large piece of paper organized by topic.

Sheet of paper with sticky notes about collecting therapy data Sheet of paper with sticky notes about asynchronous communication

I sketched some initial designs for an iPad application. These were based on the ideas generated during the focus group and based on my observations and experience in the field.

I also sketched out a workflow for the setup work a therapist must do for a session. I made this application's flow follow the general workflow of therapists at the clinic. To help mimic current work practices, I created digital versions of real life tools like the note cards used by the therapists.

Sketch of a client dashboard showing buttons for sections of the appSketch showing the app's flow for selecting a child to work withSketch showing the app's flow for preparing for a therapy session

Second Focus Group & Usability Testing

I created two sets of wireframes based on my sketches and added basic interactions. I led a second focus group with some of the participants from the first focus group. Here, the participants interacted with both sets of wireframes as they would if they were preparing for a therapy session. While testing the prototype and afterwards, participants were asked to think aloud and give feedback on the flow and features included.

Pre-Session Setup Version A

Mid-fidelity wireframes showing one version of the session setup flow

Pre-Session Setup Version B

Mid-fidelity wireframes showing a version of the session setup flow with an alert pop-up

Insights

  • Therapists feel the "Quick Info" section will help them prepare to work with a client quicker.
  • The "Alert" pop-up is highly valued by therapists as they feel it will reduce errors and miscommunication on a care team.

Interviews

I created an interview protocol for therapists, behavioral consultants, and management at the clinic to explore how they all might use a data collection app and discover what features they find most important. I conducted 8 interviews total.

Insights

  • The current presentation of a child's information can be overwhelming and hard to read and understand in a limited amount of time. To provide the best care possible, therapists must understand a large portion of this information to have a holistic understanding of the child and their treatment plan.
  • Because of location and time constraints, consultants may not be able to access and update these plans as frequently as needed, which could be detrimental to a child's progress.

Design Opportunities

  • Allow for remote viewing and usage of the application so that consultants may more frequently review and update a child's information. Consultants should be able access necessary data from anywhere, not just at the clinic.

Surveys

I created a UX requirements document and we presented a list of the requirements in a random order to employees at the clinic. The participants were asked to read through the list and rank each requirement in terms of priority, and to tell us if they felt any requirements were missing or unnecessary.

Insights

  • Survey participants highly value a client "dashboard".
  • Participants feel it is important for the app to enable more communication between consultants and therapists.

Key Takeaways

  • Automate tasks where possible to reduce workload on therapists.
  • Therapists need the ability to access all of a child’s information, but don’t always need to see all of it at once. We need to find a way to organize this information digitally. The therapists used a binder to store a child’s information, so I wondered to what extent the app should mimic the binders.
  • The client highly values features that enhance asynchronous communication within a child's care team.

Design

Low Fidelity Wireframes

Following the second focus group, I continued designing lo-fi wireframes for more of the application.

These designs were going to be presented to a group of therapists from the clinic for feedback, but then everything began to shut down due to the COVID-19 pandemic.

Going Remote and Making a Team

Similar to many other people, I had to switch to remote work when the pandemic began. The clinic shut down in the early stages of the pandemic and I was unable to contact them to schedule a remote workshop session. This project was one of many in the research lab I was part of. So, I began getting feedback on the lo-fi designs from my peers there in lieu of therapist feedback.

At the end of the semester, many new students joined the lab looking for summer work. Five of the students were assigned to my project and I became the lead. Most of them had little to no research or design experience. I had the team get familiar with the project and create wireframes for the rest of the app. We continued to iterate on the designs while getting feedback from other members of the research lab.

High Fidelity Prototyping

After a few rounds of iteration on the lower fidelity designs, we were ready to start creating higher fidelity versions. I assigned a section of the app to each team member to design. To ensure consistency across all of our designs, I created reusable components in our Figma library.

We finished designs for the app and added interactions to create a partially usable prototype. At the end of the summer, we presented this prototype to one of the therapists from the clinic and performed a think-aloud usability test with them over Zoom. Using feedback from the therapist and from the research lab, I finalized all of the designs at the end of the summer. Highlights and the full design can be seen below.

Highlights

The digital data sheet is where therapists record data during a therapy session. Information about each target on the left can be accessed by tapping the blue icon. Comments can be added to each point in the data log. Each data point can be undone if necessary.

Customizable pop-up alerts enhance asynchronous communication within care teams by ensuring all members are immediately aware of new information.

Data is automatically stored and graphed at the end of each session to help reduce therapists’ workload.

Full Design

Passing off to the developer

Once the designs were finalized by the supervising professor, I began working with our lab’s developer. In addition to the Figma files, I created a requirements and functional specifications document for the developer. It provides information regarding the users of the app, what types of accounts and permissions they will need, the functional requirements and use cases for each portion of the application, and a glossary of terms.

The developer began working on the application and we were beginning to plan for early testing. Unfortunately, due to changes brought about by COVID-19, the client eventually decided they no longer wanted to move forward with the application.

My Takeaways

The biggest lesson I took away from this project is to connect with developers VERY EARLY. If I could redo anything about the project, I’d start communicating with the developer much earlier in the process than I did. Our development was slowed down by having to make adjustments and rework things that would’ve been much simpler to fix if it were earlier on.

Overall, I’m quite happy with all the work that went into this project. It gave me a chance to practice both my research and design skills with a real client. When the the project changed from solo to a team, I felt overwhelmed to be responsible for leading such a large project. I feel it was ultimately a good thing as it forced me to become more comfortable reaching out for help from coworkers and mentors.