HMI industriali che si leggono in un secondo

2024 | Caso studio / di Carmelo Bisignano, User Experience Designer Lead

Il progetto

Settore
Manifattura, automazione industriale
Durata
8 mesi
Team
UX/UI design lead, Product manager, Ingegneri industriali, Conformità normativa, QA
Il mio ruolo
Ricerca e studi sul campo, Interfacce e prototipi, Design system, Allineamento con i referenti, Design per la conformità
Utenti
Operatori di produzione, Ispettori qualità, Direttori di stabilimento, Tecnici di manutenzione
Strumenti
Figma, Confluence, Jira

Panoramica

Le macchine di pesatura e ispezione su una linea di produzione hanno bisogno di schermi che l’operatore legge in un secondo, che gli auditor accettano e che funzionano su hardware molto diversi.

Questo progetto ha disegnato quella famiglia di interfacce per stabilimenti alimentari, caseari, cosmetici, chimici e farmaceutici.

Obiettivo

Rendere le HMI di pesatura e ispezione più facili da imparare e più rapide da usare, rispettando gli standard internazionali in ogni settore.

Approccio

Sono partito dal reparto. Studi sul campo, osservazione nel contesto e workshop con i referenti hanno mostrato come si usano davvero le macchine. Da lì il design è passato da prototipi di carta a wireframe a UI testata.

In parallelo ho analizzato i bisogni degli utenti, mappato i requisiti normativi, verificato su quali dispositivi doveva girare l’interfaccia e progettato per tre tipi di input: touchscreen, tasti fisici e desktop con mouse e tastiera.

  • Un’unica struttura di interfaccia per ogni dispositivo, dai display minuscoli ai pannelli grandi come un monitor.
  • Grafici e infografiche ridotti a ciò che un operatore legge con un’occhiata.
  • Un design system globale che estende l’identità aziendale con colori di segnale per stati e interazioni.
  • Componenti modulari con la conformità già dentro, ma ancora adattabili.
  • Tendenze legate a più fattori mostrate come frecce colorate, per leggere subito lo stato del processo.
  • Segnali visivi semplici, come un punto che pulsa, per dire che il sistema è attivo o che una soglia è stata superata.
Schermata HMI industriale
Schermata HMI industriale

Le sfide

La parte difficile era mantenere una buona esperienza rispettando regole severe, in stabilimenti molto diversi tra loro. Linee guida di design chiare, una definizione precisa di cosa fa ogni componente e test in molti contesti e configurazioni l’hanno reso possibile.

Design system globale

Visione

Un solo design system che rende coerente ogni prodotto industriale, dove capisci cosa fa un elemento appena lo vedi. Semplice e fatto per durare.

Missione

Unire un linguaggio visivo moderno e i requisiti normativi, partendo dalla ricerca, scalabile su ogni dispositivo e solido mentre la tecnologia cambia.

Come ho lavorato

Partire da ciò che serve agli utenti, progettare tenendo conto della conformità, crescere per moduli. Ogni componente ha un compito e ogni interazione ha un significato.

Impatto

  • Più facile da imparare, meno errori. Una gerarchia chiara ha accorciato la formazione e migliorato la precisione.
  • Conforme e usabile. Standard internazionali rispettati senza perdere usabilità in stabilimenti molto diversi.
  • Pronto a crescere. Un sistema che copre un’ampia gamma di dispositivi e configurazioni nei mercati di tutto il mondo.

Gli operatori riconoscono subito funzione e stato di ogni componente. Le schermate sono più pulite, si leggono prima e restano coerenti su ogni applicazione, dispositivo e metodo di input.

Stabilimento di produzione
Interfaccia industriale
Schermata di controllo HMI
Menu di navigazione
Animazioni dei wireframe
Animazioni dei wireframe
Infografiche
Infografiche