top of page

CME TRAINING

Project: Mifepristone online training: 

Counsel and prescribe mifepristone for early abortion or miscarriage management.

This CME-accredited, video-based training tool is designed to evaluate patients prior to provision of mifepristone, effectively counsel patients, and discuss criteria to determine the need for additional clinical services after use.

 

My role: Design the end-to-end user experience. 

Create a web/mobile app used as a training guide with the format:

           

        SEE? (previously produced 3-part video on patient consult/prescribing)

            DO! (practice Q/A on video content) and

            TEACH! (interactive quiz) training guide.

 

The timeline for the project was tight, as the demand for training increased in 2019.

MifeMobile.png

Creating a wireframe: Designing a user-driven experience. 

Despite the linear content, the users needed to be able to skip around the site, accessing information between sections and during the Q & A. The developers and I together designed a 1-2-3-ordered format that included a navigation providing ongoing access to all sections simultaneously. Most users are clinicians pressed for time, completing the training via mobile over a course of days/weeks, making it necessary to have stop/start capabilities and intuitive, quick access to answers.

Mife_map.png

Look and feel: 3 options in setting the tone of delivery.

Option 1: Posterization of video stills represent each section which interact with moving video, making the SEE videos the visual anchor throughout the site.

Mife_comps1_revise2_Page_1.png
IconDev-1.png

Option 2: Main nav is a graphic tree, which branches and "grows" as the user moves from section to section, tracking what sections have been covered.

Mife_comps1_revise2_Page_2.png
IconDev-2.png

Option 3: Linear 1-2-3 layout with locator nav on every screen. This was the winning approach, and tested best due to its ease of use and simple, linear layout. 

Mife_comps2_Page_1.png
IconDev-3.png
IconDev.png

Icon design: We wanted to keep the button-like style of the icons, so I explored both illustrated and symbolic (character) solutions.

Testing results: a pictorial 

illustration with a simplified, flat background

was the preferred choice.

MifeMobile.png
bottom of page