Unlimited Therapeutics Platform

Unlimited Therapeutics
March 2023

Tools

Adobe XD, Illustrator, Miro

Deliverables

UX Research, UI Screens, Branding, Prototype, Accounting for accessibility

Collaborators

National Research Council, TMU, Brianna Lowe, Ian Wood, Dr. Naimul Khan, Bo Ruzycky, Ted Biggs

Links

About

Unlimited Therapeutics works at the intersection of entertainment, health and advanced technology. They have applied years of expertise to creating ‘serious’ games for youth; games that offer proven therapeutic benefits, reduce anxiety, and assist in children’s diverse learning styles.

The Problem

Unlimited Therapeutics lacked a platform for their serious games, which impeded potential partnerships with hospitals and fell short of industry standards.

The Goal

Partner with the National Research Council (NRC) to develop a digital therapeutic platform for clinicians and hospitals to use as a centralized database and management system that houses their serious games- while being mindful of other users roles and involvement (e.g., clinicians, parent, child, UNLTD)

The Process

01 Understanding the User

User Research Summary

Determining the company's objective and understanding what each user requires during these sessions are critical for guiding the design process.

Pain Points

User Stories

Experience Journey

Shows each users end to end journey and experience of a therapeutic session. Great for documenting the customer's experience and designing for multi-channel user experiences.

Objectives

Competitive Analysis

An analysis of common EHR platforms utilized by clinicians helped inform the integration of interactions, flows, and UI designs familiar to clinicians, facilitating an intuitive user experience. Another analysis of digital therapeutic competitors provided direction on gaps and opportunities to address with the platform.

02 Starting the Design

User Flow

Low technology knowledge was a primary pain point for clinicians, so I created a simple and intuitive sitemap that clinicians would understand from using previous EHR platforms. My goal here was to make strategic information architecture decisions that would improve overall navigation.

Close up of user flow
High level user flow with serious game flow

Low-fidelity Digital Wireframes

Next I created low-fidelity digital wireframes, keeping the user's pain points and familiar UX/UI patterns (from using EHR) in mind.

03 Refining the Design

Mockups

Moving from low-fidelity to high made it easy to understand how the redesign could help address user pain points and improve the user experience. Prioritizing visual elements like iconography and colour was a key part of my strategy.

High-fidelity Prototype

Accessibility

Vision: I used headings with different sized text for clear visual hierarchy and kept the smallest text no less than 16pt.

Colour: I used high contrast rates for the colors using WebAim's contrast checker to make sure I'm meeting the proper ratio.

Clarity: I used clear labels and actions in the interface so users understand what happens after an action is taken; "Dont make me think!"

04 Going Forward

Impact

As we entered the development phase, my peers applauded the modern platform that was intuitive to navigate through and enhanced distribution channels for their digital therapies. I emphasized the importance of considering all users' journeys from start to finish, underscoring its importance in meeting industry standards and ensuring the success of therapeutic sessions.

I also did their branding, check it out here (at my playground)!

What I Learned

Understanding the orientation around the entire business as opposed to just the customer interface is key to a great product. As a designer, my role is to see the whole picture and collaborate with specialists and generalists to find creative solutions.

Each page, every interaction has a purpose. Understanding that purpose and knowing if your design choice is the most effective can only be decided through robust user testing and research.

I've also learned that design decisions are heavily influenced by factors like scope, funding, and objectives. Initially, we considered adding extra features (calendar, scheduling, telehealth, etc) but we realized these would complicate the MVP list unnecessarily and might duplicate existing functionalities and hospital protocols in place.

Made in Webflow