CVS Health: Drug Details Screen

As UX lead, I was assigned the task of evaluating the current drug details screen and, through user testing, determine specific pain points and strengths in both the current experience and within the various designs that I created. Additionally, I conducted competitive analysis on two main competitors – Walgreens and Walmart – and determined that there was a lot of quick, easy wins for CVS that I could focus on in my design efforts.

That said, even with our Pharmacy Facelift updates in place (Pharmacy Facelift efforts ran concurrently with the Drug Details redesign), there was much to be done to make the drug details content a beneficial user experience. With my own evaluation and user testing “pointing the way”, from the original form of the Drug Details modal and the various iterations used in user testing, I implemented the following:

  • Provide a thumbnail lens into aspects of the drug where there was more content than could be housed in a “most important info only” screen/modal and provide links to see the full complement of content for such things as “Prescription History” and the drug in question’s page within CVS’s Drug Information Center.

  • Whether linked to from the drug name/dose/form on the Pharmacy landing page or from a “See more information” link on the same, the expectation from users is that they would be getting specific drug information (directions, interactions, side effects, et al.) and not prescription-focused information. This user feedback informed the decision to have “Drug Information” appear in the top position on the screen and for its accordion to be open upon load of the screen/modal.

  • Fulfilling a business requirement, include a “Call to Action” within “Prescription History”.

  • On both desktop and mobile, given that there was varied content and of a significant portion, make Drug Details a separate screen with minimal navigation and a means to return to the Pharmacy landing page rather than an overlay/lightbox modal.

Original Version of Drug Details (Modal)

Original Version of Drug Details (Modal)

 
Interim Version (for first user test, modal)

Interim Version (for first user test, modal)

 
Drug Details Modal (for second user test) - too much content for a modal, drug information does not appear on first load

Drug Details Modal (for second user test) - too much content for a modal, drug information does not appear on first load

Current Drug Information Center Experience - Multiple live versions of drug information, this version contains a lot of cognitive load and visual noise which goes against the grain of the stated needs by users - “Show me only the information concern…

Current Drug Information Center Experience - Multiple live versions of drug information, this version contains a lot of cognitive load and visual noise which goes against the grain of the stated needs by users - “Show me only the information concerning the drug in question and leave out the rest.”

 

Drug Details Screen Final wireframes - Desktop

Drug Details - Final Wireframe - Drug information

Drug Details - Final Wireframe - Drug information

 
Drug Details - Final Wireframe - Prescription History

Drug Details - Final Wireframe - Prescription History

Drug Details - Final Wireframe - Pharmacy services

Drug Details - Final Wireframe - Pharmacy services

 

Drug Details Screen Final Wireframes - Mobile Web

Drug Details - Final Wireframe - Drug information

Drug Details - Final Wireframe - Drug information

 
Drug Details - Final Wireframe - Prescription history

Drug Details - Final Wireframe - Prescription history

 
Drug Details - Final Wireframe - Pharmacy Services

Drug Details - Final Wireframe - Pharmacy Services