SlideShare a Scribd company logo
1 of 33
Download to read offline
BLACK AND
WHITE COFFEE
CONSUMPTION
GRUPPO CAFFÈ-LATTE
GRUPPO CAFFÈ-LATTE
ENRICA
BEVILACQUA
839595
SERENA
FOSSATI
847698
ARIANNA
GOLDONI
846848
FEDERICO
MANDELLI
834731
INFOGRAFICA DI
PARTENZA
Autori: John Malley
Pubblicazione: doubleshotofadata.com
Anno: 2018
Infografica dinamica che illustra il consumo
di caffè a livello globale con 3 grafici,
applicando una segmentazione su Paese,
regione e continente.
● Output: consumo totale, consumo pro
capite
● Tipo di dato: quantitativo
● Audience: commercianti e appassionati
di caffè
4
ANALISI
Sezione con dettaglio di consumo totale
e pro capite di caffè relativi al Paese
selezionato.
Problematiche:
● Assenza di unità di misura
● Uso del principio gestaltico della
prossimità in modo scorretto
● Mancanza riferimento temporale per
la quantità “Billions”
7
INFOBOX
Sezione con grafico a barre orizzontale
dei Paesi analizzati: indica in ordine
decrescente il consumo pro capite
giornaliero di caffè.
Problematiche:
● Assenza della scala di misura
● Finestra pop-up con scomparsa
troppo rapida al mouse hover
8
GRAFICO A BARRE
Sezione con donut chart a 3 anelli specifici
per (interno → esterno): continente,
regione, Paese.
Problematiche:
● Assenza di legenda
● Fette del grafico relative a continente
e regione non reagiscono
dinamicamente al Paese selezionato
● Contrasto di colori poco evidente
9
DONUT CHART
10
VISUALIZATION WHEEL
PROGETTAZIONE DI
UNA NUOVA
INFOGRAFICA
Dati: infografica originale
● Consumo complessivo di tazze di caffè
all’anno
● Segmentazione dei dati in base a continente,
regione/area del mondo e Paese; output
numerico indicato solo per “Paese”
Dati: presentazione e integrazione
● Mantenere i medesimi dati ma dare la
possibilità di effettuare un confronto tra 2
Paesi, anche fra i mesi di un anno
● Integrare dati relativi al consumo di altri
prodotti di caffetteria nel Paese
12
1. Integrazione dei dati
● Rappresenta il consumo di caffè e prodotti
di caffetteria nel mondo
● Scopo informativo se utilizzata all’interno di
caffetterie american-style come Starbucks,
Costa, Caffè Nero o Arnold Coffee
● Scopo promozionale se utilizzata in
campagne di guerrilla marketing
● Carattere prevalentemente narrativo
13
2. Descrizione infografica
● Studenti adolescenti e universitari che
frequentano caffetterie american-style
● Localizzati in metropoli e grandi città,
soprattutto europee, asiatiche e
nordamericane
14
3. Definizione del target
4. Indici e aggregazioni
● Andamento annuale e mensile del
consumo di caffè e prodotti di caffetteria
MODELLO VISIVO
SKETCH
STEP DATA VISUALIZATION 1
Step 1 Step 2 Step 3 Step 4
STEP DATA VISUALIZATION 1
Step 5 Step 6 Step 7
STEP DATA VISUALIZATION 1
Step 8 Step 9
STEP DATA VISUALIZATION 2
Step 10 Step 11 Step 12
ISTRUZIONI
● Spiegazione passo passo delle azioni
da intraprendere
● Uso di linguaggio e slang in linea con il
target
ELENCO PAESI
SELEZIONE ANNO
● Selezione in due step, con
menu a tendina:
○ Continente
○ Paese
● Anno attuale come default
● Anno selezionato mostrato con
dimensione e peso maggiore
● Elenco orizzontale che segue
l’ordine di lettura occidentale
LEGENDA 1
Nella prima visualizzazione la legenda
indica colore o texture di sfondo
applicate a Paese 1 e Paese 2 e mostra i
miliardi di tazze di caffè e di prodotti
di caffetteria consumati all’anno
LEGENDA 2
Nella seconda visualizzazione
la legenda indica lo spessore di
un singolo giorno del mese.
Il colore, nero o beige, è
relativo alla bevanda
maggiormente consumata in
quel giorno
PICTORAL STACKED CHART
● Mostra i dati relativi al
consumo di caffè divisi in
2 Pictoral Stacked Chart:
uno per caffè (black
coffee) e uno per prodotti
di caffetteria più elaborati
(white coffee)
● I dati dei due Paesi sono
rapportati tra loro con una
proporzione, in modo che
la tazza risulti sempre
“piena”
GRAFICO ORIGINALE
● Mostra i dati relativi al
consumo di caffè a
livello di trend mensile
e annuale
● Ogni barretta indica la
categoria di bevanda
più consumata in quel
giorno, black o white
coffee
● L’infobox mostra il
prodotto più
consumato nel mese,
sia per black che per
white coffee
26
CONFRONTO
Data viz originale Data viz nuova
VALUTAZIONE E
MIGLIORAMENTI
● Scorretta interpretazione del pattern o
colore piatto a cui si riferisce l’infobox
● Difficoltà nell’operare il confronto tra Paesi
per lo stesso prodotto
● Istruzioni ritenute ambigue in alcuni step
● Difficoltà nel seguire le istruzioni per via
dell’ordine dei blocchi interattivi,
inizialmente:
○ Data visualization
○ Selezione Paese
○ Selezione anno
VALUTAZIONE EURISTICA:
PROBLEMI
● Riordinamento dei 3 blocchi principali, in
modo da seguire l’ordine dei passaggi logici
delle istruzioni
● Modifica del testo delle istruzioni
● Passaggio da pattern fotografico a pattern
flat
● Dimensione e forma delle tazze rese uguali
VALUTAZIONE EURISTICA:
MIGLIORAMENTI
30
TEST UTENTE: PROBLEMI
Prima visualizzazione
● Difficoltà nell’identificazione dell’argomento
della visualizzazione
● Difficoltà nel confronto fra i due Paesi quando
non vengono letti i box
Seconda visualizzazione
● Scarsa visibilità del singolo giorno dovuto allo
scarso spessore
● Scarsa significatività dei dati mostrati
NUOVE
ESPLORAZIONI
Prima visualizzazione
● Riorganizzazione dello
spazio e della posizione dei
blocchi
● Trasformazione dei grafici in
Pie Chart, più familiari e
comprensibili dal pubblico
● Viene mantenuto il
carattere figurativo della
visualizzazione: i due charts
sono rappresentati come
due tazze viste dall’alto
NUOVE
ESPLORAZIONI
Seconda visualizzazione
● Trasformazione dei grafici in
Stacked Bar chart, che
restituiscono informazioni
più significative
● Si possono confrontare i due
Paesi selezionando un solo
mese
● È più intuibile il trend di
consumo delle bevande
GRAZIE!

