Skip to main content

Viviamo nell'era dei big data e dell'analisi dei dati e sembra che questa disciplina sia apparsa praticamente ovunque, incluse le vendite, il marketing, la gestione prodotto e, naturalmente, il design UX.

C’è un valido motivo per cui l’analisi dei dati è diventata una parte essenziale del flusso di lavoro di design in questi tempi. Analizzando il comportamento dei tuoi utenti, puoi migliorare significativamente la qualità dei tuoi design.

Quindi, vediamo come i team di design possono sfruttare il design guidato dai dati e assicurarsi che i tuoi utenti siano in uno stato di assoluta soddisfazione quando interagiscono con il tuo prodotto.

Want more from The CPO Club?

Sign up for a free membership to complete reading this article:

Step 1 of 2

This field is for validation purposes and should be left unchanged.
Name*
This field is hidden when viewing the form

Che cos’è il Data Driven Design (e perché usare i dati nel tuo processo di UX Design?)

Il design guidato dai dati è il processo di integrazione del monitoraggio dei dati e dell’analisi nel proprio flusso di lavoro per aiutare a prendere decisioni progettuali migliori basandosi sugli insight ottenuti dagli strumenti di data analytics.

I designer utilizzano una varietà di strumenti di ricerca utente e di analisi per monitorare i percorsi utente critici e i KPI che rappresentano la facilità d’uso complessiva del loro prodotto. A questo scopo, usano processi come i test A/B, l’analisi di diversi tipi di dati (ad esempio dati quantitativi e qualitativi), test utente, interviste a focus group, la creazione di landing page e prototipi tracciabili, e altri ancora.

Di conseguenza, possono identificare rapidamente problemi di usabilità, trovare la causa principale e risolverla.

Inoltre, i team di design utilizzano attivamente l’analisi dei dati per misurare l’impatto delle loro ultime soluzioni di design sull’esperienza utente e sfruttano le informazioni raccolte per creare nuove iterazioni migliorate.

We’ve collected the goods — AI prompts, exclusive deals, and a library of resources for product leaders. Unlock your account for access.

We’ve collected the goods — AI prompts, exclusive deals, and a library of resources for product leaders. Unlock your account for access.

This field is for validation purposes and should be left unchanged.
Name*
This field is hidden when viewing the form

Esempi di Design Guidato dai Dati

La disciplina di implementare soluzioni di UX design basate su dati empirici è molto più diffusa di quanto si possa pensare. La maggior parte delle aziende di prodotto di successo utilizza attivamente questo processo per assicurarsi che le scelte di design fatte abbiano probabilmente un impatto positivo sul loro prodotto.

Ecco tre esempi di questi prodotti.

La riproduzione automatica di YouTube

Ricordi le versioni precedenti di YouTube quando dovevi cliccare su un nuovo video dopo che quello corrente era terminato? Non era fastidioso?

Bene, questa “caratteristica” aveva portato a un calo significativo del tasso di coinvolgimento degli utenti di YouTube (numero di video visualizzati al giorno), e il team di design ha deciso di intervenire.

Hanno guardato i dati e raccolto due spunti interessanti:

  • Le persone tendono a guardare diversi video di seguito uno dopo l’altro. Alcuni amano ascoltare musica su YouTube come sottofondo mentre cucinano o puliscono. Altri (come me) amano addormentarsi con un video in riproduzione sullo sfondo.
  • Molti utenti non cliccavano su un’altra miniatura di video dopo che la riproduzione era terminata. Per molti risultava scomodo dover cliccare continuamente sulle miniature dei video.

Sulla base di queste scoperte, hanno deciso di aggiungere la famosa funzione di “riproduzione automatica” che passa automaticamente a un video correlato suggerito dalla piattaforma oppure al prossimo nella playlist.

youtube's auto play

Come risultato, YouTube ha visto un enorme aumento nei suoi indicatori di coinvolgimento.

Il flusso di recensioni centrato sull'utente di Airbnb

