top of page

OSU Jameson Crane Institute of Sport Medicine

Surgery - A Patient Guide 

I designed this project with the learner experience in mind. This module provides information to the general public on surgery preparation, procedures, and expectations. It is geared toward both patients and caregivers.

Audience: People in the general public that are scheduled for surgery. 
 

Responsibilities: eLearning development, graphic design, mockups, audio narration, closed caption transcription.
 

Tools Used: Articulate Rise, Storyline 360, Vyond, Premier Pro, Adobe XD, Adobe Illustrator, Audacity

My Process

I drew on the human centered design experience approach to develop this module. After thorough analysis, I developed this experience to inform the general public on the aspects of surgery in relation to their own preparation, experience and recovery. Reformatting the delivery of information after an analysis of the materials provided to patients, I structured the module true to the patient experience based on a timeline. Preparing for Surgery was formated in a Pre-surgery, Day-of Surgery, and Post Surgery.

Action Map

I worked with a Subject Matter Expert (SME) to develop an action map and define the overall goal. I guided the expert to identify actions that patient and caregivers would go through as they prepare for surgery.

Screenshot 2023-02-20 222227.png

Detailed Outline - Actions

Then, the SME prioritized key actions that the patient and caregiver must perform to make the entire experience successful. The client approved the actions for the eLearning experience, and I moved forward to create an outline of the actions in relationship to the surgical phases

OSU PATIENT.png

Text-Based Storyboard

I created a text-based storyboard to chart the learner journey, plan content delivery and plan the design and feel of this module.

Screenshot 2023-02-20 124008.png

Visual Mockups

I designed visual mockups in Adobe XD prior to programming it in Articulate Storyline 360. Initially, I did not include a nurse character in my first design iteration. I shifted the design direction in my second design iteration and incorporated a nurse character to craft a more engaging user experience and the content to be approachable and more caring feel to the delivery.

Screenshot 2023-02-20 090708.png
Screen Shot 2023-02-12 at 3.09.12 PM.png

Patient Guide

I created a patient support guide which is distributed to patients when they go in for thier pre-surgery consultation. The feedback I recieved is that it really helped to patients with preparing for surgery by giving them this checklist they could refer to as needed

Screen Shot 2023-02-12 at 3.09.46 PM.png

Reflection

Visuals: The client allowed me to have creative freedom in how the project would look aesthetically. The client and I discussed incorporating Fire Me Up’s color scheme to keep within the brand. We also discussed certain aspects of the actual studio and how they could tie into the story visually. 

Articulate Storyline 360: I created moving pathways that largely relied on manipulating the timeline in this project. This project emphasized using conditions, cue points, and variables to make pause and resume movement throughout the experience. 

User Experience (UX):  User experience has always been an essential element in creating any tool and learning experience. Once all data is in, I would like to survey the learners for future improvements in their experience. 

User Experience (UX):  User experience has always been an essential element in creating any tool and learning experience. Once all data is in, I would like to survey the learners for future improvements in their experience. 

bottom of page