UI_UX

The Permanente Journal

OVERVIEW

Mobile website CME (Continuing Medical Education) certification for physicians. Each certification requires reading of articles and taking quizzes. Upon successful completion an email certificate is sent to the physician.

MY ROLE

UI Design
Brainstorming
Sitemaps
Wireframes
User Flows
QA Testing
Design QA
Client Communication

THE CHALLENGE

The current website required manual tabulation of scores and issuance of completion certificates. The goals for the new system were:

  • Convert to mobile website so physicians can access via their phones
  • Fully automated quiz scoring
  • Automatically send certificates upon successful completion

THE PROCESS

SITEMAPS

We did a thorough review of the old system to figure out the best way to make it mobile only. I created a sitemap for the user side to show all the screens and show how they relate to each other. A second sitemap for the administration to manage the content and quizzes.

Admin

User

USER WIREFRAMES

With the sitemaps approved, I moved on to the wireframes. This is were I started to fine tune the screen structure and navigation.

FLOW CHART

With the final screen mockups for the user side, I put together a flow chart to verify we had all the screens needed.

ADMIN WIREFRAMES

To create automated tabulation of scores, I created mockups for a simple admin system where the client can manage the content and quizzes. Due to budget considerations, I created high fidelity wireframes ready for development.

SCORING & CERTIFICATE

We created a system to score each quiz. Once all quizzes are completed, the final tabulation determines if it’s a pass or fail. A pass score, allows the user to send the certificate to their email.

Certificate Sample

RESULTS

The Permanente Journal officially launched the new mobile website in 2015. As of today, the system is still in use. The organization’s CME certification process has been successfully automated.

www.tpjcme.org/login