Se hai mai soggiornato in una struttura Airbnb, molto probabilmente avrai recensito il posto seguendo il flusso di feedback della piattaforma.

Se ti chiedessi se lasciare una recensione sia stato faticoso, la maggior parte di voi probabilmente direbbe che il modulo non era breve, ma non è stato difficile compilarlo.

Bene, questo perché non hai avuto modo di sperimentare l’agonia di compilare il modulo di recensione di una volta, che era lungo come un romanzo!

Il team di Airbnb si è trovato davanti a due problemi:

  • Pochissime persone compilavano i moduli di recensione.
  • Le risposte nei loro moduli erano molto generiche e poco utili.

Per trovare una soluzione, il team di design ha iniziato ad analizzare i dati sulle performance del modulo e ha capito che la stragrande maggioranza semplicemente lo abbandonava a metà strada.

Sulla base di queste scoperte, il team ha iniziato a condurre test di usabilità e ha compreso che:

  • La lunghezza del modulo risultava opprimente per gli utenti. Nessuno voleva rispondere a così tante domande.
  • Le persone lasciavano feedback generici perché non volevano spendere tempo prezioso a scrivere recensioni dettagliate.

Ora che la fonte del problema era chiara, il team di Airbnb ha avviato una grande riprogettazione dell’esperienza di recensione. Invece di un singolo modulo lungo, hanno creato diverse pagine con moduli più corti per non sopraffare gli utenti.

Hanno anche iniziato a utilizzare pulsanti con risposte predefinite invece di campi di testo, il che li ha aiutati a evitare risposte generiche. Inoltre, il team poteva eseguire analisi dei dati sulle risposte degli utenti e ottimizzarle ulteriormente, poiché le risposte erano strutturate invece che testuali.

screenshot airbnb
Fonte: Airbnb

Come forse avrete già intuito, il modulo ridisegnato è stato un enorme successo! 

Navigazione dei Commenti di Reddit

Reddit non è semplicemente un altro forum. È diventato un fenomeno culturale e il luogo dove tutto l'internet si riunisce per discutere di qualsiasi cosa.

C'era però un interessante lato negativo della popolarità di Reddit. Le persone aggiungevano così tanti commenti sotto gli argomenti pubblicati sul sito che diventava impossibile seguire la discussione. Era particolarmente fastidioso navigare nei thread quando c'erano decine di risposte sotto un singolo commento e bisognava scorrere per un po' prima di raggiungere il commento successivo.

Il team di Reddit era consapevole di questo problema. Avevano anche diversi concept per ridisegnare la sezione dei commenti e renderla più facile da navigare.

Per scegliere il concept migliore, hanno iniziato a effettuare test di usabilità e a utilizzare altri metodi di ricerca per raccogliere dati sulle interazioni degli utenti, estrarre metriche chiave e confrontare tra loro i diversi concept utilizzando queste metriche.

C'era una soluzione di design che si distingueva nettamente: permettere agli utenti di espandere e comprimere le risposte.

screenshot reddit

In questo modo, se non si voleva leggere il thread infinito di risposte sotto un determinato commento, era possibile comprimerlo e passare subito al commento successivo nell'elenco.

Come puoi vedere, il processo di progettazione guidata dai dati è al centro dei flussi di lavoro di molti prodotti di successo.

E so che anche tu vuoi prendere decisioni di design basate sui dati (altrimenti, perché saresti qui?).

Perciò, ecco una panoramica passo passo su come incorporare la progettazione guidata dai dati nel processo di sviluppo del tuo prodotto.

6 Passaggi per Abilitare Decisioni Guidate dai Dati per il tuo Prodotto

Proviamo ora ad adottare un approccio più pratico. Invece di parlare solo in teoria, vedremo anche esempi concreti per ogni passaggio utilizzando strumenti reali. Il mio strumento principale oggi sarà Amplitude, dato che è lo strumento di analisi del prodotto event-driven che utilizzo quotidianamente al lavoro.

Ora, cominciamo con il primo passo: la strategia.

