Final
solution

Jump to final solution

UX Design UX Research Interaction Design Prototyping

UX Design UX Research Interaction Design Prototyping

UX Design UX Research Interaction Design Prototyping

Reducing Errors with a Smarter, Friendlier Admissions Application

Reducing Errors with a Smarter, Friendlier Admissions Application

Reducing Errors with a Smarter, Friendlier Admissions Application

Role

UX Designer, Project Manager, UX Researcher

Context

Masters in HCI Capstone Project

Timeline

April - September 2023

Team

6 Masters in HCI students

Tech stack

Figma, Figjam, Qualtrics, Maze, Dovetail

Problem

Prospective students and their parents frequently made errors on the online application form to Orange County School of the Arts (OCSA) due to unclear instructions and critical information buried in external PDFs.

Users described the entire admissions process as stressful and time-consuming, with 60% needing to contact OCSA for help during the 2022-2023 application cycle.

Before

Solution

  • Transformed a complex form into a Wizard experience customized to each user.

  • Increased information delivery while maintaining simplicity.

  • Improved visual and content design to be more friendly and accessible.

After

Final outcomes

83% of users

83% of users

83% of users

reported it was “very easy” to submit art samples in our prototoype

reported it was “very easy” to submit art samples in our prototoype

reported it was “very easy” to submit art samples in our prototoype

92% of users

92% of users

92% of users

agreed that our prototype provided greater clarity regarding application status and next steps than the old application

agreed that our prototype provided greater clarity regarding application status and next steps than the old application

agreed that our prototype provided greater clarity regarding application status and next steps than the old application

100% of users

100% of users

100% of users

described both the confirmation pop up messages and the audition reminder feature as “nice to have” or “must have” features

described both the confirmation pop up messages and the audition reminder feature as “nice to have” or “must have” features

described both the confirmation pop up messages and the audition reminder feature as “nice to have” or “must have” features

Business impact

Orange County School of the Arts (OCSA), is a charter school for 7th-12th graders that provides a world class arts education.

Over 60% of applicants contacted OCSA via email or phone for help with the online application in 2022. Reducing this number would streamline operations, allowing staff to focus on strategic priorities.

The users: different types of applicants

  • Parents of middle school and highschool aged children

  • Parents who are very invested in their child’s overall development and success in the arts

  • Hghschool aged children who complete the application mostly independently

  • Parents and children who team up to complete the application

My contributions and process

Design

UX Research

Project Management

Design

UX Research

Project Management

Design

UX Research

Project Management

Design

UX Research

Project Management

Design

UX Research

Project Management

Learn more about my design process below ⬇️

01 - Research

01 - Research

Word cloud of reported user emotions during application process — 10 Users Interviewed, 165 Surveyed

Word cloud of reported user emotions during application process — 10 Users Interviewed, 165 Surveyed

User research methods

OCSA stakeholders connected us with parents of about 200 current students. We created a survey on Qualtrics that got 165 responses, then conducted 10 user interviews as well as heuristic evaluation and competitive analysis. We uncovered the following key insights about OCSA’s admissions process.

Research insights

🧐

Critical application requirements buried in external PDFs

Critical application requirements buried in external PDFs

Critical application requirements buried in external PDFs

Critical application requirements buried in external PDFs

😰

Users felt unsure if they successfully submitted materials

Users felt unsure if they successfully submitted materials

Users felt unsure if they successfully submitted materials

Users felt unsure if they successfully submitted materials

📞

60% of applicants needed to contact OCSA for help

60% of applicants needed to contact OCSA for help

60% of applicants needed to contact OCSA for help

60% of applicants needed to contact OCSA for help

60% of applicants needed to contact OCSA for help

Application screen showing temporary links to important application requirements and guidelines, on the unrelated Personal Statements section of the application.

Application screen showing temporary links to critical application requirements and guidelines, on the unrelated Personal Statements section of the application.

Two user personas due to poor information delivery

The prepared, but stressed user

The prepared, but stressed user

The prepared, but stressed user

“It was a very cumbersome application..you have to go to the different rubrics and figure out all the requirements of what you need.

“It was a very cumbersome application..you have to go to the different rubrics and figure out all the requirements of what you need.

“It was a very cumbersome application..you have to go to the different rubrics and figure out all the requirements of what you need.

It took quite a bit of copy and pasting on my own to gather all the information in one place.”

It took quite a bit of copy and pasting on my own to gather all the information in one place.”

It took quite a bit of copy and pasting on my own to gather all the information in one place.”

-User interview quote

-User interview quote

-User interview quote

The confused and error-prone user

The confused and error-prone user

