Research Administration System

2019
Healthcare
UX ResearchUI DesignAccessibility
Research Administration System cover image

Context & Problem

Target Users

Medical faculty staff, administrators, and researchers

Goals

  • Redesign portal navigation for clarity and responsiveness
  • Ensure compliance with accessibility standards (WCAG)
  • Streamline research administration workflows
  • Support cross-device usage for desktop, tablet, and mobile

The medical faculty portal required a modernized interface with improved responsive navigation and accessibility support. The existing system was difficult to navigate on mobile devices and lacked compliance with accessibility standards, causing frustration for both staff and students.

Process

1

Conducted UX research with faculty staff and researchers

2

Mapped key workflows across research administration tasks

3

Created wireframes focusing on responsive layouts

4

Designed accessible UI components with high contrast and ARIA labels

5

Tested prototypes with users across devices

6

Refined based on usability testing and accessibility audits

Research Administration System process image 1
Research Administration System process image 2

Solution Overview

A responsive, accessible research administration portal featuring simplified navigation, clear content hierarchy, and mobile-friendly workflows. Accessibility-first design ensured all users, including those with assistive technologies, could interact with the system effectively.

Outcome & Learnings

Increased task completion rates by 35%, improved mobile usability scores by 50%, and passed accessibility compliance checks. Faculty staff reported smoother navigation and reduced time needed for administrative tasks.

Tools & Links

Tools Used

FigmaMiroAxe Accessibility ScannerGoogle Lighthouse

Project Links

Tags

WebHealth