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.