Clinical Summaries
redesign
Embedded Files
Introduction
Introduction
The product
The product
The Journal of Bone & Joint Surgery (JBJS) publishes Clinical Summaries, synopses of the current “State of the Science” for common orthopaedic conditions. The board of directors felt that these Summaries were very plain-looking and not user-friendly.
My role
My role
I served as the UX designer and product manager. I redesigned the product, conducted reviews with stakeholders and management, and directed development with our tech team.
Timeline
Timeline
April – December 2024
The Process
The Process
Before
Before
Problems to address
Problems to address
Text heavy
Very plain
It's not clear to users what the "blue dots" are
"Right rail" layout is not visually pleasing
"Clinical Summaries" does not clearly describe what product offers
Solutions
Solutions
In order to solve these problems, the redesigned Clinical Summary should have:
Superscript reference numbers rather than blue dots, which would pop open a reference on mouse hover
Hero images, and images throughout
New layout with tabs rather than a rail
New name for the product, to be determined by the Marketing team.
Digital Wireframes
Digital Wireframes
Desktop
Desktop
I sketched out a couple concepts. Here is the one that stakeholders liked the best.
Mobile
Mobile
Mockups
Mockups
Desktop
Desktop
I made interactive high-fidelity mockups in Figma. See here.
I later redid the title block info, to balance the layout better, and to add breadcrumbs for easier navigation through the parent pages.
The references and related content are separated out into separate tabs, where previously they were all on one page.
The "Related Images" were previously just a link to a search page, but here are a carousel.
After
After
Desktop
Desktop
There were various small tweaks, but here is the finished product. The name eventually chosen for the product, to launch alongside the redesign, was "JBJS Summaries."
We decided not to add hero images to existing Summaries, but to include them in new Summaries going forward.
Mobile
Mobile
Conclusion
Conclusion
Response
Response
The stakeholders were very pleased with the new design. The Marketing team especially thought it would make great promotional screenshots. Time and analytics data will tell if usage will increase.
Thoughts
Thoughts
This project was lengthy and time-consuming, but it was a pleasure to work on, and I feel an incredible sense of accomplishment now that it is finished. I hope to apply the JBJS Summaries design to JBJS's article eReader, which is also currently extremely plain, in a future project.
Page updated
Google Sites
Report abuse