Passo 1: Costruisci una Strategia di Analisi dei Dati con i Tuoi Stakeholder

Puoi dimenticare di ottenere risultati di valore dagli sforzi di analisi dei dati se non hai una solida strategia alle spalle.

Una tipica strategia di analisi dei dati include le seguenti due sezioni:

Sezione 1: Obiettivi

Vuoi definire chiaramente il motivo per cui stai implementando l'analisi in primo luogo. Senza obiettivi chiari, rischi di tracciare e misurare dati utente che non contengono insight di valore.

Ora, immaginiamo che tu sia responsabile di Spotify e vediamo come potrebbe apparire un tipico set di obiettivi per te.

obiettivi e traguardi

Lo so, questi obiettivi sembrano abbastanza ovvi. Ma credimi, senza dichiararli con chiarezza, finirai per confonderti con l'analisi.

Sezione 2: KPI

Una volta che hai definito i tuoi obiettivi, userai questi per ricavare le metriche chiave che vuoi misurare. La parola chiave qui è “ricavare.” Significa che il miglioramento delle tue metriche dovrebbe avvicinarti a raggiungere i tuoi obiettivi.

Per esempio, se il tuo obiettivo è la crescita sostenibile degli utenti, dovresti pensare di misurare la retention, il tasso di attivazione e il tasso di iscrizione. Scegliere come metrica principale l'MRR invece sarebbe una cattiva idea, perché puoi aumentare i ricavi nel breve termine ma perdere la maggior parte di essi nel lungo periodo. In questo caso la tua crescita non sarà sostenibile e fallirai nel raggiungere l'obiettivo.

Ecco come apparirebbe un elenco di KPI per il primo obiettivo del nostro esempio precedente – “Migliorare l'Esperienza Utente”:

esempio di KPI

Questi sono tutti indicatori di un'esperienza utente positiva. Se i tassi sopra menzionati stanno aumentando, possiamo affermare con sicurezza che gli utenti stanno apprezzando il nostro prodotto.

Passaggio 2: Integra uno strumento di analisi dei dati

Ora che hai ben chiaro cosa vuoi misurare, è il momento di pensare a come misurarlo. In particolare, si tratta della scelta dello strumento di analisi che utilizzerai per trovare approfondimenti interessanti nei tuoi dati.

C’è un’ampia gamma di strumenti che puoi prendere in considerazione, a seconda della categoria di analisi a cui sei interessato (ad esempio heatmap, dati demografici, comportamento utente, ecc.), del set di funzionalità (coorti, funnel, ecc.) e naturalmente del tuo budget.

Ecco alcune opzioni che puoi valutare per ciascun tipo:

  • Heatmap (inclusi test A/B e multivariati): Hotjar, Mouseflow, Clarity.
  • Dati demografici e analisi del sito (es. tasso di rimbalzo): Google Analytics, Matomo, Yandex Metrica.
  • Analisi basate su eventi (per tassi di conversione, funnel, ecc.): Amplitude, Mixpanel.
  • Business Intelligence (per metriche di impatto finanziario, ecc.): Looker Studio, Tableau, PowerBI.

La mia configurazione attuale consiste in una combinazione di GA4, Hotjar, Amplitude e Looker Studio.

Oggi, però, voglio concentrarmi su Amplitude e mostrarti come integrarlo.

Utilizzeremo Google Tag Manager (GTM) per semplificare il processo e non coinvolgere il tuo team di sviluppo nell’implementazione.

Iniziamo aprendo GTM, cliccando su "Tag" nella barra laterale sinistra per aprire l’elenco dei tag, e poi su "Nuovo" per aprire la barra laterale di creazione del tag.

screenshot di tag manager

Per evitare di configurare manualmente un tag per Amplitude, l'azienda ha creato un modello pronto all’uso. Per utilizzarlo, occorre cliccare sulla scheda "Configurazione tag" per aprire la galleria dei modelli.

screenshot

