Fyrli - ADHD iOS app

Designing an iOS application for adults and parents

iOS app design • www.qbtech.com

Overview

Qbtech is the market-leading provider of objective ADHD tests for patients 6-60 years old. The tests are FDA-approved and CE-marked. For more than 20 years, Qbtech has provided objective tests for in-clinic use only by healthcare professionals (B2B). For the first time in the company's history, our design efforts are bringing these tests to people at home. We designed a native iOS application that includes their objective ADHD assessment designed by clinical psychologists as well as resources, a symptoms tracker, and collaborating clinics. The application is geared towards adults and parents.

Project details

Duration: 1+ years (2023 - now)
My role:
 Product designer
Team 1:
 1 designer, 1 product manager, 2 iOS developers, 1 back-end developer, 1 product owner, 1 test and verification engineer
Team 2: 2 iOS developers, 1 test and verification engineer
Tasks included:
Research, wireframes, prototyping, stakeholder management, roadmap shaping, high fidelity designs, design system, documentation

In compliance with my non-disclosure agreement, I've excluded and obscured confidential details in this case study. I am prohibited from sharing logos and anything related to the project until it has launched. All information presented is my own and may not necessarily align with the viewpoints of Qbtech. Any similarity to proprietary information is purely coincidental. Additionally, I do not own any copyrights of this brand, like the logo, imagery, or any related elements.

Why design the Fyrli app?

For the last twenty-two years of its lifetime, the company has been providing hardware (i.e. headband, motion-tracking camera, and laptop) to clinicians around the world to perform ADHD tests. The company had a few future goals:

Image from https://www.suburbanbhs.com/services/qbtest-for-adhd

When did I come in?

When I first joined the company, the project was in the discovery phase. There were two designers in the team: A lead designer and a junior designer. The lead designer had just concluded research with an early prototype of the application. The research was conducted with 15 people from the U.S via interviews and usability tests.

Upon me joining, the lead designer shared the prototype and insights with me. Our goal was to design the app from the ground up based on the insights we got from the research.

In collaboration with the product manager we defined the road map and decided on four app features:

Competitive benchmarking

I focused on those research insights that were relevant to the feature I would be designing first and I progressed with competitive benchmarking. My goal was to compare similar features on other apps and discover what they were doing well that we could imitate and what they were doing not so well that would be an opportunity for us to offer more value to customers.

Competitive benchmarking for the "Learn" or educational section

Wireframes

To focus on the functionality and involve the team as soon as possible, I started with wireframes and low-fidelity prototypes. This approach helped us focus more on the flow and content instead of the visual aspects of the app.

Wireframes - Starting screens of key flows
Wireframes - How a user would track their symptoms and mood on our app

Final designs and launch

Launching the app in Ireland

Designing and building the app concluded in 10 months and it was launched in Ireland. The purpose is to initially test it in Ireland with a smaller target group, collect as much feedback as possible and continue with data-driven iterations. After 6 months, we are planning to launching the app in the US market.

Onboarding & key features

According to medical experts, ADHD is hereditary. Based on that fact, it was decided that the app should give to individuals a more personalised experience. From the start, in the app's onboarding, the user can choose to create multiple profiles (for themselves, their child or both). The finalised version of the app included four main features:

  • Take an ADHD test approved by medical experts
  • Track your ADHD symptoms as well as mood for the day
  • Read short articles and learn about ADHD
  • Clinic suggestions

Tracking ADHD symptoms & mood

One of the app's key features was offering the user a symptoms and mood tracker. By tracking their symptoms and mood daily, the user would create a journal that would help them recognise triggers and patterns of behavior associated with ADHD. They would also have the opportunity to share their journal with their doctor to aid with their diagnosis and treatment.

Design system

The structure of the design system consisted of its base and multiple products (b2b app, mobile app, etc.) which was maintained by our design lead and the team. I was responsible of introducing components for the mobile app as well as maintaining them.
We strived to ensure consistency across the application and establish a common language between us and the developers. Getting to learn variables and new Figma features helped us smoothly for the app's light and dark mode. Additionally, we referenced the HIG (Human Interface Guidelines) as we were designing for iOS.

Design system - Tab bar menu component

Validation and Standard Operational Procedures

As part of the standard operational procedure that is dictated by the principles and methods of HFE (Human Factors Engineering) as well as user-centred Design, I invited five users to validate the application's design. I was acting as the moderator. The five participants were assigned tasks that guided them to complete all the main flows in the app while sharing their comments and experiences with me.

I documented their inputs and compiled patterns in a formal validation report as directed by the relevant company's SOP document.

We launched the product initially to the market in Ireland to test it out even more and acquire more feedback. Over one hundred people have downloaded the app and fifteen have purchased the ADHD test offered in the app thus far. We are currently working on launching the app to the US market.

My workBack to topNext up: Payabl.