Case study: Redesigning a health app in under 3 days
By: Hugo Saraiva Miranda
Tags: Design Process, UI Design, UX Design, Redesign, Case Study

An overview on the app

Home

The first available tab is the “Home” tab, where the user gets an overview on the statistics from his seizures, plus some information on the notifications that the app sent to him, compelling the user to take action on them. The information under “My seizures” is a cumulative result of the data on seizures reported by the user. This can be done quickly, by using the the “Add” button present on the top right corner and then by using the Seizure option.

The “Home” tab (on the left) and the “Add an event” after touching the Add button (on the right) / Epione BV © All Rights reserved

Treatments

Skipping for now the “Diary” section, another tab available is the “Treatments”, where the user needs to add his current treatment/medication the he is taking. This is helpful in order to create a series of notifications or reminders, for the medications being taken by the user. There is also the possibility to consult past medications that he took or even future medication, that might be later tested on his ongoing treatment.

The “Treatments” tab where the patient inputs data regarding his medication / Epione BV © All Rights reserved

Also on the right top corner, we have another “Add” button, which on this context takes us to another screen “Add medication”, where the user can add a new medication, or another dose of any medication he is already undertaking.

Settings

The next tab that follows treatments is the “Settings” menu, with the obvious options that the user can configure on the platform.

The “Settings” tab / Epione BV © All Rights reserved

These options range from editing the profile, adding on his account the neurologist that follows his treatment, configuring which notifications he should get from his medication reminders to even allowing the user adding an “NightWatch”, a device that monitors seizures and heart-rate. Lastly in this section we get a Support section with a few extra information on Helpilepsy and its legal terms.

Diary

Finally we have the “Diary” tab, which for the purpose of this redesign challenge, will be looked in deeper detail.

The “Diary” tab / Epione BV © All Rights reserved

As for a first analysis on this tab, we can say that it’s a list of elements chronologically ordered and grouped by day, which in turn are grouped per weekly intervals. Basically, we can say that this section is a sort of a calendar, that contains daily information relevant to patient about his epilepsy condition.

The elements/information, available to be added on each day, are the following categories: “Daily Mood”, “Sleep Quality”, “Medication Intakes”, “Side Effects”, “Notes/Events”, “Seizures”, “Appointments” and lastly “NightWatch Recordings”. Each category is color coded, with it’s own hue tone (except the “Daily Mood” and “Sleep Quality” that share the same blue tone) and inside the block of each category, we find displayed their most relevant information, either by text or icons.

The 8 available categories for each day / Epione BV © All Rights reserved

Upon touching on any of these blocks, we are presented with an extra screen or modal that serves the purpose of editing any info or options, plus giving a deeper view on the details relevant to its category.

Upon touching a “Medication” block we get a modal (on the left), whereas for the “Note/Event” we get a full-screen edit screen with more complex options (on the right) / Epione BV © All Rights reserved

The same way we see an “Add” button on both “Home” and “Treatments” sections, here is also present one, again on the top right corner, that has the same functionality as the one on first tab “Home”.

The modal where the user can add a new event to his patient’s “calender” / Epione BV © All Rights reserved

In the “Add an Event” modal we can choose between 6 different options: “Seizure”, “Appointment”, “Side Effect”, “Treatment”, “Reminder” and “Note/Event”, each leading to another screen with a form to fill-in all the relevant data.

The last bit of functionality present on the “Diary” tab, is the possibility to filter the displayed blocks per category. This functionality helps the user to focus in one category of data, making it possible to see more days, where the filtered event ocurred, under the same section of the screen.