Registration Setting Redesign
This project focused on redesigning the Registration and Resit System. My primary role was to improve the administrative settings process, making it more efficient for administrators to configure key parameters such as student registration criteria, 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
The Course Registration and Resit System helps students retake failed courses or fulfill academic requirements across semesters. Before registration, administrators must configure key settings such as eligibility criteria, course restrictions, and timelines.
Legacy: scattered setting feature
Due to limited time and resources for direct user research, I consulted the customer support team, who work on the front lines assisting administrators. Their close interaction with users gave me insight into common challenges, confusion points, and recurring complaints.
  • Settings were scattered across the platform, requiring administrators to jump between screens.
  • Overly detailed and redundant configuration fields created confusion and slowed down the setup process.
  • The interface lacked a clear flow and hierarchy, making it hard for users to understand what steps to take.
From the conversations, I identified key issues:
Scattered Settings
Settings were scattered across the platform, requiring users to jump between screens.
Redundant Configuration
Overly detailed and redundant configuration fields created confusion and slowed down the setup process.
Lack of Interface Flow
The interface lacked a clear flow and hierarchy, making it hard for users to understand what steps to take.
HOW MIGHT WE
Simplify and streamline system settings to help administrators complete the setup process more efficiently and with greater ease?
Design Goals
Assist Users
Streamline the settings process by centralizing access and offering clear, step-by-step guidance to reduce confusion.
Support Customer Service
Reduce customer service inquiries by improving usability and reducing friction in the setup experience.
Ensure UI consistency
Align the interface design with the rest of the platform to create a cohesive and familiar user experience.
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 confusing, 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