Designing a Unified Academic Enrollment Experience
Spotlight: Large University in Southern USA
LCCT, a large community college in Texas, had an outdated system that required students to navigate four or five separate platforms with unique login procedures, leading to a frustrating and time-consuming enrollment experience. As UX Researcher and UI Designer, my goal for this project was to streamline the application, enrollment, and class selection processes, creating a cohesive digital experience that significantly reduced the need for multiple campus visits.

USER PERSONA & PRIMARY GOALS

Students at LCCT represent a diverse demographic with varying levels of technical proficiency and time constraints. Their primary goals were to complete the application and enrollment process efficiently, avoid multiple trips to campus, and have a seamless experience selecting and registering for classes.

THE PROBLEM

The existing application and enrollment process at LCCT was cumbersome and outdated, requiring students to interact with multiple systems that were not integrated, leading to significant delays and frustration. The technology in use was from the mid-90s, resulting in poor mobile compatibility and accessibility issues, which made the process even more challenging, particularly for non-traditional students who had to juggle multiple responsibilities.

HOW MIGHT WE...

How might we streamline the application and enrollment process to reduce the need for multiple campus visits?

How might we consolidate multiple systems into a single, cohesive platform that offers a unified experience?

How might we improve accessibility and mobile compatibility to cater to the diverse needs of LCCT students?

CLIENT

Large Community College in Texas (LCCT)

TIMELINE

May - July 2019

MY ROLE

UX Researcher and UI Designer, collaborating with a multidisciplinary team including UX Practice Manager, Visual Designer, Business Analyst, Project Manager, and developers across iOS, Android, and web platforms.

SERVICES

User Research, Journey Mapping, Wireframing, Usability Testing, UI Design

TOOLS

Adobe XD, Lucidchart, Microsoft Excel
The Problem
The Large Community College in Texas, which I'll call LCCT, knew that it needed to reform its application and enrollment process. There were many stories of students needing to visit campus six or more times before they were able to get their their application succesfully submitted. The technology systems in use had been in place since the mid-90's, and students were responsible for submitting information in four and in some cases five separate systems with unique login procedures and credentials. Browser compatibility, complete lack of mobile friendliness, and poor accessibility plagued the experience from beginning to end.
Students were responsible for submitting information in four and in some cases five separate systems with unique login procedures and credentials.
Research
In our initial workshops, we heard from a very diverse and opinionated group of 30+ stakeholders in a classroom. It was a privilege to see our UX Practice Manager calmly and swiftly talk through and notate on the whiteboard a tidal wave of information - topics, subtopics, complaints, suggestions — the passion of the crowd was evident. During these workshops, I collected questions from the audience, started organizing the tidal wave, and discussed what we saw with our business analyst.
Early Themes. Starting to map the student experience and some of the themes from our initial workshops.
Our next step was to talk directly to our users and map their experience. We conducted 30 user interviews between the two of us, with students from a representative range of ages and backgrounds, paying attention to perceptions, pain points, and opportunities. For some of the interviews we split the duties and one of us asked questions while the other one took notes, and for some interviews we both asked questions and took notes ourselves.

The interviews helped us gain a full understanding of the application, enrollment, and class selection processes. Analysis on the interviews resulted in a 'highlights' document, shown in part below. We used the highlights document to help us with user journey mapping, feature list prioritization, and wireframe development.
Highlight Document. We constructed this document to distill the most meaningful moments from the interviews.
Detailed Journey Map. This is the same journey map, but expanded and refined to help our stakeholder groups understand what we were defining as the 'MVP experience'. Eventually, this map was duplicated and edited to become the 'future state' journey map that I discuss below.
Ideation & Conceptualization
This was where the magic happened.

By building our perspective to the point of being able to see the whole journey clearly, we could start to innovate on the existing student application experience.

Through the process of iterating on the journey map, discussing the priority list with our design team, and gaining clarity on the opportunities presented by combining many systems into one single database, we optimized for a cohesive digital experience — identified trips that could be combined, data that could be auto-filled, and revised the order of key moments in the enrollment process.

Building on our current-state journey map, I created a future-state journey map, which, although not pictured due to confidentiality, was a critically important document. Styled similarly to a service map with multiple swim lanes of interactions, this future-state journey map helped us to identify and understand the key moments in the journey that we wanted to optimize for. From this future-state journey map and all of the research we had done at that point, I derived a list of features, prioritized them, and that enabled me to start mapping the experience out on a page by creating wireframes.
Wireframes: These key screens represent the dynamic contextual home page, surfacing the most important tasks to the front page for students to have an easier, less disjointed enrollment experience.
A key innovation that I identified at this point was the app's structure. Through exploratory wireframes, I broke each step down into an interactive checklist and designed the app so that the current task list would surface up to the 'top level' of the app's home page: a dynamic contextual home page design. Instead of needing to independently keep track of what task is up next, users could simply visit their home page and their current checklist would be right at the top of the page.
Instead of needing to independently keep track of what task is up next, users could simply visit their home page and their current checklist would be right at the top of the page.
In order to test the structure even before visual design was applied, I created a clickable prototype with these wireframes, and again together with the business analyst, we performed usability testing with 10 users to make sure it would support the needs we had outlined. We received a large amount of actionable and detailed feedback, ranging from having overlooked certain features like a job board, to not understanding certain naming conventions that we were proposing. However, in general, we received reactions of relief and delight from these usability tests, with students commenting 'This would have saved me hours and hours' and 'You only have to look here? Thank heavens, I have lost my passwords so many times'.
Reactions: Some of the reactions that we heard, felt were important, and chose to highlight in our deck for our stakeholders presenting our findings from usability testing.
Sharing feedback: Here are several slides from a deck that we created to share the feedback we received from usability testing. With my BA colleague, I created an analysis document combining feedback from the 10 usability tests and distilled that into this deck.
Visual design (not my work): As prototyping and usability testing wrapped up, I was being called to join another project. I sent my wireframes over to a colleague for visual design. He translated the wireframes into the client's brand and prepared these three options. The client ultimately selected a combination of options 1 and 3.
Results & Impact
Several years later, I have heard that this system continues to support the LCCT student experience and that the school's technology team has gone on to integrate document-scanning features that we had been discussing during the planning process, further reducing the need for trips to campus during the application process.
Key Takeaways
  • 💎 Instead of following a long, complicated word document and independently checking off tasks, students can simply follow the next step indicated by the app to apply and enroll to LCCT.
  • 💎 Academic Advisory team conducts scheduled tours with almost 100% full occupancy, reducing need for small group tours or other last minue arrangements for students who missed the main tour. Students are showing up on time for tours, tests, and meetings.
  • 💎 Design process included extensive user interviews as well as usability testing to ensure that we were designing for our users, and not overlooking key factors at any step.
  • 💎 Class selection process moved out of old, slow, PC-only system to a modern mobile layout. Text size and color was adjusted for improved accessibility, leading to less stress around the class selection process.