The Company commissioned the C-Hack app to automate fault classification across their fleet of
trains, streamlining maintenance processes.
This long-term project involved extensive collaboration with stakeholders and employees across
multiple departments, highlighting its strategic importance to the organization.
My role spanned these critical phases of the project:
Wireframe construction: Translating a 2,000+ item requirements document into functional wireframes.
Prototype design:
Creating an interactive click dummy that adhered to The Company’s
corporate design
and usability standards.
Ensure compatibility across various devices and align with the company’s branding.
The Company faced challenges in managing and classifying train maintenance issues due to the complexity of their operations and the diverse roles of their staff. The company required a solution that would:
Enable seamless communication between users across different workshop locations.
Simplify complex workflows while catering to diverse user roles.
Ensure compatibility across various devices and align with the company’s branding.
Translating the extensive requirement list into actionable wireframes.
Collaborating with The Company’s internal project team to refine core functionalities.
Designing and developing an interactive prototype that adhered to The Company’s corporate design guidelines.
Participating in usability testing to gather feedback and iterate on the design.
When designing our AI-powered software, we sought a mechanism that would not only be intuitive and user-friendly but also allow for rapid data collection to train the system effectively. Inspired by the Tinder Swipe Mechanism, we integrated a similar "Swipe-to-Classify" Interaction into our platform.
The swipe gesture’s simplicity and efficiency made it an ideal choice for training the AI. Drawing from Tinder’s success in gamifying decision-making, we recognized that this interaction could be repurposed to create a seamless and engaging way for users to provide feedback to the AI. By mirroring real-world actions like sliding cards, we ensured a natural and familiar experience.
The swipe mechanism in the UI allows users to quickly evaluate and classify items:
Translating the extensive requirement list into actionable wireframes.
Collaborating with The Company’s internal project team to refine core functionalities.
Designing and developing an interactive prototype that adhered to The Company’s corporate design guidelines.
Participating in usability testing to gather feedback and iterate on the design.
This streamlined process creates a feedback loop that actively trains the AI, improving its accuracy and adaptability over time.
We analyzed the Tinder Swipe’s success in fostering user engagement and explored its application in non-dating contexts. The gesture’s efficiency in reducing decision fatigue inspired us to incorporate it into our AI training workflow.
Designed a card-stack interface tailored to our platform’s needs. Ensured the swipe animations were smooth, responsive, and visually intuitive.
Early testing revealed that users were more likely to interact with the system using swipe
gestures compared to traditional buttons.
Feedback highlighted the swipe’s simplicity and its contribution to maintaining a flow state
during repetitive tasks.
The click prototype was tested at The Company’s workshop locations in Berlin, Hamburg,
Cologne, and Munich. During these sessions:
Maintenance staff provided feedback on usability, navigation, and workflow efficiency.
I attended the testing in Berlin to observe interactions and document improvements.
Enhanced Data Collection: Users can quickly classify large volumes of data, accelerating the AI’s learning curve.
User Engagement: The gamified interaction keeps users motivated and reduces fatigue.
Scalability: The intuitive design ensures usability across various skill levels, making it accessible for diverse audiences.
By adopting the swipe gesture, we transformed what could have been a mundane task into an engaging and purposeful activity. This approach not only improved the user experience but also served as a critical foundation for the continuous training and improvement of our AI model.
The project began with an in-depth review of a requirements document comprising over 2,000
points. Key insights included:
User Roles: Identifying various stakeholders, including maintenance workers, team leads, and
workshop managers.
Pain Points: Complex workflows, communication gaps, and lack of real-time fault tracking were
critical challenges.
Based on the requirements analysis, I developed low-fidelity wireframes that:
Simplified complex processes into intuitive workflows.
Incorporated core functionalities such as fault logging, categorization, and status tracking.
Ensured compatibility with desktop and mobile devices used across workshops.
These wireframes were iteratively refined through feedback from The Company’s internal project
team.
Once the core functionalities were approved, I transitioned to designing an interactive click dummy.
Key design considerations included:
Corporate Design Integration: Adhering to The Company’s branding guidelines for consistency.
Accessibility: Ensuring the interface was usable across all devices and supported diverse user
roles.
Interaction Design: Adding interactive elements to simulate real-world usage and gather actionable
feedback.
The click prototype was tested at The Company’s workshop locations in Berlin, Hamburg, Cologne, and
Munich. During these sessions:
Maintenance staff provided feedback on usability, navigation, and workflow efficiency.
I attended the testing in Berlin to observe interactions and document improvements.
The final design handed off to the development team, where it was implemented using the React.js framework. This process involved close collaboration to ensure the design's fidelity in the functional system.