Guide cartacee → piattaforma mobile offline per 20.000 dipendenti
Trasformare 72 guide operative cartacee in un'esperienza mobile offline-first usata ogni giorno in un'organizzazione globale. Designer unica, responsabilità end-to-end, consegnato in 8 mesi.
Trasformare le guide operative cartacee in un'esperienza mobile
Una grande organizzazione globale si affidava a 72 guide operative cartacee con procedure tecniche usate quotidianamente da lavoratori e responsabili in ambienti impegnativi. Le guide erano difficili da consultare, costose da aggiornare e poco pratiche da portare e usare sul campo.
L'obiettivo era trasformare questa documentazione in un'applicazione mobile offline. L'analisi delle 72 guide ha rivelato una struttura consistente di 14 sezioni in tutte le aree operative, che è diventata la base dell'architettura informativa (una scelta deliberata per preservare la familiarità e ridurre al minimo la curva di apprendimento per utenti con scarsa esperienza digitale).
Product Designer unica, responsabile del design end-to-end. Ho collaborato con il Product Owner, il Project Manager, il team di ingegneria, l'architetto di sistema e gli stakeholder operativi, allineando questi gruppi attorno a uno scope di MVP tecnicamente fattibile che soddisfacesse comunque le esigenze degli utenti. Questo ha richiesto la negoziazione di compromessi, la difesa delle esigenze degli utenti rispetto ai vincoli tecnici e di tempo, e la definizione di cosa avrebbe fatto parte della prima versione e cosa delle iterazioni successive.
Ho collaborato con una ricercatrice per l'usability testing. Ho costruito il prototipo a bassa fedeltà usato nelle sessioni e ho partecipato direttamente al testing, traducendo i risultati in decisioni di design. Tre di quei risultati hanno modificato il design direttamente e sono documentati nella sezione Decisioni di Design.
La mappatura delle 72 guide operative ha rivelato una struttura consistente di 14 sezioni in tutte le aree. Questa è diventata la spina dorsale dell'IA e il modello di navigazione principale, preservando il modello mentale che gli utenti già avevano dalla versione cartacea.
Sessioni bisettimanali con il PM, gli ingegneri e i responsabili operativi hanno definito le priorità dell'MVP e rilevato i vincoli tecnici in anticipo, permettendo alle decisioni di design di tenere conto delle limitazioni di sistema prima che diventassero bloccanti.
Ho collaborato con una ricercatrice per testare prototipi a bassa fedeltà con dipendenti operativi reali. Ho costruito il prototipo e partecipato alle sessioni. Il testing ha validato il modello di navigazione e ha rilevato tre risultati che hanno modificato direttamente il design finale.
Navigazione che rispecchia la struttura delle guide cartacee
Vista dipendente, 14 sezioni che replicano la struttura delle guide cartacee. La navigazione ad accordion permette di scorrere l'intera mappa dei contenuti senza navigare tra i procedimenti.
Stessa struttura, adattata per un volume di contenuti maggiore
Vista responsabile, stessa struttura a 14 sezioni con titoli di sezione che raggruppano gli accordion dove il volume dei contenuti richiedeva ancore visive aggiuntive. Aggiunto dopo l'usability testing con gli utenti responsabili.
Un sistema di contenuti progettato per la densità e la lettura rapida
Ogni guida supporta più formati di contenuto nella stessa schermata: testo introduttivo, callout evidenziati, elenchi puntati, riferimenti illustrati e sezioni di dettaglio espandibili. La divulgazione progressiva mantiene visibile la panoramica mentre permette di espandere solo ciò che è rilevante per il compito in corso.
Panoramica della guida, tutte le sezioni chiuse, offrendo agli utenti una mappa completa del procedimento prima di espandere qualsiasi dettaglio.
Dettaglio guida, una sezione espansa che mostra il sistema di contenuti completo: testo introduttivo, callout evidenziato, elenco puntato con sottocategorie e riferimento illustrato. Le altre sezioni rimangono chiuse.
Selezione della lingua nella prima schermata. Ricerca progettata per il post-MVP.
Selezione della lingua nella splash screen, posizionata prima del caricamento di qualsiasi contenuto affinché gli utenti possano accedere all'app nella propria lingua fin dalla prima interazione, evitando attrito su dispositivi configurati in una lingua diversa per impostazione predefinita.
Ricerca, progettata in parallelo all'MVP e pianificata per la versione successiva. Include stato vuoto, suggerimenti, ricerche recenti, risultati con etichette di sezione e ruolo, e correzione degli errori di battitura.
Le scelte che hanno dato forma al prodotto
72 guide, contenuti densi. Gli accordion permettono agli utenti di scorrere prima l'intera struttura ed espandere solo ciò che serve. Validato nel testing: ricerca dei procedimenti più rapida rispetto alla navigazione tra livelli di schermata.
Questo ha informato anche tre decisioni di interazione specifiche:
- Pulsante "Chiudi" in fondo a ogni accordion espanso, per evitare di dover scorrere verso l'alto per chiuderlo.
- Link "Torna" all'inizio e alla fine di ogni guida, che riporta alla sezione precedentemente aperta preservando lo stato di navigazione.
- Immagini espandibili a schermo intero per l'ispezione di dettaglio in condizioni operative.
Costruita sulla struttura che gli utenti già conoscevano dalle guide cartacee, riducendo al minimo la curva di apprendimento. Anche operativamente flessibile: le guide possono essere aggiunte o rimosse senza modifiche strutturali all'app.
Le icone di navigazione sono sempre accompagnate da etichette di testo per la stessa ragione: gli utenti con scarsa esperienza mobile non possono fare affidamento solo sul riconoscimento delle icone.
Senza di essa, l'app sarebbe stata inaccessibile a una parte significativa degli utenti fin dal primo giorno. Non un miglioramento post-lancio, ma un requisito fondamentale che ho sostenuto fin dall'inizio.
Le limitazioni di sistema hanno escluso la ricerca dalla prima versione. La navigazione a 14 sezioni è stata progettata specificamente per permettere di trovare i procedimenti senza di essa. La ricerca completa è stata progettata in parallelo per la versione successiva.
- I wireframe iniziali usavano una barra tab in basso. I lavoratori operativi hanno trovato il posizionamento in alto più intuitivo.
- La vista responsabile ha acquisito titoli di sezione come livello di raggruppamento dopo che il testing ha rivelato che il volume dei procedimenti era difficile da scorrere.
- È stata aggiunta una sezione Apprendimento e Onboarding dopo che il testing ha rilevato utenti che necessitavano di orientamento prima di accedere ai procedimenti.
Immagini ottimizzate per l'affidabilità offline, incluse solo dove aggiungono valore di comprensione che il testo da solo non può fornire.
Ombre ed effetti di elevazione sono stati evitati per la stessa ragione: in condizioni esterne con luce solare diretta, diventano invisibili e aggiungono rumore visivo senza valore funzionale.
Consegnato in tempo. Usato ogni giorno.
L'applicazione è stata consegnata in otto mesi da un'unica designer e distribuita a circa 20.000 dipendenti, diventando lo strumento di riferimento operativo standard dell'organizzazione.
L'usability testing ha mostrato una riduzione stimata del 15% del tempo per localizzare i procedimenti, basata sul feedback degli utenti durante le prime interazioni con il formato digitale, un miglioramento significativo in ambienti dove velocità e precisione influiscono direttamente sui risultati operativi. La sostituzione dei manuali cartacei ha anche eliminato un costo ricorrente significativo per l'organizzazione.