Client: American Society of Clinical Oncology (ASCO)
Role: UX Designer
Company: Thoughtworks
Overview
In June 2023, ASCO launched the ASCO Content Experience (ACE) in collaboration with a Thoughtworks-led co-sourced delivery team. ACE, a content search tool, empowers over 45,000 oncologists to discover ASCO Meeting content, journal articles, and specialized cancer care guidelines. This platform significantly reduces research time while enhancing the quality of care through its focused, noise-free approach to finding cutting-edge research.
My contributions involved transitioning the product from inception to the design of comprehensive feature flows. This encompassed crafting elements such as the explore page, bookmarking functionality, and a novel design system, all within the framework of an agile development cycle for the MVP.
Research
Discovery during moderated user interviews and concept validation revealed and identified some pain points and user jobs to be done for ASCO users that we address in the new ACE website.
1. Ability to find and save specific pieces of content
2. Ability to view curated content and customize to their desired level of personalization
3. Ability to consume relevant information quickly
4. Ability to explore recent news and novel developments beyond their area of focus
5. Ability to search and discover content from past meetings
Design and Development
Explore Feature User Story
As a user who has just logged in, I want to explore a comprehensive and personalized landing page so that I can understand what ACE is and begin my content navigating and consuming journey.
Concept and WireFrames
High Fidelity Explore Page Designs
Bookmark Feature User Story
As a user I want to be able to bookmark and view my saved content in ACE so that I can keep track of the content I saved to read later.
Concept and WireFrames
High Fidelity Bookmark Feature
Design System Style Guide
Part of this project was our vision to create a shared guide and definitive source of truth for design and coding patterns, accessibility standards, and documentation. One of the biggest challenges was including ASCO primary ASCO primary branding while accommodating the client team's UI component standard in Angular.
By creating a firm process, fostering collaboration and promoting best practices we were able to overcome these challenges and guide the complete end-to-end product journey.
Process
Meeting with team members across development, product and multiple design teams to review each piece of the style guide and component library slowly building upon provided foundation to reach a standard reusable library.
The Style Guide consisted of:
-Accessibility guidelines
-Branding (colors, typography (Web & Mobile, Logos)
-Spacing guidelines
-breakpoints
-Layout grids
-Icon pack
-Component library
