Sfida: Un'interfaccia frammentata
La UI di AskMe Sign era caratterizzata da una forte frammentazione visiva e da una mancanza di coerenza. Questa incoerenza rendeva l'esperienza utente confusa e poco intuitiva, impattando negativamente sulla percezione del brand e sull'efficienza degli utenti.
1. Definizione delle linee guida di Design
Soluzione: Un design system unificato
Per affrontare questa sfida, abbiamo implementato dei nuovi componenti nel design system e uniformato quelli già presenti, così che la libreria risultasse completa e coerente. Questa decisione ha fornito una guida chiara per lo sviluppo di tutti gli elementi dell'interfaccia, garantendo un'estetica coerente e un'esperienza utente più fluida. Abbiamo condotto un'analisi approfondita dell'esperienza utente esistente per identificare le aree di miglioramento e abbiamo definito linee guida precise per:
-
Visual design: palette colori, tipografia, iconografia e layout.
-
Interaction design: componenti interattivi, microanimazioni e feedback visivi.
-
Accessibilità: conformità agli standard WCAG.
Risultati: Un'esperienza utente migliorata
L'adozione del design system ha portato a significativi miglioramenti nell'esperienza utente totale dell'applicativo, in particolare:
-
Maggiore intuitività: L'interfaccia è diventata più intuitiva e facile da navigare.
-
Coerenza visiva: L'estetica unificata ha rafforzato l'identità del brand.
-
Aumento dell'efficienza: Gli utenti hanno potuto completare le loro attività in modo più rapido e semplice.
Sfida: Scalare il design system per un'esperienza utente coerente
Con lo sviluppo della gamma di prodotti AskMe, è emersa la necessità di un design system più robusto e scalabile. Il design system esistente, frammentato e poco documentato, limitava la capacità di creare esperienze utente coerenti e di alta qualità su tutti i prodotti. Inoltre, la mancanza di un sistema di design centralizzato aumentava i tempi e i costi di sviluppo, rallentando l'introduzione di nuove funzionalità.
2. Aggiornamento e miglioramento del Design System
Soluzione: Un design system centralizzato e modulare
Per affrontare questa sfida, abbiamo implementato un design system centralizzato e modulare. Le principali azioni intraprese sono state:
-
Ampliamento della libreria di componenti: Abbiamo arricchito la libreria con nuovi componenti riutilizzabili, coprendo una vasta gamma di elementi dell'interfaccia utente.
-
Ottimizzazione del codice: Abbiamo migliorato la qualità del codice sorgente, adottando best practice di sviluppo e garantendo una maggiore manutenibilità.
-
Integrazione con Angular Material: Abbiamo sfruttato le potenzialità di Angular Material per accelerare lo sviluppo e garantire l'allineamento con le ultime tendenze del design.
-
Documentazione dettagliata: Abbiamo creato una documentazione esaustiva per ogni componente, includendo linee guida sull'utilizzo, considerazioni sull'accessibilità e esempi di implementazione.
Risultati: Un'esperienza utente più coerente e uno sviluppo più efficiente
L'implementazione del nuovo design system ha portato a numerosi vantaggi:
-
Coerenza visiva: Un'esperienza utente più coerente su tutti i prodotti AskMe ha rafforzato il brand e migliorato la riconoscibilità.
-
Aumento dell'efficienza: La riutilizzabilità dei componenti ha accelerato i tempi di sviluppo e ridotto i costi.
-
Miglioramento della qualità: L'adozione di standard di accessibilità ha reso l'applicazione più inclusiva.
-
Scalabilità: Il design system è diventato una solida base per lo sviluppo di nuovi prodotti e funzionalità.
Sfida: Trasformare una visione di Design in realtà attraverso prototipi ad alta fedeltà su Figma
La sfida principale di questa fase consisteva nel comunicare efficacemente una nuova visione di design per AskMe Sign, coinvolgendo attivamente gli stakeholder per raccogliere feedback e allineare le aspettative. L'obiettivo era creare prototipi ad alta fedeltà che rappresentassero in modo realistico l'esperienza utente finale e che potessero essere utilizzati come punto di riferimento per lo sviluppo del prodotto.
3. Prototipi ad Alta Fedeltà con Figma
Soluzione: Prototipi interattivi e coinvolgimento degli stakeholder
Per superare questa sfida, abbiamo adottato un approccio incentrato sulla creazione di prototipi altamente dettagliati e interattivi:
Prototipi ad alta fedeltà: Ho sviluppato prototipi che replicavano fedelmente l'aspetto e il funzionamento dell'interfaccia utente finale, sia per la versione web che per quella mobile.
Elementi interattivi: Ho incluso elementi interattivi per simulare l'esperienza utente reale e permettere agli stakeholder di esplorare le funzionalità in modo intuitivo.
Feedback e iterazione: Ho coinvolto attivamente il team di prodotto, gli stakeholder e gli utenti finali in sessioni di feedback e test di usabilità. I feedback raccolti sono stati utilizzati per iterare sui prototipi e affinare il design.
Risultati: Un design centrato sull'utente e allineato agli obiettivi
Grazie a questo approccio, abbiamo ottenuto i seguenti risultati:
-
Comunicazione efficace: I prototipi ad alta fedeltà hanno permesso di comunicare in modo chiaro e conciso la nuova visione di design, facilitando l'allineamento tra tutti gli stakeholder.
-
Design centrato sull'utente: Il coinvolgimento degli utenti durante il processo di progettazione ha garantito che il design finale fosse in linea con le loro esigenze e aspettative.
-
Riduzione dei rischi: I test di usabilità condotti sui prototipi hanno permesso di identificare e risolvere potenziali problemi di usabilità in anticipo, riducendo i rischi di sviluppo.
-
Base solida per lo sviluppo: I prototipi ad alta fedeltà hanno fornito una base solida per lo sviluppo del prodotto finale, accelerando i tempi di realizzazione e migliorando la qualità del risultato.
Sfida: Sviluppare nuove funzionalità in modo agile e allineato agli obiettivi di business
L'introduzione di nuove funzionalità complesse all'interno di AskMe Sign richiedeva un approccio di sviluppo agile e altamente collaborativo. La sfida consisteva nel garantire che le nuove funzionalità fossero sviluppate in modo efficiente, mantenendo al contempo un'alta qualità dell'esperienza utente e allineandosi con le esigenze in continua evoluzione del mercato e dei clienti.
4. Sviluppo Agile e Design centrato sull'utente
Soluzione: Un approccio agile e focalizzato sulle esigenze del cliente
Per affrontare questa sfida, abbiamo adottato un approccio di sviluppo incentrato sulle esigenze del cliente:
-
Metodologia Agile: Abbiamo implementato un processo di sviluppo agile, caratterizzato da cicli di sviluppo brevi, collaborazione continua tra team e una forte attenzione al feedback del product owner e dei clienti.
-
User Flows e Prototipazione: Prima di iniziare lo sviluppo, ho creato flussi utente dettagliati e prototipi ad alta fedeltà per visualizzare l'interazione dell'utente con la nuova funzionalità.
-
Validazione continua: Durante tutto il processo di progettazione, ho coinvolto attivamente il product owner e i clienti per raccogliere feedback e garantire che le nuove funzionalità fossero in linea con i loro requisiti.
Risultati: Funzionalità innovative e allineate agli obiettivi di business
Grazie ad un approccio Agile, abbiamo ottenuto i seguenti risultati:
-
Tempi di sviluppo ridotti: L'approccio agile ha permesso di sviluppare e rilasciare le nuove funzionalità più rapidamente, rispondendo in modo efficace alle esigenze del mercato.
-
Allineamento con gli obiettivi di business: Le nuove funzionalità sono state sviluppate in stretta collaborazione con il product owner e i clienti.
-
Flessibilità e adattabilità: L'approccio agile ci ha permesso di adattarci rapidamente ai cambiamenti dei requisiti e alle esigenze del mercato.
-
Soddisfazione del cliente: Il coinvolgimento continuo del cliente durante il processo di sviluppo ha garantito che le nuove funzionalità fossero in linea con le loro aspettative e contribuissero a migliorare la loro esperienza.
Sfida: Rendere AskMe Sign accessibile a tutti
La sfida consisteva nel rendere l'applicazione web AskMe Sign pienamente accessibile a tutti gli utenti, comprese le persone con disabilità. L'obiettivo era garantire la conformità ai requisiti WCAG e offrire un'esperienza utente positiva e inclusiva.
6. Garantire l'accessibilità per la Pubblica Amministrazione
Soluzione: Un approccio sistematico all'accessibilità
Per affrontare questa sfida, abbiamo adottato un approccio sistematico e data-driven all'accessibilità:
-
Analisi approfondita con Accessibility Insights: Utilizzando l'estensione Chrome Accessibility Insights for Web, abbiamo condotto un'analisi dettagliata dell'applicazione, identificando le aree che non erano conformi ai requisiti WCAG 2.2. Questo strumento ci ha fornito dati precisi e misurabili sulle barriere all'accessibilità presenti.
-
Piano di miglioramento personalizzato: Sulla base dei risultati dell'analisi, abbiamo sviluppato un piano di miglioramento personalizzato, priorizzando le modifiche che avrebbero avuto il maggiore impatto sull'accessibilità.
-
Implementazione delle modifiche: Abbiamo implementato le modifiche necessarie per garantire la conformità WCAG, prestando particolare attenzione all'uso corretto di elementi HTML, all'aggiunta di testo alternativo per le immagini e alla creazione di una struttura di pagina logica.
Risultati: Un'applicazione web più inclusiva
Grazie a questo approccio, abbiamo ottenuto i seguenti risultati:
-
Conformità WCAG 2.2 verificata: Grazie all'utilizzo di Accessibility Insights, abbiamo potuto verificare in modo oggettivo la conformità dell'applicazione ai requisiti WCAG 2.2.
-
Esperienza utente migliorata: Le modifiche apportate hanno non solo reso l'applicazione più accessibile, ma hanno anche migliorato l'esperienza utente complessiva per tutti gli utenti.
-
Immagine di marca rafforzata: La conformità WCAG dimostra l'impegno di AskMe Sign nel creare prodotti inclusivi e accessibili, contribuendo a rafforzare la nostra reputazione.
Sfida: Estendere AskMe Sign al mondo offline, garantendo sicurezza e coerenza
La crescente domanda di soluzioni di firma elettronica flessibili e sicure ha portato alla necessità di estendere le funzionalità di AskMe Sign oltre l'ambiente web. La sfida principale consisteva nel sviluppare una soluzione che permettesse agli utenti di firmare e verificare documenti in modo sicuro anche in assenza di connessione internet, mantenendo al contempo un'esperienza utente coerente e intuitiva su tutte le piattaforme.
5. Applicativo Desktop
Soluzione: Un'applicazione desktop offline completa e sicura
Per rispondere a questa sfida, abbiamo sviluppato un'applicazione desktop offline che offre una serie di funzionalità avanzate:
-
Firma offline: Gli utenti possono firmare documenti in modo sicuro utilizzando i formati PAdES, XAdES e CAdES, anche senza connessione internet.
-
Verifica locale: L'applicazione permette di verificare l'autenticità e l'integrità delle firme digitali a livello locale, garantendo la massima sicurezza.
-
Funzionalità offline complete: L'applicazione offre tutte le funzionalità principali di AskMe Sign, anche in modalità offline, grazie all'utilizzo di un database locale e di algoritmi di crittografia avanzati.
Risultati: Un'esperienza utente più flessibile e sicura
L'introduzione dell'applicazione desktop offline ha portato a numerosi vantaggi:
-
Maggiore accessibilità: Gli utenti possono ora firmare e verificare documenti in qualsiasi momento e luogo, anche in assenza di connessione internet.
-
Sicurezza rafforzata: La firma e la verifica locali dei documenti offrono un livello di sicurezza superiore, proteggendo i dati sensibili da potenziali minacce informatiche.
-
Esperienza utente coerente: Il design intuitivo e l'utilizzo di un linguaggio visuale coerente garantiscono un'esperienza utente fluida e piacevole su tutte le piattaforme.
-
Flessibilità: L'applicazione desktop offre una maggiore flessibilità, permettendo agli utenti di lavorare con i documenti anche quando sono offline.
+30
Funzionalità progettate
+280'000
Utenti attivi
AskMe Sign
AskMe Sign è la soluzione Lascaux per la gestione dei processi di firma elettronica multipiattaforma, semplice, sicura e ideale per grandi aziende, PMI e professionisti.
Offre la possibilità di firma via browser o tramite app per tablet/smartphone, con un'interfaccia ottimizzata per ogni scenario ed è integrato con le principali Certification Authorities italiane per l’apposizione della firma qualificata sui documenti e per la gestione di libri firma, firme di presenza, firme commerciali con la massima semplicità.
Obbiettivo progetto
Con la crescita del prodotto AskMe Sign, è emersa la necessità di un'esperienza utente (UX) coesa, coerente ed efficace. Questo case study approfondisce il processo di progettazione UX intrapreso per affrontare questa sfida e migliorare l'esperienza utente complessiva, integrando nuove funzionalità al prodotto in base alle necessità degli utenti.
Team
UX RESEARCHER, PRODUCT OWNER, ANGULAR DEVELOPER, UX/UI DESIGNER
Il mio ruolo
UX/UI DESIGNER (attività coordinate da un Senior UX Designer)
Tools
AFFINITY | FIGMA | FIGJAM | LOTTIEFILES
Ambiti stimolanti
UX/UI DESIGN | PRODUCT DESIGN | RICERCA UX | ACCESSIBILITÀ