The confused and error-prone user

“I didn’t realize you have to upload [each art sample] individually. I thought to just upload all of them to one file.

“I didn’t realize you have to upload [each art sample] individually. I thought to just upload all of them to one file.

“I didn’t realize you have to upload [each art sample] individually. I thought to just upload all of them to one file.

I made a mistake of doing that, and because of that we had to create a whole new application.”

I made a mistake of doing that, and because of that we had to create a whole new application.”

I made a mistake of doing that, and because of that we had to create a whole new application.”

-User interview quote

-User interview quote

-User interview quote

02 - Design

02 - Design

Ideation: "Wizard" design requirements to make important info easy to find

Knowing that users would only be interacting with this form once a year at most, we focused on lowering the cognitive load as much as possible. This led us to the idea of making the form resemble a Wizard, or guided walkthrough, which would have the following design requirements:

Dynamic, personalized flow

Dynamic, personalized flow

Continuously adapt tasks and instructions based on user selections to reduce overwhelm.

Important information in digestible chunks

Important information in digestible chunks

Inform the user by explaining each application requirement, when relevant, directly in the application interface.

Constant visibility of
system status

Constant visibility of system status

Constant visibility of system status

Constant visibility of system status

Implement descriptive breadcrumbs and confirmation messages so that users can see where they are in the process.

Screenshots of H&R Block for competitive analysis

First iteration: my individual approach to "submitting art samples" flow

Each designer in our group was tasked with creating a low to mid fidelity first iteration of the redesign, integrating each of the design requirements above. I focused on the user flow of submitting art samples.

Before—Submitting a Visual Arts sample

After—Submitting a Visual Arts sample

Stepper with labels lets the user see which sections of the application are complete, which section is currently in progress, and which are remaining to complete.

Detailed breakdown of all required steps in the current section. Brightly colored OCSA logo appears to the right of whatever task the user is currently working on.

The submission requirements and guidelines are explained in the application at the relevant time, ensuring all applicants have access to critical information.

The application prompts the user to self-identify which category their sample falls into, to help ensure compliance with application requirements and easing the workload of the application reviewer at OCSA.

Next iteration: Changing the design to meet stakeholder constraints and team input

📅 Schedule audition in the application → ✉️ Set email/text reminders to schedule later

OCSA stakeholders said that in-app audition scheduling wasn’t feasible during the application process due to strict timelines. We adapted by replacing the audition scheduling with email or text reminders for when staff would be ready.

Before—Acting audition scheduler

After—Reminder to schedule acting audition

🔄 Require individual file uploads → 📂 Upload multiple files at once

My team challenged my idea of separating each required art sample into separate pages because they felt that it required too much clicking and would slow down the user to a point of frustration.

Before—Upload one file at a time

After—Upload all the required files for each discipline on same page

03 - Final solution and testing results

03 - Final solution and testing results

Key wins from testing prototype with current OCSA parents

  1. 100% of testers liked the "set reminder to schedule audition" feature ✅

  1. 83% of testers found the details sidebar and the circle stepper useful ✅

"Lets me know the steps through out the whole process. So, I will know what will happen next."

"Lets me know the steps through out the whole process. So, I will know what will happen next."

"Lets me know the steps through out the whole process. So, I will know what will happen next."

  1. 100% of testers appreciated the modal that confirmed files were successfully submitted ✅

"Some good new features, helpful to feel that the application was completed correctly"

"Some good new features, helpful to feel that the application was completed correctly"

"Some good new features, helpful to feel that the application was completed correctly"

"Some good new features, helpful to feel that the application was completed correctly"

  1. 83% of testers said submitting art samples was “very easy” ✅

"I like this much better as it allows the applicant to know that the files will need to be submitted separately and also allow easier upload."

"I like this much better as it allows the applicant to know that the files will need to be submitted separately and also allow easier upload."

"I like this much better as it allows the applicant to know that the files will need to be submitted separately and also allow easier upload."

"I like this much better as it allows the applicant to know that the files will need to be submitted separately and also allow easier upload."

Opportunities for improvement from testing

⚠️ Incomplete prototyping caused some confusion when submitting art samples

Some dropdown options were not clickable in the prototype, leading to confusion for one tester.

“I think it would have been easier, but I didn’t realize you wanted us to submit specific samples.”

“I think it would have been easier, but I didn’t realize you wanted us to submit specific samples.”

“I think it would have been easier, but I didn’t realize you wanted us to submit specific samples.”

“I think it would have been easier, but I didn’t realize you wanted us to submit specific samples.”

⚠️ Unclear naming of the "Acknowledgment" section

