Transforming Complexity into Seamless Productivity
FENYX Quick Tools offer a suite of utilities designed to simplify workflows for managing traffic controllers, including data transfer, software updates, and task scheduling. As the Product/UX Designer, I spearheaded the design process to develop an intuitive, user-focused interface that reduces errors and boosts productivity.
Problem Space
Through extensive usability testing in FENYX, we identified that several key daily tasks, critical to the workflows of field operators and traffic management centers, had not been fully addressed. These tasks are fundamental to their operations, highlighting the need for a more comprehensive approach to meet their everyday requirements effectively.
Controller Data Transfer During Breakdowns: Field workers face the time-consuming task of manually transferring data when a controller breaks down, leading to inefficiencies and delays.
Simplifying Data Management: Field workers struggle with the cumbersome process of carrying physical timing sheets during configurations, which can lead to errors and inefficiencies.
Copying Data Between Controllers: Copying data manually from one controller to another is a complex and error-prone task that disrupts workflow efficiency.
UI/UX Designer, UI Developer
Hi-Fi Design Prototypes
UI Components
Traffic Management
May 2024 - Nov 2024
Deep Dive into the Problem
Field workers and traffic management teams face significant challenges when it comes to managing and configuring controllers and intersections, mainly due to outdated, manual processes and limited digital tools. These problems reduce the overall operational efficiency, increase the likelihood of errors, and hinder the speed of critical tasks.
Impacts and Hypothesis
Generating Ideas
User needs were mapped based on research and stories to align proposed features with real-world workflows and pain points. Detailed user flows were created to visualize and validate how users would navigate each tool, ensuring a smooth, efficient, and user-centered experience.
Mapping the User Needs
I gathered and analyzed user stories based on extensive research and field use cases. These stories reflect the daily challenges and goals of field operators and traffic management specialists. By understanding their workflows, pain points, and expectations, I identified and derived the necessary features for each tool. This approach ensures that every feature is directly aligned with user needs, enhancing usability and efficiency while solving critical problems effectively.




Embracing UX Patterns
By leveraging key UX psychology principles such as Hick’s Law, Fitts’s Law, and Jakob’s Law, we ensured that tools were easy to access, follow, and use. Consistent workflows, stepwise guidance, and clear error handling reduced cognitive load and enhanced user confidence. Placing quick tools in the Appbar made critical features readily available, while familiar patterns across tools simplified learning and improved task efficiency. This approach created a seamless, predictable experience tailored to user needs.
Hick's Law (Simplifying Decision-Making): By limiting user choices at any given moment (e.g., stepwise workflows and guided reviews), we simplified decision-making, reducing overwhelm and enabling users to focus on one task at a time.
Fitts's Law (Easy of Access): Quick tools were placed in the Appbar, a persistent and easily accessible location, minimizing the distance users needed to travel with their cursor or focus.
Jakob's Law (Familiarity Breeds Comfort): All tools in FENYX were designed with consistent workflows, such as stepwise progress, data reviews, and error handling, ensuring users didn’t have to relearn how each tool worked.
Cognitive Load Reduction: Breaking down complex tasks into manageable steps and providing clear progress indicators helped users focus on one task at a time without feeling overwhelmed.
Error Prevention and Recovery: Consistent error messages and retry options for operations like multi-module copying allowed users to recover easily from mistakes.
User Flows and Wireframes
The goal is to create a design solution that makes tools globally accessible within FENYX while effectively addressing the key pain points uncovered during user interviews. The solution should focus on ensuring ease of use, enhancing efficiency, and providing reliable functionality. By addressing user challenges such as workflow complexity, flexibility in data handling, and error recovery, the design aims to deliver a seamless and intuitive experience that meets the diverse needs of users across various environments.
Design Enhancement
After the first iteration of the wireframes, we identified several areas that require improvement based on the initial testing. Users struggled to follow the process, despite having clearly outlined steps, suggesting a lack of intuitive guidance that hindered their ability to proceed confidently and efficiently. Additionally, users expressed a need for the ability to select data at multiple levels, such as partial or full data sets, as the current lack of flexibility led to inefficiencies and frustration. During the review phase, users had difficulty differentiating and validating their partial and full data selections, which increased the likelihood of errors and created uncertainty. Furthermore, users were unable to determine which module was currently being processed, leading to confusion, especially when managing multiple modules simultaneously. Lastly, when failures occurred during multi-module copying, users struggled to undo or retry operations for specific modules, which disrupted workflows and required additional effort to resolve partial failures. These insights highlight key areas for refinement in the next iteration of the design.
Flexible Data Selection
Improving Review Transparency
Clarifying Module Processing Status
Modular Error Prevention
Copy Wizard
Queue Wizard
Import / Export Wizard
Final Screens
After crafting detailed and user-centered designs, I collaborated closely with the engineering team to ensure a seamless transition from concept to implementation. Beyond handing off the designs, I actively participated in the development process by assisting in building components and layouts that aligned perfectly with the design specifications. By bridging the gap between design and development, I streamlined workflows, reduced iteration cycles, and enhanced the efficiency of the engineering team. This hands-on approach not only ensured design fidelity but also accelerated the overall development timeline, driving the project toward successful delivery.
Globally Accessible
Quick tools are globally accessible through the Appbar, ensuring users can efficiently reach essential features anytime,
Fitts's law
Clear Guidance
The step-by-step approach provides users with clear guidance, delivering instant feedback after each step, ensuring users remain informed and confident throughout the process.
Nielsen's Heuristic for Visibility of System Status
Data Selection
The ability to review data before and after selection helps users verify their choices, minimizing mistakes and ensuring accuracy in the process.
Recognition Over Recall
Review Before Proceeding
The system ensures users can only begin the process once all the data has been reviewed, preventing premature actions and promoting accuracy.
Error Prevention
Real - Time Updates on Progress
The system provides real-time updates on the process, keeping users informed about the status and ensuring they stay aware of any changes.
Nielsen's Heuristic for Visibility of System Status
Positive Reinforcement
Error Recovery
Hick's Law
The Final Call
Ultimately, our team succeeded in creating a unified and intuitive solution for controller configuration and management. The FENYX app achieved exceptional results, redefining user expectations while maintaining simplicity and usability across various controllers.
Winning Moments
Increased Efficiency: Features like global quick tool access in the Appbar and retry options for failed processes streamlined workflows, saving users valuable time and enhancing their productivity.
Improved Satisfaction: Instant success messages and the ability to undo or retry actions fostered positive reinforcement, leaving users with a sense of accomplishment and satisfaction after completing tasks.
Lessons Learned
The Power of Instant Feedback: Providing immediate feedback at each step, whether it was a success message or error notification, greatly improved user trust and reduced hesitation during critical actions.
Flexibility is Key: Giving users control, such as the ability to retry failed actions or undo mistakes, was crucial in minimizing frustration and ensuring a smooth experience.