Qui, dobbiamo cliccare su "Scopri altri tipi di tag nella Community Template Gallery", cercare "Amplitude" e selezionare "Amplitude Analytics Browser SDK".

screenshot

Ci siamo quasi. Innanzitutto, dobbiamo aggiungere la nostra API Key di Amplitude nel campo corrispondente.

screenshot configurazione tag

Poi aggiungiamo un trigger cliccando sulla scheda del trigger nella schermata e selezionando "Inizializzazione – Tutte le pagine".

Infine, diamo un nome al nostro tag (per esempio, "Amplitude Initialize"), lo salviamo e pubblichiamo una nuova versione in GTM. Voilà! Alla prossima apertura del tuo prodotto, l’SDK di Amplitude si inizializzerà e inizierà a funzionare in background.

Passaggio 3: Documenta il processo di raccolta dati quantitativi

Configurare Amplitude è solo l’inizio del processo. Siccome è uno strumento di analytics basato su eventi, dovrai impostare manualmente gli eventi nel tuo prodotto e attivarli utilizzando l’SDK di Amplitude che abbiamo appena aggiunto tramite GTM.

Ma prima di aggiungere gli eventi, dovremo prima documentarli. Un documento di raccolta dati è solitamente un foglio di calcolo in cui elenchi gli eventi che l’SDK dovrà attivare, quali azioni utente saranno il trigger, e i vari parametri che desideri inviare ad Amplitude insieme all’evento.

Ecco come si presenta una versione semplificata di questo foglio di calcolo per tracciare le interazioni utente nel modulo di recensione di Airbnb.

esempio foglio di calcolo

Dopo aver documentato gli eventi che dobbiamo tracciare, chiederemo quindi al nostro team di ingegneria di aggiungere dei trigger per ognuno di essi nel nostro codice frontend utilizzando l’SDK di Amplitude. Al termine di questa operazione, il nostro prodotto attiverà automaticamente questi eventi e invierà i dati necessari ad Amplitude per permetterci di analizzarli.

Fase 4: Crea report e dashboard per le tue metriche UX chiave

A questo punto hai tutto ciò che ti serve per iniziare l’effettiva analisi e determinare se l’esperienza utente sta soddisfacendo le tue aspettative.

Il tuo percorso verso la visualizzazione dei dati inizierà costruendo grafici per le metriche di usabilità chiave che hai precedentemente identificato e documentato, utilizzando lo strumento di analisi che preferisci. Ti mostro come farlo usando Amplitude come esempio. Il tasso di adozione delle playlist sembra essere una grande metrica da cui iniziare.

Creeremo un nuovo grafico di segmentazione (ossia un grafico ordinario) in Amplitude cliccando sul pulsante “Nuovo” e selezionando “Segmentazione” dalla barra laterale che si apre.

example screenshot

Poi dobbiamo selezionare gli eventi che ci aiuteranno a misurare l’adozione. Nel nostro caso, sarà “Segui Playlist”.

events screenshot

Successivamente, dobbiamo assicurarci che i numeri nel grafico rappresentino la percentuale di utenti attivi che compiono questa azione. Quindi selezioneremo l’opzione “Attivi %” nel menu “Misurato come”.

example screenshot

Ecco come apparirà il nostro grafico. Mostra che circa il 70% dei nostri utenti attivi giornalieri segue playlist ogni giorno. Sinceramente, mi sembra un ottimo risultato.

example screenshot

Infine, salveremo il nostro grafico e lavoreremo sulle metriche rimanenti.

Puoi creare una dashboard per avere una visualizzazione unica di tutte le tue metriche principali. Per farlo cliccheremo nuovamente sul pulsante “Nuovo”, scegliendo “Report” e poi “Dashboard”.

Otterremo così una dashboard vuota che dobbiamo nominare e riempire con i grafici che abbiamo già creato.

dashboard screenshot

Diamo un nome, ad esempio “Metriche di usabilità chiave”, e aggiungiamo i nostri grafici cliccando su “Aggiungi contenuto” e poi su “Grafico esistente” selezionando i grafici creati.

