Quando un prodotto embedded include un display, un pannello touch o un set di comandi fisici, la qualità dell'interfaccia diventa determinante per il successo del prodotto quanto l'hardware che la ospita. UX (User Experience) e UI (User Interface) sono due discipline complementari ma distinte: la UX studia come l'utente vive l'interazione con il dispositivo nel suo complesso — quali informazioni gli servono, in che ordine, con quale carico cognitivo, per portare a termine un'operazione in sicurezza ed in modo efficiente — ed è quindi un lavoro di analisi, flusso e architettura dell'informazione, non di grafica. La UI è invece la traduzione visiva e tattile di quel flusso: la disposizione degli elementi a schermo, la palette colori, la tipografia, lo stato dei controlli, la leggibilità in condizioni di utilizzo reali (ad esempio: luce solare diretta, guanti da lavoro, display piccoli a bassa risoluzione).
In Protech affrontiamo lo studio della UX/UI degli apparati embedded con lo stesso rigore che applichiamo alla progettazione elettronica, seguendo un flusso di sviluppo consolidato: studio dei ruoli e dei requisiti, wireframe, proposte grafiche e mockup, prototipazione interattiva ed analisi dell'usabilità, prima di passare all'implementazione sul target reale.
Un'interfaccia mal progettata genera errori operatore, resi e ticket di assistenza; nei contesti regolamentati (industriale, medicale) può inoltre diventare un problema di conformità rispetto alle normative di usability engineering.
Implementazione su display TFT 480×272 da 4.3″. Demo completamente navigabile tra le pagine con i vu-meter di ingresso ed uscita, la diagnostica e le impostazioni di sistema. Swipe verticale per muoversi tra le pagine, orizzontale tra le sotto-viste. Click su una riga della pagina di Setup per modificarne il valore. Click sul logo per riavviare il mockup.
Il nostro processo di sviluppo UX/UI, dallo studio dei ruoli al prodotto finito
Il processo inizia con lo studio del contesto d'uso: chi utilizza il dispositivo (operatore di linea, tecnico di manutenzione, utente finale), con quali competenze, in quali condizioni ambientali e con quale frequenza. Definiamo ruoli, casi d'uso e requisiti funzionali prima di disegnare qualsiasi schermata, per evitare di dover reiterare più volte lo sviluppo.
Dai requisiti costruiamo wireframe a bassa fedeltà per validare flussi e gerarchia delle informazioni, poi li trasformiamo in proposte grafiche e mockup ad alta fedeltà — palette, iconografia, tipografia — verificati sulla risoluzione e sul pannello reale del prodotto, non solo su un monitor desktop.
I mockup diventano prototipi interattivi e navigabili, con cui testiamo l'usabilità con utenti reali prima di scrivere una sola riga di firmware: individuiamo ambiguità, tempi di risposta percepiti e problemi di layout quando costa ancora poco correggerli, e solo a validazione ottenuta passiamo all'implementazione sul target.
Interfaccia touchscreen per un generatore di impulsi ad alta tensione per PLASMA basato su Linux embedded (LVGL v9 su SoC ARM Cortex-A), implementazione per display TFT 7" 1024x600, con schermata principale a grafico dell'impulso in tempo reale, configurazione dei parametri di scarica e gestione allarmi. Interfaccia navigabile con mouse o touch esattamente come sul dispositivo reale. I parametri sono modificabili quando HV è disabilitata. Abilitare HV per simulare il trigger. Click sul logo per riavviare il mockup.
Dashboard 1024×600 per touchscreen capacitivo su display 7" di una saldatrice ad arco MIG PULSATO SINERGICO di nuova generazione: stato del sistema a colpo d'occhio, selezione rapida dei parametri di processo e grafici di monitoraggio in tempo reale durante la saldatura. Click sul logo per riavviare il mockup, click su menu per selezione light/dark mode.
Protech s.a.s. di Girardi A. & c.
Sede Legale: Via dei Pini 21, 31033 - CASTELFRANCO VENETO (TV)
P.IVA/C.F. 03510960267 - Cod. SDI WP7SE2Q
info@protechgroup.it
© 2000-2026 Protech Engineering. All rights reserved · Privacy Policy