Registration Setting Redesign
In this project, the focus was the redesign of the Course Registration and Resit System. My primary role was to revamp the administrative setting process, enhancing the efficiency of administrators in configuring essential parameters, including criteria for student registration, course restrictions, and registration timelines.
My Role
User research
UI/UX design
Team
1 Front-end developer 2 Back-end developer 1 QA specialist
Duration
2.5 months
Tool
Figma
Problem Discovery
Course Registration and Resit System
The Course Registration and Resit System serves as a crucial tool for students who need to retake failed classes or those looking to fulfill course requirements in different semesters. Administrators must configure a set of parameters before allowing students to register for these courses.
Inefficient System Workflow
The original system, developed over a decade ago, operates as a desktop application. Administrators are tasked with locating dispersed features to access settings, with certain settings being redundant and overly detailed, contributing to an overall inefficient process.
User Pain Points
Decentralized Entry Points
Users face difficulties in locating features, which scattered across different sections and inconvenient to access.
Lengthy Setting Process
Users encountered a cumbersome and time-consuming setting procedure, resulted in frustration and exhaustion.
Complex Settings Setup
Some settings and functions are challenging to comprehend, leading users to seek help from customer service.
HOW MIGHT WE
Simplify and streamline complex system settings for administrators?
Design Goals
Assist Users
Simplify the setting process, centralize access to settings, and provide clear guidance.
Support Customer Service
Reduce the volume of customer service inquiries related to setting procedures.
Unified UI
Ensure consistency in the user interface with the rest of the application.
DESIGN
Centralized Entry Point
To address the issue of users struggling to find various settings, we focused on centralizing access to all settings within a single entry point on the dashboard. This decision was based on user feedback, highlighting difficulties in locating settings and uncertainty about the completeness of their configurations.
Single entry point at dashboard (circled)
DESIGN
Streamlined Setting Process
After entering setting feature, we segmented the settings into four steps, beginning with the most crucial elements required to inform the system about course restrictions and student conditions. We also incorporated a progress bar at the top of the page to inform users about their current progress and the number of steps remaining, providing clear guidance throughout the setup procedure.
Segmented setting steps
Usability Testing
User Feedback
After completing the initial design, we conducted usability testing with users to gather valuable feedback to inform our iterative process
Unclear Completion Status
User A : It’s difficult to discern whether I had completed all the settings from the dashboard view. I need to enter individual features to confirm status of each step.
Confusing Terminology
User B : Certain setting labels remained perplexing, it was unclear how some configurations should be adjusted. I’m afraid of making incorrect settings.
iteration
Step-Based Entry Points
In response to user feedback, we revised the entry point by breaking it into four distinct steps. Instead of a single entry point, we listed the steps on the dashboard, allowing users to directly access the relevant page. To enhance user comprehension of the settings, we added labels within each setting component to indicate completion status.
Before
Single entry point
After
Step-based entry points with completion status
Tooltips for Clarity
To address terminology confusion, we introduced clickable tooltips that offer additional explanations for a better understanding of the settings. This addition allows users to access additional information by clicking on specific setting items, reducing ambiguity.
Final Design
Learnings
Clearly identify the problems
In approaching the redesign of the administrator settings process, the primary focus is on clearly defining the key problems and inefficiencies to address. Recognizing the significance of time constraints, it is crucial to prioritize tasks that promise the most substantial improvements in
user experience.
Actively seeking feedback
An integral part of the design process involves actively soliciting feedback from stakeholders.
By incorporating their insights, the design can be refined to more effectively address identified issues. Personally, I have cultivated a mindset of not overly attached to my designs, treating them as products that benefit from collective efforts.
© 2025 Jocelin Liu