HCID Industrial Thesis: Design Systems for Usability Optimization

UX Research Design Systems UCD

Overview: Digital Transformation in Maintenance

This project represents my 30 ECTS Master's Thesis for the HCID (Human-Computer Interaction and Design) Double Degree program. Collaborating with an industrial partner, Sisteplant, I executed the end-to-end redesign of the mobile module for their Computerized Maintenance Management System (CMMS). The goal was to improve the User Experience (UX) by providing an user-centred digital tool that empowers field technicians in complex industrial environments.

Thesis process overview
Thesis process overview

The Challenge: Information Obesity

Maintenance operators work in high-pressure environments constantly interacting physically with different elements. The previous desktop-centric system resulted in:

  • High Cognitive Load: Small screens cluttered with irrelevant administrative data.
  • Inefficiency: Critical tasks buried under multiple navigation layers.
  • Low Adoption: Steep learning curve for non-digital native technicians.

The challenge was to transform complex technical data into a Task-Oriented UI that presents exactly what the technician needs, when they need it.

Methodology: Rigorous User-Centered Design

I applied a structured UCD process to ensure the solution was grounded in real user needs:

  • Discovery: Conducted semi-structured interviews with stakeholders and end-users to understand the "Field Technician" persona.
  • Analysis: Used Dovetail for inductive/deductive coding to identify critical pain points in current workflows.
  • Definition: Extracted the most critical tasks and prioritized them for the redesign.
Coding of the semi-structured interviews in Dovetail
Coding of the semi-structured interviews in Dovetail

Solution: Adapting Carbon Design System

To ensure scalability and consistency across the system, I adapted the Carbon Native Mobile design system focusing on three pillars:

  • Progressive Disclosure: Utilizing accordion patterns to hide secondary information until needed.
  • Actionability: Floating Action Buttons (FAB) for primary tasks like "Create Request" or "Report Failure".
  • Consistency: Providing with the same behaviour and unifying interactions to reduce mental effort.
High Fidelity prototype in Figma
High Fidelity prototype in Figma

Validation & Impact

The prototype was validated through on-site usability testing with maintenance professionals, resulting in:

72

SUS Score

Rated as "Good Usability" (Grade B), ranking in the 75th percentile of evaluated systems.

100%

Completion Rate

All participants successfully completed the critical "Work Order Execution" task without critical errors.

Interpretation of the SUS Score
Interpretation of the SUS Score. Image Source: UXABLES
Logo

© 2025 Manuel Original Project  |  Legal Notice

Github Linkedin Email