Neurotrack

Monitoring cognitive health

Monitoring
cognitive health

Eye-tracking technology to promote brain health

cover_nt

Business goal

Create an app that combines cognitive tests with a health program based on the Finnish Geriatric Intervention Study to Prevent Cognitive Impairment and Disability (FINGER).

Company
Neurotrack

Role
Product Designer

Company
Neurotrack

Year
2019-2020

Platform
iOS
Android

Year
2019-2020

Platform
iOS
Android

Year
2019-2020

Research

Understanding cognitive health

Understanding cognitive health

Research, like the FINGER study, has shown that certain lifestyle habits, like exercise, sleep and stress, can affect cognitive health and performance. No existing medication or brain games have been proven to improve cognitive health.

Concept testing

Over the course of two months, we created, tested, and revised concepts every 2 weeks with people in the US and Japan. During testing we evaluated product concepts and learned about users lifestyle and behaviors.

Below: an example of a concept we tested

Over the course of two months, we created, tested, and revised concepts every 2 weeks with people in the US and Japan. During testing we evaluated product concepts and learned about users lifestyle and behaviors.

Key takeaways

  1. Personalization: users wanted the lifestyle habit building to be personalized and customizable
  2. Intepreting scores: users wanted detailed explanations of their results because they did not know how to interpret them and were discouraged when shown results that declined over time
  3. Onboarding: users wanted to know what to expect in the app and why they had to take cognitive tests and lifestyle surveys
  4. Clear test instructions: the cognitive test instructions confused users

Design

User flows

To start the design of the app, I created and presented user flows to visualize how a user would use the app. The product manager and I used the flows to discuss the features of the app with the engineering team.

flow post onboard

Wireframes

Next, I created wireframes for the screens and components. Based on our learnings, we decided to have 3 tabs:

  1. Plan: guide people on what to do next in the app
  2. Scores: show people their results and how to interpret them
  3. Checkup: list the available cognitive tests and lifestyle surveys
wireframes

Usability testing

I partnered with the UX Researcher to test a prototype I created and see how users felt about the user experience.

usability test

Key takeways

  1. Colors too bright: the colors we chose were not well received
  2. Too many distractions: users were confused and overwhelmed with what was on the Plan screen during the first step of onboarding
  3. Not sure what to do with results: users did not know what to do next after viewing their test scores

Revised designs

I updated the design based on what we learned from the test. I focused the revisions on:

  1. Toning down the colors, specifically any background color
  2. Showing less on the Plan screen during onboarding
  3. Providing more explanations, especially around the results

I updated the design based on user feedback. I focused the revisions on:

  1. Toning down the colors, specifically any background color
  2. Showing less on the Plan screen during onboarding
  3. Providing more explanations, especially around the results

Solution

Introduced app before registration

Provided quick, short introduction to the app and how it works. Also, during testing users did not trust the app because it did not include a logo and company name. To address this, we included both in the first screen.

intro ios
intro android

Guided people through getting started

We learned from testing that people wanted to know what to expect. To address this, I redesigned the onboarding to show how many steps it takes. Also, on the Plan screen we only showed the onboarding steps to reduce distractions.

Note that the fonts are different. To make the app feel more native we used the device fonts. We did not use the brand font (Rationale) to reduce the app size and because it was English only.

onboard

Grouped results

To make results easy to interpret we grouped them and included a short description. I also added links to an overview of cognitive and lifestyle scores. The overview explained the calculation, score range, and how to interpret each score.

scores ios
scores android

Created a design system

I created a design system that took elements from the company's branding. I wanted to provide consistency between the apps and marketing, like the website. For a company, it is important to maintain brand recognition in all touchpoints.

The engineers used the design system as the blueprint when developing the components. The product and engineering teams used it when referencing elements on a screen.

I created a design system that took elements from the company's branding. I wanted to provide consistency between the apps and marketing, like the website. For a company, it is important to maintain brand recognition in all touchpoints.

The engineers used the design system as the blueprint when developing the components. The product and engineering teams used it when referencing elements on a screen.

cards
typography
icons

Outcome

  • Released in January 2020 in Japan
  • The app is part of the dementia insurance offered by 2 Japanese insurance companies
  • Released in January 2020 in Japan
  • The app is part of the dementia insurance offered by 2 Japanese insurance companies

victor@iamvictorlin.com

LinkedIn_logo_initials