top of page

CASE STUDY 1 - "Nurse Ready" Educational App
by Touchstone Institute

Phone_poster_NurseReady-01.jpg

About

Internationally educated nurses (IENs) now have access to Nurse Ready, a self-assessment smartphone app that leverages artificial intelligence for diagnosis and customized feedback on communication competencies aligned to requirements of nursing certification and practice. This mobile app offers IENs an opportunity to reflect on their professional language and communication skills through authentic interactions and feedback. The self-assessment was developed with input from nursing professionals and IENs working in nursing and long-term care communities, as well as language assessment professionals. It adopts a human-centred design approach and empowers IENs with the communication skills to balance professional self-advocacy with a client-centred and empathetic approach.

The app was developed by Touchstone Institute, with funding from the Government of Canada’s Foreign Credentials Recognition Program.

MY ROLE:  UI/UX Designer (in collaboration with IT department, content writers, and curriculum management)

TOOLS: Figma, Adobe XD, Teams, Adobe Illustrator, Microsoft 365, Adobe Acrobat

User Research

A/B TESTING 

A

Splash Screen 1.png
Splash Screen 1.png
check_mark1-02.png

B

Splash Screen 1.jpg
check_mark1-01.png

All of the testers agreed that less is more, and the focus should be on the logo. At this point, we were still unsure about the name and the logo, and were exploring different options.

A

Task 1_Input 1a.png
check_mark1-02.png

B

Landing_Scenario1_4.jpg
check_mark1-01.png

Testers have decided that an avatar is less intimidating than an actual image of an angry visitor.

A

Login 1.png
check_mark1-02.png

B

Login 1.jpg
check_mark1-01.png

Testers preferred social media logins on a separate screen to make it less busy, and darker buttons for more contrast.

PROTO-PERSONA

Proto-Persona.jpg

• Our user research has shown that the potential app user was a bit older than we initially assumed.

• Testers did speak English, but wanted to have a better understanding of sounding competent and professional.

• Most testers enjoyed a clean look, a lot of contrast, and clear instructions.

USER PERSONA

User Persona.jpg

EMPATHY MAP

Empathy Map.jpg

MORE A/B TESTING 

A

About the App.jpg
check_mark1-02.png

B

AboutApp.jpg
check_mark1-01.png

Testers liked having more contrast, fewer colours, and an overall cleaner look on the About page.

Homepage.jpg

A

check_mark1-02.png
Homepage.jpg

B

check_mark1-01.png

Testers liked a lighter background and more available options on the Homepage.

A

Listen Multi Select Option 2.jpg
check_mark1-02.png

B

Listen and Select – 1.jpg
check_mark1-01.png

For the Task screens, testers preferred having more instructions on the same page, both verbal and visual.

Summary

• Most testers wanted to simplify things as much as possible.

​• They liked having lots of contrast, clear instructions, and not too many colours.

​• They wanted more visual hints, icons, and other simple imagery.

Other Logo Ideas

Logo_ideas-01.jpg

Design

USER FLOW

User_Flow_NurseReady-01.jpg

INITIAL WIREFRAMES

Welcome1_Figma.jpg
Homepage_Figma.jpg
LAS_Figma.jpg
PAR_Figma.jpg
PSR_Figma.jpg

FINAL WIREFRAMES

Welcome1_XD.jpg
Homepage_XD.jpg
LAS_XD.jpg
PAR_XD.jpg
PSR_XD.jpg

INITIAL VS. FINAL PROTOTYPE

Phone.jpg
NurseReady_Figma_prototype.gif
Phone.jpg
NurseReady_XD_prototype.gif
bottom of page