Epsy Logging Flows
Redesign of the core logging experience for a medical app (2023)
When
Jan - Aug 2023
Team
Senior Product Designer (me - project lead)
iOS Engineer, Android Engineer
Product manager
Customer success manager
3 Design team colleagues (reviews, critiques)
Results
31% improvement in Seizure logs
76% uplift in Journal logs
Epsy Health product ecosystem
User’s logged seizure, medication and side effects data was made available to their doctors within the Epsy Hub platform, making appointment prep, treatment conversations and medication adjustment easier.
Challenge
The Epsy app helps users track seizures, triggers, medication, see patterns in their data and manage their condition better. The logging experience within the mobile apps was quite outdated and slow. Users also lacked certain features like seizure duration and found the logging experience to be too long.
Legacy logging flows - long and windy
2. Discovery
From user feedback it became clear that the logging experience wasn’t serving everyone’s needs. Reviewing other apps, one app stood out and became a major source of inspiration - the wellbeing app - “How we feel” by Dr Marc Brackett’s team. I also read his book about emotional intelligence that underpins the framework in the app. I loved how simple, fast and fun logging your emotions is in this app, so started exploring how to apply this to Epsy.
“How we feel” app - colourful blobs indicate emotions, followed by a single page to log extra details
3. Design iterations
Over several months I worked through multiple phases of design iterations in Figma, several rounds of user testing and a/b testing, crafting iconography and designing animations.
Concept Explorations
Explored more playful ideas for a new logging panel and flows. In the end this less traditional approach was dismissed because this interaction was not really appropriate for an extensive list of seizure types.
Logging fan / panel experiments
Logging in Epsy starts within the logging panel that opens when user hits the big pink plus. Different types of users wanted to log different items. So I started explorations of how to evolve the panel to make it more flexible, while also adding an element of delight. I led multiple design review sessions with the design and dev teams to gather feedback.
Design review session in Miro screenshot
Logging panel a/b testing and evolution stages
User testing
I tested 2 prototypes of the V2.0 panel with 5 users over Zoom. Key learning was that some people wanted options like ‘timer’ and ‘video’ at their fingertips to start recording quickly, while others didn’t need these exposed. The need to customise and personalise the user experience came out very clearly.
User testing different versions of the logging panel, analysing sessions in Condens
Detailed design
I worked through all 6 logging flows to align designs, colours, finalise components, iconography, and improve copy. I added new components to Epsy’s design system (which I’d helped build out when I joined).
Accessibility is incredibly important for Epsy users as they are more likely to have learning, motor, memory and eye sight conditions alongside epilepsy. I updated the colours in the design system in light and dark modes to make them more accessible in the new logging panel designs.
Flows detailed design - working out the detailed spec in Figma
4. Animation
The transition from the panel to the logging page was very important to design right as it’s something users would interact with every single day. I wanted the interaction to be as seamless as opening a tile in Airbnb or viewing an app in the App Store. I designed the transition states using Jitter+Figma, then worked with an iOS dev to fine tune it in build. Note: Originally the transitions were much slower and more gradual but after testing on devices we made them faster and snappier.
5. Final designs & Design system
I worked closely with developers to hand over the specs, address any concerns during development and helped QA the builds. As part of this I added and evolved Epsy’s Design System (I led the Design System development project on the side alongside feature delivery).
Design system components I contributed as part of logging flows redesign
Final UI for the key logging flows (all colours were tested for accessibility)
6. Results
31.5% conversion from app open to Seizure logged
76% uplift in Journal logs
“Thank you for the recent updates to the app! I haven’t used it all week and was pleasantly surprised by how much easier it is to log seizures when I opened it today.”
-Epsy user
