top of page

ApplyGrad

Improving usability and efficiency of a Graduate Admissions web portal that increased users’ productivity, ease of use, and satisfaction.

Title Cover.png

Overview

About

ApplyGrad is a graduate admission management software that allows CMU's School of Computer Science programs to assess and recruit top talented students each year.

In this six-week design consulting project, I improved the information architecture and visual design of the platform to improve usability, efficiency, and ease of use so that administrators can work more effectively and focus on key data that matters for quality admissions.

Duration

6 weeks
(April 2020 - May 2020)

Tools

Figma, Mural, Sheets, 
Zoom Video

Role

Interaction Design
UI Design
User Research

Team Members

Tommy Byler, Brandon Fiskel, Bidisha Roy, 
Amrita Sakhrani

Overview

Problem

For nine long months, administrators have to spend an excessive number of hours - digging, organizing, and reflecting on information through key stages of admissions via the currently designed platform.

The current ApplyGrad platform provides an overwhelming experience for administrators, making their year-long process of admissions time-taking and extremely tedious.

home+screen+old.png

Design Process

We started with research to understand the problem space, followed by modeling and sketching to generate useful ideas and then testing them to evaluate their effectiveness. Throughout the process, we took feedback from the clients (ApplyGrad developers).  I led the interaction design of the new screens along with designing research plans and creating a visual guide.

Frame 1.png

Research

We used 3 research methods to understand the users and their pain points, identifying where the platform fails them the most. The deep analysis showed us points of opportunities that can best improve the experience and efficiency of using ApplyGrad.

undraw_Work_time_re_hdyv.png

Contextual Inquiry

What we did: Spend key hours with administrators observing their workflow and process of admissions.

Why: Understand and identify user behavior throughout the workflow, highlighting key points of frustration and trouble.

undraw_customer_survey_f9ur.png

Heuristic Evaluation

What we did: Evaluated the platform using Neilson Norman's Usability  Heuristics.

Why: Identify key issues with the platform design and how it relates to user frustration and problems.

undraw_Work_time_re_.png

Card Sorting

What we did: Conducted the activity with administrators to understand their priorities for managing admits.

Why: Identify key information that the user needs the most and understand the impact of that information on the users.

Key Findings

Frame 6.png

Requiring tremendous cognitive effort to assess information & take action

Frame 7.png

Feeling overwhelmed while dealing with a sea of irrelevant information

Frame 8.png

Unable to establish trust in the system due to poor feedback & inefficient workflows

Frame 9.png

Establishing workarounds 
to adapt to the system constraints

Frame 10.png

Relying on external spreadsheets to supplement the system's shortcomings

Frame 11.png

Lack of support for core user need of progress tracking & decision making

"I have to brace myself in the morning just to open this platform because I know it's going to take up so much of my time and I have so much to do, today."

- CMU MHCI Program Administrator on how they feel about ApplyGrad

Card Sorting Sequence.png

Administrators have a sequential workflow through the admissions process - application, planning, evaluation, and admissions, focusing on one stage at a time

Card Sorting Needs.png

To prioritize showing information that is most essential to users, we learned that users most wanted key data stats, at each stage, that helps them visualize progress

Research

Design

Identifying high-impact opportunities

Using a prioritization matrix, our team assessed which themes were the most important to solve based on the research we conducted. Here are some of the opportunities we identified:

AG1.JPG
AG1.1.JPG
AG1.2.JPG
AG1.3.JPG
AG1.5.JPG
AG1.6.JPG
AG1.7.JPG
AG1.8.JPG
AG1.4.JPG
  • Increase efficiency through goal-oriented flows.

  • Give users what they need the most - relevant data!

  • Provide quick actions for simple tasks.

  • Improve visual design for efficient scanning.

  • Help users visualize progress at each stage.

  • Prevent errors at crucial points of the flow such as inputting multiple admission status data.

Sketching ideas to identify new formats that best support users' goals at each stage.

Nav Bar & Planning Module.png
Evaluation Home - B.png
MacBook Pro - 1.png

Testing

We conducted A/B Testing with the users to understand which features and formats best help them attain their goals and allow them to increase the efficiency and effectiveness of the admissions process.

Evaluation A B.png
Application A B.png

Key Findings

  • Users most appreciated seeing snapshots of data right at the front for each stage of admission. It helped them quickly assess their progress and report crucial numbers faster.

  • The sequential flow of navigation supported their workflow and helped them focus on key tasks per stage of the process.

  • Users found the visual improvements to be very effective and modern, completely elevating the stress of finding crucial information.

Design

Solution

We created a modern-looking and user-focused dashboard experience for administrators by redesigning the information architecture, user flow, and visual design of ApplyGrad.

A new home page that provides a quick overview of the admission process through the year. Administrators no longer need to dig and organize this crucial information to reflect from time to time in the admissions cycle.

Home Screen Final.png

Supporting the sequential workflow and breaking it into key screens.
Navigating between the important screens removed the confusion caused by the original overwhelming layout.

Frame 12.png

Clean visuals with clear hierarchies and groupings reduced users' cognitive load and allows for faster turnaround with tasks.

Evaluation Final (1).png

“Data-Driven Stats” and “Quick View Lists” across phases help, visualize progress, prevent errors, and plan the next steps faster. Persistent feedback allowed users to be reassured that their data is accurate and up-to-date.

Admissions - Final.png
Applications Final.png
Solution

Results

Overall values for users

Frame 4.png

Direct support for sequential workflow and meeting expectations

undraw_dev_productivity_umsq.png

Increase in efficiency and productivity

undraw_feeling_happy_jymo.png

A useful system that administrators want to use!

Results
bottom of page