example key metrics screenshot


Complimenti! Ora hai una panoramica di tutte le tue metriche chiave!

Fase 5: Rivedi e analizza costantemente i tuoi report

I risultati che visualizzi sulla dashboard di Amplitude sono “vivi”. Aumentano o diminuiscono in base alle modifiche che apporti alla tua UX. Dovresti quindi rivedere costantemente queste metriche per:

  • Verificare se i tuoi sforzi hanno avuto un impatto positivo sull’usabilità del prodotto.
  • Individuare le metriche con performance scarse e cercare di capirne le cause.

Ti consiglio di organizzare riunioni di revisione settimanali o bisettimanali con i tuoi stakeholder per discutere le variazioni dei KPI e confrontarvi sulle possibili ragioni di eventuali metriche negative.

Il risultato di questi incontri dovrebbe essere una lista di ipotesi su come migliorare le metriche e i problemi candidati che causano la scarsa performance.

Eseguirai poi un processo di ricerca UX design per validare o scartare queste ipotesi e iniziare a sviluppare soluzioni che possano spostare l’ago della bilancia.

Ecco un caso di studio reale proveniente dalla mia esperienza.

Uno dei prodotti su cui ho lavorato era una piattaforma di marketing per siti web che permetteva loro di inviare notifiche push al proprio pubblico. Dopo la registrazione, i proprietari dei siti dovevano configurare il nostro SDK sui loro siti per attivare le notifiche push.

Abbiamo creato un grafico a imbuto che mostrava tutte le principali tappe da seguire per i proprietari di siti web. Quando abbiamo analizzato per la prima volta l’imbuto, abbiamo notato qualcosa di strano. C’era un’enorme diminuzione del 70% tra il passaggio di installazione dell’SDK e l’invio della prima notifica push.

Dopo una sessione di brainstorming, abbiamo ipotizzato che la causa di questo calo fosse l’assenza di una “modalità test”, in cui gli utenti potessero verificare se le notifiche push funzionavano correttamente.

Abbiamo effettuato diversi test di usabilità e interviste agli utenti per validare questa ipotesi. È emerso che i proprietari dei siti web non si sentivano a proprio agio nell’utilizzare una nuova tecnologia a meno che non potessero prima provarla su loro stessi.

Così abbiamo progettato e realizzato un percorso di test che gli utenti avrebbero seguito subito dopo l’installazione dell’SDK. Il risultato è stato sorprendente. Siamo riusciti a soddisfare le esigenze e risolvere i punti dolenti degli utenti abbastanza bene. Nel giro di un paio di settimane, il calo del 70% si è ridotto a solo il 15%!

Fase 6: Integra gli apprendimenti nei tuoi design

L’ultima fase dell’approccio guidato dai dati è anche la più importante. Le tue analisi e ipotesi non avranno alcun impatto sul prodotto se non agisci di conseguenza.

Il modo in cui abbiamo gestito questo processo per uno dei prodotti che guidavo era piuttosto semplice. Nel momento in cui validavamo un’ipotesi, creavamo una task di design prodotto nel nostro tool di gestione task, le assegnavamo una priorità e la affidavamo a uno dei nostri designer.

Non appena il design era pronto, effettuavamo test di usabilità moderati o non moderati, iterando in base ai feedback degli utenti e preparando il nuovo design per la refinement del backlog.

Non importa se segui il processo che ti ho appena illustrato o ne costruisci uno tuo: assicurati di agire in base agli apprendimenti!

Migliora il tuo approccio al design grazie ai dati

L’analisi dei dati è uno strumento eccezionale nelle mani di un team di designer. Monitorando e ottimizzando costantemente i principali indicatori di usabilità, puoi migliorare in modo significativo il processo decisionale e creare esperienze utente che stupiranno i tuoi utenti.

Non dimenticare di iscriverti alla nostra newsletter per ulteriori risorse e guide sulla gestione del prodotto, oltre a podcast, interviste e altri approfondimenti dai leader e dagli esperti del settore.