Emporium

Riprogettare la UX della sezione contabilità

Anno

2024

Il mio ruolo

UX/UI Designer

Obiettivo

Permettere operazioni contabili su più conti corrente in modo usabile, intuitivo e veloce.

Emporium è un software as a service utilizzato per digitalizzare ed
innovare la gestione del credito di banche, intermediari finanziari e aziende.
Nasce dalla necessità di riprogettare in maniera moderna un software obsoleto e sviluppato parecchi anni prima del 2024. È stato arricchito con nuove features rispetto alla sua precedente versione, le funzionalità principali sono state riprogettate adattandosi alla nuova UX e alla nuova UI.

La sfida

La gestione della contabilità viene fatta ancora sul vecchio software, è possibile gestire soltanto un conto corrente.

Sarà fondamentale integrare in Emporium tutte le funzionalità necessarie per permettere di compiere operazioni contabili, migliorando la user experience e l’usabilità.

Non meno importante sarà la velocità: le numerose operazioni quotidiane dovranno essere svolte in pochi passaggi, riducendo al minimo la possibilità di compiere errori.

Rendere tutte le operazioni scalabili su 15 diversi conti corrente.

Definizione del problema

Attività con gli utenti

Dopo numerose interviste e sessioni di shadowing con gli utenti, abbiamo tracciato tutte le operazioni che svolgono per completare un’attività di contabilità.

Sono emersi parecchi pain point e spunti per migliorare la UX e l’efficienza della nuova sezione.

Punti di attenzione
  • Il software è lento, portare a termine una registrazione contabile richiede molto tempo
  • Difficoltà a ricondurre una registrazione contabile al suo movimento
  • Non è possibile compiere più di una operazione alla volta
  • Livelli di controllo automatico su alcune operazioni per minimizzare l’errore umano

Ideazione

Collaborando con il team product, abbiamo identificato e proposto alcune idee su come migliorare alcune interazioni, utilizzando componenti e design pattern più adatti alla nuova UX.

La user journey è stata perfezionata, rimuovendo passaggi non più necessari.

Le nostre proposte sono state condivise anche con il team di sviluppo, sia front-end che back-end, con lo scopo di raccogliere conferme sulla fattibilità di sviluppo di tutte le funzionalità che stavamo progettando.

Progettazione

La UI di Emporium è stata progettata utilizzando uno UI Kit open source, perciò, avendo tutti i componenti già progettati e sviluppati non è stato necessario produrre degli wireframe.

Le interfacce che abbiamo prodotto in questa fase erano già ad hi-fi.

Ci siamo focalizzati sulla risoluzione dei principali problemi emersi durante la fase di ricerca.

Gestione di conti correnti separati

La pagina iniziale della sezione contabilità è una dashboard che contiene delle card corrispondenti ad ogni conto corrente. Sono mostrate tutte le informazioni utili relative al conto corrente.
All’interno del dettaglio di un conto corrente è stata messa una tab list per passare da un conto corrente all’altro in modo rapido.

Sistema di alert

Mettere in risalto in modo evidente, con colori e icone, i conti correnti che necessitano ancora di essere lavorati.

Importante che tutte le operazioni di contabilità siano svolte alla fine della giornata.

Associazione tra registrazione contabile e movimento

L’inserimento di una registrazione contabile avviene partendo da un movimento, in precedenza avveniva in un tab diverso dell’interfaccia.
Le righe relative ai movimenti posso essere collassabili, mostrando al loro interno una tabella innestata con tutte le registrazioni contabili che fanno riferimento a quello specifico movimento.

Operazioni multiple

Tutte le operazioni principali possono essere completate in maniera massiva.
L’aggiunta di una check-box all’inizio di una riga conferisce la possibilità di compiere la stessa operazione si righe diverse in modo simultaneo.

Validazioni automatiche

Per ridurre al minimo la possibilità di compiere errori, sono state inserite numerose validazioni sulle CTA.
Per eseguire un’operazione di contabilità due livelli di controllo dovranno essere soddisfatti. La disabilitazione delle CTA, in momenti specifici, garantisce un ordine ben specifico durante l’operatività, riducendo la possibilità di fare errori.

Test e iterazione

In seguito all’approvazione tecnica da parte del team di sviluppo e a una verifica funzionale da parte del team di prodotto, abbiamo realizzato un prototipo dell’esperienza utente generale.

Il prototipo è stato testato con gli utenti finali, ci siamo focalizzati principalmente sulle interazioni e sulle azioni che compivano in maniera spontanea.

I feedback sono stati complessivamente positivi, gli utenti sono soddisfatti dei miglioramenti fatti alla UX e alla semplificazione di tutto il processo. Lamentavano soltanto di alcune informazioni ritenute da noi secondarie, utili a loro per svolgere al meglio l’operativitià

Progetto finale

Nelle 4 settimane successive ai test la sviluppo è stato diviso in due sprint: il primo dedicato allo sviluppo della nuova strutta di back-end invece il secondo sprint è stato dedicato alla parte di front-end.

Durante il primo sprint sono state aggiunte le informazioni richieste dagli utenti in fase di test.