Catch My Pain

CatchMyPain is an intelligent pain diary app that helps you keep track of your pain and connect with similar patients.

Role
UI/UX Designer & Frontend Developer
Situation

In order to treat pain effectively, experts usually ask patients to keep a diary. Previously this was done with paper forms and pen. This information had to be physically transfered to the medical staff and at some point the data had to be inserted manually in a computer.

Solution

New portable devices, specially tablets and other touchable-screen devices are an ideal tool for easy drawing. We created a multidevice application where users can paint on the screen just using the finger, manage old entries and track how the pain evolves. On top of that we planned adding features to share the data and build a community around users.

Responsabilities

I was responsible for doing user research, find their pain points and goals and using the gathered data redesign the first existing prototype. I also helped coding some parts of the UI and adapted the human body figures with transparencies so users can draw on top of it.

Research

We started intereviewing doctors and physiotherapist to get insights on what was relevant to record from a medical point of view and what kind of different patients exist. After the interviews I used the data to create Personas and Journey Maps to understand user pain points and goals, and focus in how to solve them later when designing.

Ideation & Re-Design

Starting with all the data assembled in the research part and using an existing first MVP as inspiration, I proposed a re-design for Tablets and desktop computers that later we could use for testing.

We had the opportunity to get some real feedback from all our target users by organizing tests in cooperation with some swiss clinics.

Testing

We had the opportunity to get some real feedback from all our target users by organizing tests in cooperation with some swiss clinics. Having real-life cases we defined some tasks to be execute by those patients and explored our new design while making them speak aloud their thoughts. Throw this, we received very interesting feedback that allowed us to improve the redesign.

Main Findings
  • Simplify When creating a new entry, the number of touch-points could be reduced.
  • Editing mode could not be found Many of the users did not realize that would be possible to edit old entries to create new ones
  • No digital-native users need guidance Youngsters had no problem understanding the UI, but older people (No digital-native) needed some guidance help at the begining
Technology

This project was developed using Sencha Touch 2 , a Javascript UI Library focused on mobile devices. To allow users to draw on the human body figure, a series of transparent layers were used on Html Canvas.

URL Technologies
HTML, CSS, JavaScript, Sencha Touch, Photoshop
Company Years
2012 - 2013