The use of the term "Acknowledgment" as a section heading in the left info bar did not clearly communicate what the section would entail and how the tasks in that section are related.

“The 'Acknowledgment' portion seems a little confusing in regards to Admission Lottery and Custody and Parent.”

“The 'Acknowledgment' portion seems a little confusing in regards to Admission Lottery and Custody and Parent.”

“The 'Acknowledgment' portion seems a little confusing in regards to Admission Lottery and Custody and Parent.”

“The 'Acknowledgment' portion seems a little confusing in regards to Admission Lottery and Custody and Parent.”

Final thoughts

The final design not only improved usability, but also, if shipped, would reduce administrative burden, allowing staff to focus on higher-impact tasks. This project taught me the value of balancing user needs with institutional constraints and demands, and showed how thoughtful UX design can create meaningful change.

"The more visually appealing and helpful, the more clear the instructions, the more available help options, and the more pop-up screens advising whether things were done correctly or incorrectly and providing support or encouragement, the better.

"The more visually appealing and helpful, the more clear the instructions, the more available help options, and the more pop-up screens advising whether things were done correctly or incorrectly and providing support or encouragement, the better.

"The more visually appealing and helpful, the more clear the instructions, the more available help options, and the more pop-up screens advising whether things were done correctly or incorrectly and providing support or encouragement, the better.

"The more visually appealing and helpful, the more clear the instructions, the more available help options, and the more pop-up screens advising whether things were done correctly or incorrectly and providing support or encouragement, the better.

The application process is hard and stressful enough—navigating the interface should be the least of the concerns for families. So glad you are taking the time to reassess and improve this—kudos!”

The application process is hard and stressful enough—navigating the interface should be the least of the concerns for families. So glad you are taking the time to reassess and improve this—kudos!”

The application process is hard and stressful enough—navigating the interface should be the least of the concerns for families. So glad you are taking the time to reassess and improve this—kudos!”

-User testing quote

-User testing quote

-User testing quote

If I could go back, I would…

  • Make all prototypes more comprehensive, so that users are not forced into a very specific order of clicks, to reduce tester confusion and clarify test results.

  • Establish a KPI or metric early on in the project to place greater emphasis on how the redesigned application can serve business goals

  • Because we only had access to the original OCSA application for a couple of days at the beginning of the project, I should have done a screen recording going through the application rather than only taking screenshots for future reference.

"I worked with Lexy as a teammate on the MHCID Capstone Project and have to say that I was impressed by her from the get-go. She is easy to work with, sharp, kind, and brings a unique and insightful perspective to everything she touches, from design to strategy and beyond. She is a quick learner and goes deep in her thinking to provide the best solutions to design problems she encounters. I always highly valued her contributions and know she will be an asset to any team she is a part of!"

Aileen Liu

Colleague at UC Irvine's MHCID program

"I worked with Lexy as a teammate on the MHCID Capstone Project and have to say that I was impressed by her from the get-go. She is easy to work with, sharp, kind, and brings a unique and insightful perspective to everything she touches, from design to strategy and beyond. She is a quick learner and goes deep in her thinking to provide the best solutions to design problems she encounters. I always highly valued her contributions and know she will be an asset to any team she is a part of!"

Aileen Liu

Colleague at UC Irvine's MHCID program

"I worked with Lexy as a teammate on the MHCID Capstone Project and have to say that I was impressed by her from the get-go. She is easy to work with, sharp, kind, and brings a unique and insightful perspective to everything she touches, from design to strategy and beyond. She is a quick learner and goes deep in her thinking to provide the best solutions to design problems she encounters. I always highly valued her contributions and know she will be an asset to any team she is a part of!"

Aileen Liu

Colleague at UC Irvine's MHCID program

"I worked with Lexy as a teammate on the MHCID Capstone Project and have to say that I was impressed by her from the get-go. She is easy to work with, sharp, kind, and brings a unique and insightful perspective to everything she touches, from design to strategy and beyond. She is a quick learner and goes deep in her thinking to provide the best solutions to design problems she encounters. I always highly valued her contributions and know she will be an asset to any team she is a part of!"

Aileen Liu

Colleague at UC Irvine's MHCID program

"I worked with Lexy as a teammate on the MHCID Capstone Project and have to say that I was impressed by her from the get-go. She is easy to work with, sharp, kind, and brings a unique and insightful perspective to everything she touches, from design to strategy and beyond. She is a quick learner and goes deep in her thinking to provide the best solutions to design problems she encounters. I always highly valued her contributions and know she will be an asset to any team she is a part of!"

Aileen Liu

Colleague at UC Irvine's MHCID program