Co-Cog

Overview

We teamed up with a research consortium to make a more accessible and engaging app for those living with early stage dementia. The app we developed would serve as a tool to monitor the cognitive state and well-being of individuals, allowing the NHS to track changes and schedule appointments if needed.

Technologies

Research

Health & Wellbeing

Android

iOS

Unity

PHP

Case Study

The Objective

Our team collaborated with researchers from the Universities of Kent, Surrey and Sussex (KSS) and medical professionals from the NHS to design and develop an app to monitor the state of individuals living with dementia. The results generate a traffic-light score, which healthcare workers can use to track if the user shows signs of deterioration between sessions. Prior to this solution, the lack of time/resources for the NHS to conduct in-person appointments meant there was no support.

 

Given the target demographic, accessibility was at the forefront of the design, but equally we wanted to accomplish this without the application coming across as condescending or patronising to the users.

 

We also explored ways to gamify the app – creating a more engaging user experience by providing a reward for completion. This was aimed at encouraging users to complete the questionnaire and return to it regularly.

Co-design

The first milestone focused on designing the application. This was done in conjunction with both researchers, doctors who specialise in dementia and people living with dementia and their carers. It covered everything from target platform, detailed timings of mini-games and the UI and UX.

 

We made demos testing the feasibility of a web based app compared to native mobile; weighing the pros and cons of having text input – and the complications that introduces with mobile screen readers; whether to have next buttons; etc.

We created UI/UX mock-ups in Figma, allowing us to visualise how the app would play out and look, as well as comparing colour schemes and aesthetics. Finally we decided on the technology stack we wanted to use for each part of the project.

Basic layout of text and buttons
UI and theming

Early Development

During the early stages of development, our team worked closely with researchers and testers to focus on the core mechanics and UI. This allowed us to iterate over several milestones, and we were able to test an array of design choices and refine features like the minigames.

We implemented a custom screen reader, and banner images to go alongside the researchers questions to help illustrate to the user what the question is asking and help users understand the content on the screen.

Illustrations

These banner images had the task of illustrating the questions in such a way that it would improve or aid in someone’s understanding of what the question is asking them.

They became a large focal point when designing the questionnaire, and in the end product they formed a key aspect of the app’s look and feel, serving both practicality and visual aesthetic.

 

To design the banner images, we worked alongside a talented illustrator, initially making sketches and mockups, and iterating upon ideas before finally creating finished vector illustrations which were added to the app.

Late Development

During the second half of the project, our team focused on capturing and utilizing the data that the app collected. This included a backend that collects user responses. This then generates a rating, providing an easy way to determine whether or not a user has deteriorated since the last time they filled out the questionnaire.

 

At this stage we also made final adjustments to the apps content, such as questions and info pages before the app was passed on to testers for an extended period in which the apps efficacy would be evaluated with people living with dementia and their carers.

Testimonial