The International Shopping List Test

SKILLS

User Research | UX / UI Design | Design Thinking | Design Sprints | Usability Testing

SOFTWARE

Omnigraffle | Sketch | Invision | Photoshop | Illustrator

My Role:

Lead UX Designer

My Responsibilities:

User Research
Design Sprint (facilitating)
Wireframes 
Prototyping
Usability Testing

Project Overview:

The Cogstate International Shopping List Test (ISLT) is a word list learning game used in Clinical Trials to measure if there is any cognitive decline over a period of time. This game (or “tests” as they are known internally,) is one of Cogstate’s core products.

I was tasked with researching and updating both the UX and UI for the International Shopping List Test for today’s audience.

The Challenge

LOREM IPSUM

What It was

The original ISLT app was not only under performing in clinical studies but it was also generating data errors due to the size of UI elements.

The existing UI consisted of a disjointed experience that didn’t match Cogstate’s voice or provided any contextual help to clinicians trained in using the app during a scheduled visit.

An elegant and modern interface that not only reduced the amount of data errors coming in from the field, but also gave the clinician more context in what stage they were in administering the game to the patient.

What I designed

The Cogstate International Shopping List Test (ISLT) is a word list learning game used in Clinical Trials to measure if there is any cognitive decline over a period of time.

The game itself consists of 3 - 4 rounds, with each round consisting of the same 12 nouns being read aloud. Then the user needs to recite as many of the 12 words as they possibly can back to the Clinician who is administering the game.

Both the reading and recalling of the 12 nouns is known as a round. There is a 15 minute break between each round with a final fourth round that takes place an hour later. The goal of the game is to measure episodic memory in global clinical trials with a standardization of administration and cultural appropriateness.

Research

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

[sitemap]

[primary user flow]

Prototyping

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Wireflow: Login and Landing with Sidenav

Wireflow: Start Game - Round 1 Read Phase

Wireflow: In-game - Round 1 Read Phase

Wireflow: In-game - Round 1 Recall Phase

Usability Testing

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Style Guide

The new ‘look and feel’ of the ISLT was met with immediate positive feedback during the usability testing phase with key clients and 30 test subjects.

I was additionally tasked with creating a style guide for all Cogstate applications based off of the new ISLT. I later expanded the style guide into a pattern library which has now grown into a Design System.