National Taiwan University
Redesigned Online Transcript Record Order System
National Taiwan University
Redesigned Online Transcript Record Order System
This redesign streamlined the ordering process by optimizing IA (Info Arch) and reducing pages by 33%. A progress bar and contrasting colors improved clarity, reduced user anxiety, and enhanced navigation.
Contributions
Established a cohesive design system, improved user experience with clear navigation, and reduced user anxiety through a progress bar.
Contributions
Established a cohesive design system, improved user experience with clear navigation, and reduced user anxiety through a progress bar.
Established a Cohesive Design System 🎨
Standardized the previously inconsistent and outdated interface by creating a unified design system aligned with NTU’s branding.
Standardized the previously inconsistent and outdated interface by creating a unified design system aligned with NTU’s branding.
Enhanced User Experience 📄
Improved clarity and usability with a structured layout, clear navigation, and visually consistent interface.
Improved clarity and usability with a structured layout, clear navigation, and visually consistent interface.
Reduced User Anxiety 🧘♂️
Implemented a progress bar to provide clear step-by-step guidance, helping users feel more in control and reducing uncertainty.
Implemented a progress bar to provide clear step-by-step guidance, helping users feel more in control and reducing uncertainty.
Improved Navigation 🔦
Used contrasting colors to highlight key actions and important information, making the ordering process more intuitive and seamless.
Used contrasting colors to highlight key actions and important information, making the ordering process more intuitive and seamless.
Problems
Students' difficulty in navigating the system and completing the order increases the staff workload.
Problems
Students' difficulty in navigating the system and completing the order increases the staff workload.
For Students 🧑🎓
Feel unclear due to the lack of step-by-step guidance and confused about the total number of steps in the process.
For Staff 🧑💻
Face an increased workload as students struggle to navigate the system effectively.
Desk research
The current promoting paths do not function very well, leading to a decrease in the visiting rate.
Desk research
The current promoting paths do not function very well, leading to a decrease in the visiting rate.
The visual is rudimental and has no visual focus.
The visual is rudimental and has no visual focus.
The visual is rudimental and has no visual focus.
Not sure about the application process and status.
Not sure about the application process and status.
Not sure about the application process and status.
Goals
Redesign the system to improve the user experience of applying Transcript and Academic Record online.
Goals
Redesign the system to improve the user experience of applying Transcript and Academic Record online.
Redefine
To improve the user experience, we redefine the paths for each task with a simplified user flow.
Deliverables
I created a complete design system to make the cohesive visual.
Deliverables
I created a complete design system to make the cohesive visual.
Results
The redesigned interface streamlines the ordering process by reducing cognitive load and clarifying the steps involved.
Results
The redesigned interface streamlines the ordering process by reducing cognitive load and clarifying the steps involved.
Results
The redesigned interface streamlines the ordering process by reducing cognitive load and clarifying the steps involved.
Reduce the number of page switches
By adjusting user experience flow
By adjusting user experience flow
Visualization application process
By adding the process bar
By adding the process bar
Highlight the key information to guide
By applying different colors & cards
By applying different colors & cards
Retrospective
Don’t think about adding more, think about making information clearer and easier to find.
Retrospective
Don’t think about adding more, think about making information clearer and easier to find.
✅ Success
Improved Usability & Efficiency
Streamlined the process by enhancing information architecture, reducing steps, and implementing a progress bar for clarity.
Streamlined the process by enhancing information architecture, reducing steps, and implementing a progress bar for clarity.
⚡ Impact
Clearer navigation and better design minimized student confusion, leading to fewer inquiries and a lighter workload for staff.
Clearer navigation and better design minimized student confusion, leading to fewer inquiries and a lighter workload for staff.
