CCTST - Redesigning a Translational Research Portal

 

Goal

Redesign portal to meet needs of all stakeholders interested in translational research.

Background

The Center for Clinical and Translational Science and Training (CCTST) is a multi-organization (UC and CCHMC) portal aiming to provide resources for researchers and staff to accelerate research and development.

 

CCHMC Research & Development Team

Peter White, PhD , Project Lead Varsha Diwale, Development, Rachael Shepler, Communication Specialist, Adriana Navarro UX Design and Research.

Timeline January - July 2019

 

 

Discovery

The first task was to map the existing CCTST portal to and conduct a heuristic analysis to identify areas of opportunity for improvement.

 
Screen Shot 2021-02-19 at 11.37.00 PM.png
 

Identify

Who are we designing for?

We conducted expert interviews with 12 people who had contributed/worked on the portal for the past few years. Four personas emerged from this research.

 
 
Screen Shot 2021-02-19 at 11.40.39 PM.png
Screen Shot 2021-02-19 at 11.41.27 PM.png
Screen Shot 2021-02-19 at 11.40.45 PM.png
Screen Shot 2021-02-19 at 11.41.10 PM.png
 
 

Card Sorting

Although the content stakeholders were interested in was available in the website, they were not able to find it due to labeling, navigation and usability issues. To learn about users’ mental models, we conducted a card sorting activity with 13 users representing all four personas.

 
 
Screen+Shot+2021-02-19+at+11.43.14+PM.jpg
 
 

Results

We compiled the findings from the card sorting and interviews and translated them into research artifacts to guide design and development.

 
CCTST structure mindmap-01.png
Screen Shot 2021-02-19 at 11.41.59 PM.png
Screen Shot 2021-02-19 at 11.41.38 PM.png
Screen Shot 2021-02-19 at 11.41.53 PM.png
Screen Shot 2021-02-19 at 11.42.07 PM.png

Wireframing

Employing a user-centered approach, we worked started designing the user interface for the new portal.

Screen Shot 2021-02-22 at 10.19.42 AM.png
 
Screen Shot 2021-02-22 at 10.20.43 AM.png
Screen Shot 2021-02-22 at 10.20.36 AM.png
 
 

Design Refinement

Refined wireframes and designed a fully-fledged interface. To see the live site, click here.

 
 
Screen Shot 2021-02-22 at 8.27.17 AM.png