III TMS Education Training System Optimization
Role
Timeline
๐ About this Project
The TMS Education Training System faced usability challenges, including a complex interface and inconsistent structure. To address this, optimization focused on improving user experience, restructuring information, and ensuring system-wide consistency. The user interface underwent redesign through flow charts and high-fidelity prototypes, emphasizing simplicity and visual appeal. Information architecture was revamped for organized content, and a unified design system was implemented for a cohesive look and feel. The result is a transformed TMS system, offering an enhanced and seamless learning experience.
TL;DR
Problem
The TMS Education Training System identified challenges for both instructors and learners, including a complex user interface, confusing information structure, and system inconsistency. These issues could have improved the effectiveness of teaching and learning.
Solution
To address these challenges, three key optimization focuses were established:
- Enhancing User Experience: Streamlined access to functions for instructors and learners, ensuring intuitive operations.
- Information Structure Optimization: Reorganized content for a more precise, ordered layout to improve learning outcomes.
- Consistency Across the System: Dedicated efforts to achieve uniformity throughout the platform.
Result
- Conducted a Heuristic Evaluation to understand existing system issues.
- Developed user flow charts for clear interaction steps.
- Created high-fidelity prototypes for a redesigned user interface, iteratively improving the design for an enhanced user experience.
- Restructured information architecture for organized, user-friendly content.
- Established a design system for platform-wide consistency, providing users with a unified look and feel.
Resource
Timeline
Project Details
The TMS Education Training System existedโan interactive platform designed exclusively for instructors and learners in the III course. Here, instructors crafted meticulously prepared lessons through task assignments, fostering a dynamic, two-way learning experience for students.
The challenges faced by both instructors and learners were encountered. The user interface posed complexities, the information structure was a labyrinth, and inconsistency in the system cast shadows on the effectiveness of teaching and learning. III recognized the need for a questโto optimize TMS for an enhanced user experience, streamlined information structure, and system-wide consistency.
The three key quests were set:
- Enhancing User Experience: make the system more user-friendly, ensuring instructors and learners can navigate and intuitively operate the platform effortlessly.
- Information Structure Optimization: rearranging content to create an organized and understandable structure, thus unlocking the path to improved learning outcomes.
- Consistency Across the System: create a consistent look and feel across the entire TMS realm.
โ
โ
Heuristic Exploration:
To uncover the hidden problem of improvement, our team embarked on a Heuristic Evaluation quest. ย Some usability issues were identified, such as clicking through each employee and card for confirmation needed to have the simplicity users craved. Additionally, the absence of a notification bell left users in the dark, only discovering task rejections or new assignments when venturing into their inboxes, etc.
โ
User Flow Chart:
Utilized evaluation insights to craft a clear user flow chart, mapping the interactive steps about instructors and learners throughout the learning journey. Ensured a systematic approach to user interactions.
โ
โ
High-Fidelity Prototypes and Design Iterations:
Implemented high-fidelity prototypes showcasing a redesigned user interface. Iteratively enhanced design elements to elevate the overall user experience and address specific pain points.
โ
โ
โ
Information Architecture Redesign:
Undertook a comprehensive redesign of the information architecture, ensuring organized content presentation and user-friendly navigation. Established clear hierarchies and classification systems for improved accessibility.
โ
โ
โ
Design System Implementation:
Created a design system to enforce consistency across the platform, providing users with a unified look and feel. The system aimed at delivering a seamless and cohesive visual experience.
โ
In conclusion, the UX improvements focused on enhancing efficiency, user experience, and visual consistency, resulting in a revamped system that prioritizes clarity, accessibility, and a unified aesthetic for users.
Takeways
๐ Streamlined Process and Improve Experience:
The UX improvements focused on simplifying and streamlining the user experience for instructors and learners. The redesign aimed to create a more intuitive and user-friendly journey by addressing challenges such as the intricate task approval process and the absence of notifications. The result is an environment where users can effortlessly navigate, engage, and participate in learning.
๐ Consistency as a Design Guiding:
A central theme in the UX narrative was establishing a design system that acted as a guiding star for visual consistency. This system ensures a unified look and feel across the platform, providing users a cohesive and harmonious experience.
