CREATING MEMORABLE LEARNING EXPERIENCE
A Location-based Maternal Health Care Toolkit designed for UCSF Benioff Children’s Hospital
OVERVIEW
Improving Nurses/Patients Experience with Location-based Toolkits
Funded by National Endowment for the Arts, this is a collaborative project aimed to improve user’s experience of maternal health care toolkits created by UCSF Benioff Children’s Hospital.
RESEARCH
Understand the User and the Problem by Site Visiting, Observation and Interview

Problem1: Complex hospital environment

Problem2: Complex procedure and different roles

Problem3: A vast amount of equipment
and hard to track
Nurses had a hard time:
- Digesting the information from the toolkits.
- Retrieving the exact information from the toolkits.
- Understanding the workflow of the toolkit.
- Getting the information during delivery.
Nurses want to:
- Absorb the information by gradual exposure and watching videos or someone doing the task.
- Retrieve information easily and quickly.
- Understand the workflow of toolkit.
WHAT IS THE CHALLENGE?
How to break down the overwhelmed information and provide quick and efficient access to instructions in complex environment?
SOLUTION DEVELOPMENT
Three Touch Points
At beginning, the project was aimed to help nurses create step-by-step video tutorials. The POV shots not only help clarify the information but also create an immersive experience for the users. I started to wondering about possibilities of utilizing the context and physical places to enhance the memorable experience.

1. Step-by-step POV video tutorials
Develop a guideline that helps hospital to translate the toolkit information to easy-to-understand video tutorials.
2. Video editor
A simple and intuitive tool that’s used to making tutorials into bit-sized video clips
3. What’s next?
Explore the possibilities of utilizing physical space for storytelling in order to create a memorable experience.
RESEARCH, BRAINSTORM AND STORYBOARDING
Find Opportunity and Explore Solutions
SCENARIO 1

SCENARIO 2

SCENARIO 3

PROPOSED DESIGN CONCEPT
🌎🤳 A Pokemon Go app for Maternity Care Learning?
A location-based app that translates the Maternal Health Care Toolkit to a approachable and memorable experience.
USER TESTING&INTERVIEW
Test and validate hypothesis quickly and efficiently
I conducted a user testing of which subjects are divided into two groups: group A was given a text document and group B was lead a story-based tour as they walked around in a physical site. I chose my apartment as the testing site because it’s relatively small scale(easy to conduct the test) and an unfamiliar environment to my subjects(minimize the bias).

Rob Group A

Kyuhee Group A

Heemin Group B

Shihan Group B
QUICK PROTOTYPING
To validate idea using low-tech methods
Group A was given a text document and group B was lead a story-based tour as they walked around in a physical site.
In this graph, the red footprints marked group B’s journey.


TAKEAWAYS
- People are more attached to location-based info than plain text.
- People become really into the details when the narratives fits the physical environment and that become a memorable moment.

Test result from group A: text in red brackets marks what a user from Group A remembered.

A detailed drawing by subject from group B who had an interactive experience and remembered the information much better.
SCENARIOS
The maternity care instructions are mapped out at given locations; and then nurses could access to context-specific information based on wherever they are. Several instructions could even be organized together as a trip that will help nurses better memorize and recall the information.

DEMO
In order to transform the concept into something tangible so the nurses could understand it better and give feedback accordingly, I created this quick prototype to demonstrate how the toolkit works.
UX/UI DESIGN
Designing the Learning Path Experience
Based on the scenarios, I started to design the UI/UX for the app. The app is the platform for the nurses to access to the video lessons. Video lessons are organized into Learning Paths. Nurses could enroll more than one Learning Path at the same time.
USER FLOW

WIREFRAMES


ITERATIVE DESIGNS


INTERACTIVE PROTOTYPES
HIGH FIDELITY PROTOTYPE
APP HOME
Learning path are displayed as cards.
LEARNING PATH
Video lessons are organized into Learning Paths and mapped out based on its physical location.
VIDEO LESSONS
Video lessons include step-by-step video tutorials.
OUR FINAL SOLUTIONS
Breaks down the instructions to bite-sized information
Helps in onboarding new staff efficiently
Serves as a self-directed guide
Standardizes the training process
HOW IT WORKS
User could enables location-based notification.
User will receive a notification when a Learning Path hotspot is nearby.
Scan the code to activate the video lesson.
User could also access to the learning paths and videos from the app directly.
The physical map provides alternative access that helps the nurses memorize the content with the help of spatial memory.
Next lesson will become available when the user completes a Video.
WHAT’S NEXT?
After prototyping, some specific design challenges were surfaced. What is interesting to me the most is the cross reference between both time and space. Right now, I focus on the following UX issues:
1. Improve the UX with location visit.
2. Design the user flow with SEARCH by location and by class.
ALTERNATIVE SOLUTION
VR-based Learning Environment
Speaking of immersive experience, virtual reality is a good media that could actually make the users inside it. While the VR set-ups are becoming increasingly capable, comfortable and affordable, I believe in the near future we can actually use VR application for better education and training purpose. The video below demonstrates a quick prototype I did with Sketch and Framer. So far I’m still pretty new and exploring Framer + VR, I found that designing for VR brings more challenges in interaction patterns, UI design.


TO BE CONTINUED
PHOTO SOURCE
http://www.ucsfmissionbayhospitals.org/women/
LEAD BY
Wendy Ju
SUPPORT FROM
Marichele, Jen and Audrey @UCSF Benioff Children’s Hospital
TEAMWORK WITH
Bo Peng, Caroline Crandall, Emily Scheffler-Jones and Li Lin.