<img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=1603620&fmt=gif"/>
Progettazione dell'esperienza utente per i tecnici AV

Definire nuovi standard GUI per l'elettronica professionale

ELETTRONICA

Design del prodotto

Progettazione GUI

Primo piano del design GUI sul display di un dispositivo elettronico
CLIENTEMSolutions
POSIZIONEIsraele
SQUADRAUX designer, UI designer, interaction designer, project manager, product owner, software architect
SITO WEB

MSolutions ha creato un dispositivo innovativo che viene utilizzato dagli ingegneri audiovisivi per testare le prestazioni di installazioni complesse. Nonostante la vasta gamma di funzionalità offerte dal dispositivo, la maggior parte di esse è rimasta inutilizzata a causa di una scarsa esperienza utente. L'azienda aveva cercato di migliorare l'usabilità un paio di volte, anche lavorando con altri designer, ma aveva fallito.

L'azienda ha ingaggiato la nostra agenzia di UX design per aiutarli a ridefinire l'usabilità del dispositivo e a rimodellare l'interfaccia grafica in un design che dimostrasse le prestazioni dell'ingegneria.

I NOSTRI CONTRIBUTI

Design UX

Flusso UX

Prototipazione

Design del concetto

Design del prodotto

Interaction Design

UI Design - Sistema di progettazione

Garanzia di qualità

Primo piano del tecnico che manipola il pannello di controllo audio video

UN DISPLAY TOUCH CHE IMPEDISCE L'USABILITÀ

I tecnici diagnosticano i problemi e ottimizzano il funzionamento delle apparecchiature audiovisive. Il dispositivo può misurare installazioni complesse con più monitor, schermi e fonti di segnale.

Tuttavia, il dispositivo ha anche le limitazioni hardware di un display con un'interattività touch limitata e una dimensione dello schermo di soli 480x320 pixel.

Primo piano del dispositivo di test audio video su sfondo scuro.
Apparecchiature elettroniche di prova su sfondo scuro

UN PROCESSO METICOLOSO E PREVEDIBILE

Per mantenere la promessa di un'esperienza utente che cambiasse il gioco, abbiamo seguito un processo sistematico di design del prodotto. Iniziando con la raccolta dei requisiti, abbiamo organizzato le intuizioni di tutte le parti interessate.

Abbiamo valutato i dati esistenti sugli utenti e poi abbiamo creato delle serie di priorità, raggruppando gli obiettivi in release. Questo piano dettagliato e meticoloso è stato il presupposto per una fase di progettazione mirata dell'esperienza utente.

Tabelle mit User Experience Design Anforderungen gruppiert auf Produktphasen

PERCHÉ I LORO PRECEDENTI TENTATIVI DI DESIGN SONO FALLITI

Il display ha i suoi limiti tecnici, ma i precedenti tentativi dell'azienda di realizzare un design GUI intuitivo sono falliti per altre ragioni. Abbiamo eseguito un audit dettagliato dell'usabilità e mappato una serie di risultati desiderati per ogni schermata.

L'essenza del motivo per cui avevano fallito in precedenza, era perché il design iniziale dell'interfaccia grafica era stato creato da ingegneri che avevano disposto la funzionalità come è nel backend, non come un utente potrebbe aspettarsi che funzioni. Nel loro secondo tentativo di migliorare l'usabilità del dispositivo, il designer ha semplicemente fatto un tentativo di migliorare l'UI. Questo era destinato a fallire, perché un design dell'interfaccia utente non può mai essere estetico, quando il pensiero UX sottostante è difettoso.

Design da parte degli sviluppatori
Cinque progetti di GUI per apparecchiature di prova elettroniche.
Design del designer precedente
Design GUI migliorato con esperienza utente difettosa.
Estratti dal Design Audit
Dettaglio del rapporto di audit di usabilità per un dispositivo elettronico che mostra 8 risultati

IL CONCETTO DELLA NUOVA ESPERIENZA UTENTE

Il pensiero progettuale è stato guidato dalle esigenze degli utenti e da ciò che rappresenta un flusso logico per i tecnici nella loro pratica quotidiana. Come risultato, gli utenti non devono pensare molto, perché in ogni passo il focus è sulla prossima cosa logica che un tecnico potrebbe voler fare.

A livello di schermo, la guida è tradotta in una chiara gerarchia visiva in modo che la logica generale del flusso continui a livello micro. Il nuovo design dell'esperienza utente è un riflesso delle priorità degli utenti, non del back-end.

Cinque wireframes per la GUI di un'apparecchiatura di prova elettronica
Esempi di wireframe

TEST E ITERAZIONI MIGLIORANO L'UX

La nuova esperienza utente era molto diversa dal precedente paradigma di usabilità. Nonostante sia venuto fuori da un meticoloso processo di documentazione dei bisogni degli utenti, ottenere almeno un livello base di convalida dagli utenti era fondamentale. In totale, il test degli utenti e gli aggiustamenti del design hanno richiesto solo due giorni.

Abbiamo creato dei prototipi e organizzato alcune sessioni di test degli utenti. Gli utenti sono stati in grado di fornire un'abbondanza di feedback. Non ha portato a un cambiamento nella logica fondamentale dell'esperienza utente, ma ha stimolato piccoli cambiamenti che alla fine avrebbero portato l'interfaccia utente a un livello superiore di qualità.

Uomo che interagisce con la nuova esperienza utente nella sessione di test utente

LA GUI VISIVA DIMOSTRA LE PRESTAZIONI

Il design visivo dell'interfaccia grafica è stato un'opportunità per dare vita al pensiero intelligente degli ingegneri e dei designer UX. È minimalista con un tocco sobrio, ma combinato con la finitura superiore del dispositivo fisico, sembra davvero uno strumento ad alte prestazioni per i professionisti.

Andando oltre l'aspetto del branding e l'obiettivo di ispirare fiducia, il design della GUI è anche conforme dal punto di vista dell'accessibilità e fornisce tutti gli stati necessari per rendere facile lo sviluppo.

Progettazione GUI per 9 schermi che mostrano dettagli dell'interfaccia utente di apparecchiature elettroniche professionali
Responsive GUI design in mockup di laptop su sfondo scuro
Elementi di design

DESIGN COMPLETO DI GUI RESPONSIVE IN 6 SETTIMANE

La consegna del progetto ha richiesto 6 settimane in totale, dall'inizio della verifica iniziale dell'usabilità alla consegna del design dell'interfaccia grafica al team di ingegneri. Il risultato finale è un'interfaccia utente in cui i tecnici devono fare solo la metà del lavoro per ottenere i risultati di cui hanno bisogno.

Il processo di interazione semplificato ha creato opportunità per semplificare lo stack di codice. Il design dell'interfaccia grafica è reattivo, in modo che i tecnici possano controllare il dispositivo da un computer portatile o da un telefono cellulare, sia sul posto, sia in remoto. Questo apre un mondo di possibilità.

Il risultato finale per l'azienda è un prodotto in cui la qualità dell'ingegneria è resa chiara dall'aspetto del dispositivo. Inoltre, i tecnici hanno bisogno di meno formazione, così che i grandi clienti possono implementare la soluzione più facilmente.

RISULTATI

Design end-to-end consegnato in 6 settimane

Documentazione completa per gli sviluppatori

Il design è completamente reattivo

La GUI è diventata un riferimento nel settore