More Related Content

Featured

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 

Featured (20)

Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 

Data Visualization - Coffee Consumption

  • 4. Autori: John Malley Pubblicazione: doubleshotofadata.com Anno: 2018 Infografica dinamica che illustra il consumo di caffè a livello globale con 3 grafici, applicando una segmentazione su Paese, regione e continente. ● Output: consumo totale, consumo pro capite ● Tipo di dato: quantitativo ● Audience: commercianti e appassionati di caffè 4
  • 5.
  • 7. Sezione con dettaglio di consumo totale e pro capite di caffè relativi al Paese selezionato. Problematiche: ● Assenza di unità di misura ● Uso del principio gestaltico della prossimità in modo scorretto ● Mancanza riferimento temporale per la quantità “Billions” 7 INFOBOX
  • 8. Sezione con grafico a barre orizzontale dei Paesi analizzati: indica in ordine decrescente il consumo pro capite giornaliero di caffè. Problematiche: ● Assenza della scala di misura ● Finestra pop-up con scomparsa troppo rapida al mouse hover 8 GRAFICO A BARRE
  • 9. Sezione con donut chart a 3 anelli specifici per (interno → esterno): continente, regione, Paese. Problematiche: ● Assenza di legenda ● Fette del grafico relative a continente e regione non reagiscono dinamicamente al Paese selezionato ● Contrasto di colori poco evidente 9 DONUT CHART
  • 12. Dati: infografica originale ● Consumo complessivo di tazze di caffè all’anno ● Segmentazione dei dati in base a continente, regione/area del mondo e Paese; output numerico indicato solo per “Paese” Dati: presentazione e integrazione ● Mantenere i medesimi dati ma dare la possibilità di effettuare un confronto tra 2 Paesi, anche fra i mesi di un anno ● Integrare dati relativi al consumo di altri prodotti di caffetteria nel Paese 12 1. Integrazione dei dati
  • 13. ● Rappresenta il consumo di caffè e prodotti di caffetteria nel mondo ● Scopo informativo se utilizzata all’interno di caffetterie american-style come Starbucks, Costa, Caffè Nero o Arnold Coffee ● Scopo promozionale se utilizzata in campagne di guerrilla marketing ● Carattere prevalentemente narrativo 13 2. Descrizione infografica
  • 14. ● Studenti adolescenti e universitari che frequentano caffetterie american-style ● Localizzati in metropoli e grandi città, soprattutto europee, asiatiche e nordamericane 14 3. Definizione del target 4. Indici e aggregazioni ● Andamento annuale e mensile del consumo di caffè e prodotti di caffetteria
  • 17. STEP DATA VISUALIZATION 1 Step 1 Step 2 Step 3 Step 4
  • 18. STEP DATA VISUALIZATION 1 Step 5 Step 6 Step 7
  • 19. STEP DATA VISUALIZATION 1 Step 8 Step 9
  • 20. STEP DATA VISUALIZATION 2 Step 10 Step 11 Step 12
  • 21. ISTRUZIONI ● Spiegazione passo passo delle azioni da intraprendere ● Uso di linguaggio e slang in linea con il target
  • 22. ELENCO PAESI SELEZIONE ANNO ● Selezione in due step, con menu a tendina: ○ Continente ○ Paese ● Anno attuale come default ● Anno selezionato mostrato con dimensione e peso maggiore ● Elenco orizzontale che segue l’ordine di lettura occidentale
  • 23. LEGENDA 1 Nella prima visualizzazione la legenda indica colore o texture di sfondo applicate a Paese 1 e Paese 2 e mostra i miliardi di tazze di caffè e di prodotti di caffetteria consumati all’anno LEGENDA 2 Nella seconda visualizzazione la legenda indica lo spessore di un singolo giorno del mese. Il colore, nero o beige, è relativo alla bevanda maggiormente consumata in quel giorno
  • 24. PICTORAL STACKED CHART ● Mostra i dati relativi al consumo di caffè divisi in 2 Pictoral Stacked Chart: uno per caffè (black coffee) e uno per prodotti di caffetteria più elaborati (white coffee) ● I dati dei due Paesi sono rapportati tra loro con una proporzione, in modo che la tazza risulti sempre “piena”
  • 25. GRAFICO ORIGINALE ● Mostra i dati relativi al consumo di caffè a livello di trend mensile e annuale ● Ogni barretta indica la categoria di bevanda più consumata in quel giorno, black o white coffee ● L’infobox mostra il prodotto più consumato nel mese, sia per black che per white coffee
  • 28. ● Scorretta interpretazione del pattern o colore piatto a cui si riferisce l’infobox ● Difficoltà nell’operare il confronto tra Paesi per lo stesso prodotto ● Istruzioni ritenute ambigue in alcuni step ● Difficoltà nel seguire le istruzioni per via dell’ordine dei blocchi interattivi, inizialmente: ○ Data visualization ○ Selezione Paese ○ Selezione anno VALUTAZIONE EURISTICA: PROBLEMI
  • 29. ● Riordinamento dei 3 blocchi principali, in modo da seguire l’ordine dei passaggi logici delle istruzioni ● Modifica del testo delle istruzioni ● Passaggio da pattern fotografico a pattern flat ● Dimensione e forma delle tazze rese uguali VALUTAZIONE EURISTICA: MIGLIORAMENTI
  • 30. 30 TEST UTENTE: PROBLEMI Prima visualizzazione ● Difficoltà nell’identificazione dell’argomento della visualizzazione ● Difficoltà nel confronto fra i due Paesi quando non vengono letti i box Seconda visualizzazione ● Scarsa visibilità del singolo giorno dovuto allo scarso spessore ● Scarsa significatività dei dati mostrati
  • 31. NUOVE ESPLORAZIONI Prima visualizzazione ● Riorganizzazione dello spazio e della posizione dei blocchi ● Trasformazione dei grafici in Pie Chart, più familiari e comprensibili dal pubblico ● Viene mantenuto il carattere figurativo della visualizzazione: i due charts sono rappresentati come due tazze viste dall’alto
  • 32. NUOVE ESPLORAZIONI Seconda visualizzazione ● Trasformazione dei grafici in Stacked Bar chart, che restituiscono informazioni più significative ● Si possono confrontare i due Paesi selezionando un solo mese ● È più intuibile il trend di consumo delle bevande