Web Usability + Data:
come i dati possono aiutare
a comprendere gli utenti
per migliorare l’usabilità dei siti web
Chiara Danese + Elena Osti
Shake My Brand
User eXperience & dati: 2 potenti alleati
CHI SIAMO?
Twitter Account
chiara: @chiaradanese
elena: @ingy600
Hashtag: #wmf17
Vuoi fare
domande
oggi parleremo di:
User eXperience & Data: 2 potenti alleati
Un metodo di lavoro/analisi
Analytics Data & UX: una partita da giocare
Take Away
1
2
3
4
User eXperience & Data:
2 potenti alleati
1
a quale domanda risponde la
User eXperience
User eXperience & dati: 2 potenti alleati
a quale domanda risponde la
User eXperience
User eXperience & dati: 2 potenti alleati
perché?
a quale domanda rispondono
i data
User eXperience & dati: 2 potenti alleati
a quale domanda rispondono
i data
User eXperience & dati: 2 potenti alleati
cosa?
User eXperience & dati: 2 potenti alleati
DATA - Quantitativo UX - Qualitativo
Scoprire fatti Progettare esperienze
Comparazione
numerica,
segmentazione,
correlazione
Studio dei bisogni,
esigenze degli utenti.
Fornire informazioni
statisticamente solide
Migliorare l’esperienza
delle persone
Analisi statistica Indicazioni di design
(iterazione)
Si occupa
Analisi
Insight
Reportistica
Esempi Web analytics Valutazione euristica
Come lavorano?
User eXperience & dati: 2 potenti alleati
UX
perché?
DATA
cosa?
come?
Un metodo di
lavoro/analisi
2
Un metodo di lavoro/analisi
DA DOVE
PARTIAMO?
Un metodo di lavoro/analisi
Stabilire un
processo
basato su
domande/
problemi
Un metodo di lavoro/analisi
Processo UX Design
ITERATE
!
PROBLEMI GENERICI
Fase esplorativa
Abbiamo domande
GENERICHE e lasciamo che i
dati ci parlino
Un metodo di lavoro/analisi
PROBLEMI SPECIFICI
Abbiamo domande
SPECIFICHE e delimitiamo il
campo di investigazione e
analisi
Un metodo di lavoro/analisi
Un metodo di lavoro/analisi
Processo UX Design
define
design
implementation
validate
discover
Strumenti UX
Diary Studies
SurveysContextual Test
…
Interview
Stakeholder
Workshop
Participatory design
Un metodo di lavoro/analisi
Processo UX Design
define
design
implementation
validate
discover Strumenti del web monitoring
e oltre
Heatmap
Text Analytics
Data Mining
Anomaly Detection
Topic
Detection
Social Media Analytics
…
Web Analytics
Surveys
A/B testing
Un metodo di lavoro/analisi
Processo UX Design
design
implementation
validate
discover
Strumenti UX
Personas
Proto-Personas
Data-Personas
Scenari
…
Customer Journeydefine
Workshop
Un metodo di lavoro/analisi
Processo UX Design
design
implementation
validate
Strumenti del web monitoring
e oltre
Text Analytics
Data Mining
Anomaly Detection
Topic
Detection
Social Media Analytics
…
Web Analytics
define
discover
Un metodo di lavoro/analisi
Processo UX Design
implementation
validate
Wireframe
Prototipi
…
Mockup
define
design
Strumenti UX
Test
Sketching
discover
Un metodo di lavoro/analisi
Processo UX Design
implementation
validate
Strumenti del web monitoring
e oltre
Heatmap
Data Mining
…
Web Analytics
define
design
discover
Un metodo di lavoro/analisi
Processo UX Design
validate
Prototipi
…
define
design
Strumenti UX
implementation Test usabilità
discover
Un metodo di lavoro/analisi
Processo UX Design
validate
…
define
design
implementation
Strumenti del web monitoring
e oltre
…
Heatmap
Data Mining
Web Analytics
Anomaly Detection
discover
Un metodo di lavoro/analisi
Processo UX Design
…
define
design
Strumenti UX
implementation
validate
Personas
Proto-Personas
Data-Personas
Surveys
Prototipi
Test usabilità
discover
Un metodo di lavoro/analisi
Processo UX Design
define
design
implementation
validate
…
Strumenti del web monitoring
e oltre
Heatmap
Text Analytics
Data Mining
Anomaly Detection
Social Media Analytics
…
Web Analytics
discover
Analytics Data & UX:
una partita da giocare
3
COME SI INTEGRANO
LE PARTI?
Analytics Data & UX: una partita da giocare
ESEMPIO
PROBLEMA:
HO TANTI
ABBANDONI
DEL CARRELLO…
Analytics Data & UX: una partita da giocare
ESEMPIO
OBIETTIVO
Funnel di e-commerce
CAPIRE LE
CAUSE
Analytics Data & UX: una partita da giocare
ESEMPIO
SIAMO IN
UNA FASE
ESPLORATIVA
Funnel di e-commerce
Analytics Data & UX: una partita da giocare
ESEMPIO
SIAMO IN UNA FASE
ESPLORATIVA
Analytics Data & UX: una partita da giocare
ESEMPIO
SIAMO IN UNA FASE
ESPLORATIVA
Funnel di e-commerce
Analytics Data & UX: una partita da giocare
ESEMPIO
GLI UTENTI
PIÙ DUBBIOSI
VENGONO
DA GOOGLE
Funnel di e-commerce
Analytics Data & UX: una partita da giocare
ESEMPIO
COME MAI SONO
DUBBIOSI?
PREZZO?
ANSIA?
Funnel di e-commerce
Analytics Data & UX: una partita da giocare
ESEMPIO
Funnel di e-commerce
Analytics Data & UX: una partita da giocare
ESEMPIO
SOLUZIONE
Funnel di e-commerce
ABBIAMO PROPOSTO DI CAPIRE
MEGLIO I COMPORTAMENTI DELLE
PERSONE
Test usabilità
Analytics Data & UX: una partita da giocare
ESEMPIO
I DATI SONO A SUPPORTO DEL CAMPIONE SCELTO
FACCIAMO UN
TEST
DI USABILITÀ
Analytics Data & UX: una partita da giocare
ESEMPIO
OBIETTIVO
Test usabilità
CAPIRE PROBLEMI
DEL SITO ESISTENTE
Test usabilità
Analytics Data & UX: una partita da giocare
ESEMPIO
Un test di usabilità consiste nel
far eseguire a un gruppo di utenti
dei task tipici di utilizzo
del sistema in un ambiente controllato.
Test usabilità
Analytics Data & UX: una partita da giocare
ESEMPIO
Si sceglie un campione di utenti
che sia rappresentativo
della categoria di utenti
(POPOLAZIONE)
cui il sistema si rivolge.
Test usabilità
Analytics Data & UX: una partita da giocare
ESEMPIO
COME SI SCEGLIE
UN CAMPIONE DI UTENTI
NEL WEB PER
UN TEST DI USABILITÀ?
Test usabilità
Analytics Data & UX: una partita da giocare
ESEMPIO
UX
5 PERSONE
https://www.nngroup.com/articles/why-you-only-need-to-test-with-5-users/
Test usabilità
Analytics Data & UX: una partita da giocare
ESEMPIO
DATA
GOOGLE ANALYTICS
> DEMOGRAFICA
Test usabilità
Analytics Data & UX: una partita da giocare
ESEMPIO
maschifemmine
Test usabilità
Analytics Data & UX: una partita da giocare
ESEMPIO
E LE PERSONAS?
IN TOTALE 7 (5+2)
Analytics Data & UX: una partita da giocare
ESEMPIO
SOLUZIONE
Test usabilità
IMPLEMENTAZIONE
DI PARTI DEL SITO
Take Away4
Cosa fare
da oggi?
Cosa fare
da oggi?
Settare
correttamente
gli strumenti di
raccolta dati.
Cosa fare
da oggi?
Raccogliere
dati che ci
permettono di
rispondere alle
domande.
Metodologia
sperimentale.
Cosa fare
da oggi?
CAMBIARE
MENTALITÀ:
UX e DATA
sono
complementari.
Uno è a
supporto
dell’altro.
Cosa fare
da oggi?
UX e DATA
Non può essere
lo stesso
professionista!
UX = Google Analytics
Cosa fare
da oggi?
MORE DATA/
MORE USERS
BETTER
ANALYTICS
BETTER
PRODUCTS
MORE MONEY! ;-)
23 e 24 Giugno 2017 – Palacongressi di Rimini - #WMF17
Un Regalo
Per voi
Libri:
Ux research:
http://amzn.to/2t6f2Ln
Researching UX:
http://amzn.to/2rN4TPG
Practical User:
http://amzn.to/2t29xg1
Search analytics:
http://amzn.to/2sMCVF9
GRAZIE!

More Related Content

PPT
Dml Web Analytics Buyer Guide
PDF
Lezione Comunicazione Visiva e Design delle Interfacce - Unimib - 2014 edition
PPTX
[EH2023] SEO, AI e Machine Learning per l'eCommerce: la nuova SEO - Massimo F...
PPT
IAB Forum 2009, Miriam Bertoli - Visibilità, Identità e Usabilità: una strat...
 
PDF
Google analytics rocco teora-the stratup training
PPT
Figure libro "Il check-up dei siti Web"
PDF
Quanto conosciamo i nostri utenti | Italian Agile Day 2018
PPTX
Presentazione Soluzione Risorse web
Dml Web Analytics Buyer Guide
Lezione Comunicazione Visiva e Design delle Interfacce - Unimib - 2014 edition
[EH2023] SEO, AI e Machine Learning per l'eCommerce: la nuova SEO - Massimo F...
IAB Forum 2009, Miriam Bertoli - Visibilità, Identità e Usabilità: una strat...
 
Google analytics rocco teora-the stratup training
Figure libro "Il check-up dei siti Web"
Quanto conosciamo i nostri utenti | Italian Agile Day 2018
Presentazione Soluzione Risorse web

Similar to Web Usability + Data (20)

PDF
User Experience ROI
PPTX
DevOps@Work 2017 - Application insights more control, more power
PDF
User Journey con Google Data Studio
PPT
Laboratorio internet 10: Redazione dei contenuti
PDF
Agile UX - AR Meetup
PDF
Presentazione Tesi Laurea Magistrale
PDF
Comportamenti di ricerca, SEO e commercio elettronico - Meet Magento 2015
PDF
Comportamenti di ricerca, SEO e commercio elettronico
PPT
SEO Checklist
PPTX
Application insights - Meet{cast} - Meetup #AperiTech dotNET{podcast} - Marzo...
PDF
SEO (Search Engine Optimization) Indicizzazione nei motori di ricerca
PPTX
Agile Testing e UX: come ottenere il massimo da QA e Design
PDF
Data Driven UX - From Social networks to target audience
PDF
Sviluppare motore raccomandazione Festival ICT
PDF
Ux research olistica
PPTX
Ricerca immaginaria su un nuovo social
PPTX
Application insights - Power is nothing without control
PPTX
DevOps@Work 2017 - Azure Mobile Engagement
PPT
Lezione 08/2006
PPT
Figure dal libro Facile da Usare
User Experience ROI
DevOps@Work 2017 - Application insights more control, more power
User Journey con Google Data Studio
Laboratorio internet 10: Redazione dei contenuti
Agile UX - AR Meetup
Presentazione Tesi Laurea Magistrale
Comportamenti di ricerca, SEO e commercio elettronico - Meet Magento 2015
Comportamenti di ricerca, SEO e commercio elettronico
SEO Checklist
Application insights - Meet{cast} - Meetup #AperiTech dotNET{podcast} - Marzo...
SEO (Search Engine Optimization) Indicizzazione nei motori di ricerca
Agile Testing e UX: come ottenere il massimo da QA e Design
Data Driven UX - From Social networks to target audience
Sviluppare motore raccomandazione Festival ICT
Ux research olistica
Ricerca immaginaria su un nuovo social
Application insights - Power is nothing without control
DevOps@Work 2017 - Azure Mobile Engagement
Lezione 08/2006
Figure dal libro Facile da Usare
Ad

Web Usability + Data

  • 1. Web Usability + Data: come i dati possono aiutare a comprendere gli utenti per migliorare l’usabilità dei siti web Chiara Danese + Elena Osti Shake My Brand
  • 2. User eXperience & dati: 2 potenti alleati CHI SIAMO?
  • 3. Twitter Account chiara: @chiaradanese elena: @ingy600 Hashtag: #wmf17 Vuoi fare domande
  • 4. oggi parleremo di: User eXperience & Data: 2 potenti alleati Un metodo di lavoro/analisi Analytics Data & UX: una partita da giocare Take Away 1 2 3 4
  • 5. User eXperience & Data: 2 potenti alleati 1
  • 6. a quale domanda risponde la User eXperience User eXperience & dati: 2 potenti alleati
  • 7. a quale domanda risponde la User eXperience User eXperience & dati: 2 potenti alleati perché?
  • 8. a quale domanda rispondono i data User eXperience & dati: 2 potenti alleati
  • 9. a quale domanda rispondono i data User eXperience & dati: 2 potenti alleati cosa?
  • 10. User eXperience & dati: 2 potenti alleati DATA - Quantitativo UX - Qualitativo Scoprire fatti Progettare esperienze Comparazione numerica, segmentazione, correlazione Studio dei bisogni, esigenze degli utenti. Fornire informazioni statisticamente solide Migliorare l’esperienza delle persone Analisi statistica Indicazioni di design (iterazione) Si occupa Analisi Insight Reportistica Esempi Web analytics Valutazione euristica Come lavorano?
  • 11. User eXperience & dati: 2 potenti alleati UX perché? DATA cosa? come?
  • 13. Un metodo di lavoro/analisi DA DOVE PARTIAMO?
  • 14. Un metodo di lavoro/analisi Stabilire un processo basato su domande/ problemi
  • 15. Un metodo di lavoro/analisi Processo UX Design ITERATE !
  • 16. PROBLEMI GENERICI Fase esplorativa Abbiamo domande GENERICHE e lasciamo che i dati ci parlino Un metodo di lavoro/analisi
  • 17. PROBLEMI SPECIFICI Abbiamo domande SPECIFICHE e delimitiamo il campo di investigazione e analisi Un metodo di lavoro/analisi
  • 18. Un metodo di lavoro/analisi Processo UX Design define design implementation validate discover Strumenti UX Diary Studies SurveysContextual Test … Interview Stakeholder Workshop Participatory design
  • 19. Un metodo di lavoro/analisi Processo UX Design define design implementation validate discover Strumenti del web monitoring e oltre Heatmap Text Analytics Data Mining Anomaly Detection Topic Detection Social Media Analytics … Web Analytics Surveys A/B testing
  • 20. Un metodo di lavoro/analisi Processo UX Design design implementation validate discover Strumenti UX Personas Proto-Personas Data-Personas Scenari … Customer Journeydefine Workshop
  • 21. Un metodo di lavoro/analisi Processo UX Design design implementation validate Strumenti del web monitoring e oltre Text Analytics Data Mining Anomaly Detection Topic Detection Social Media Analytics … Web Analytics define discover
  • 22. Un metodo di lavoro/analisi Processo UX Design implementation validate Wireframe Prototipi … Mockup define design Strumenti UX Test Sketching discover
  • 23. Un metodo di lavoro/analisi Processo UX Design implementation validate Strumenti del web monitoring e oltre Heatmap Data Mining … Web Analytics define design discover
  • 24. Un metodo di lavoro/analisi Processo UX Design validate Prototipi … define design Strumenti UX implementation Test usabilità discover
  • 25. Un metodo di lavoro/analisi Processo UX Design validate … define design implementation Strumenti del web monitoring e oltre … Heatmap Data Mining Web Analytics Anomaly Detection discover
  • 26. Un metodo di lavoro/analisi Processo UX Design … define design Strumenti UX implementation validate Personas Proto-Personas Data-Personas Surveys Prototipi Test usabilità discover
  • 27. Un metodo di lavoro/analisi Processo UX Design define design implementation validate … Strumenti del web monitoring e oltre Heatmap Text Analytics Data Mining Anomaly Detection Social Media Analytics … Web Analytics discover
  • 28. Analytics Data & UX: una partita da giocare 3
  • 30. Analytics Data & UX: una partita da giocare ESEMPIO PROBLEMA: HO TANTI ABBANDONI DEL CARRELLO…
  • 31. Analytics Data & UX: una partita da giocare ESEMPIO OBIETTIVO Funnel di e-commerce CAPIRE LE CAUSE
  • 32. Analytics Data & UX: una partita da giocare ESEMPIO SIAMO IN UNA FASE ESPLORATIVA
  • 33. Funnel di e-commerce Analytics Data & UX: una partita da giocare ESEMPIO SIAMO IN UNA FASE ESPLORATIVA
  • 34. Analytics Data & UX: una partita da giocare ESEMPIO SIAMO IN UNA FASE ESPLORATIVA Funnel di e-commerce
  • 35. Analytics Data & UX: una partita da giocare ESEMPIO GLI UTENTI PIÙ DUBBIOSI VENGONO DA GOOGLE Funnel di e-commerce
  • 36. Analytics Data & UX: una partita da giocare ESEMPIO COME MAI SONO DUBBIOSI? PREZZO? ANSIA? Funnel di e-commerce
  • 37. Analytics Data & UX: una partita da giocare ESEMPIO Funnel di e-commerce
  • 38. Analytics Data & UX: una partita da giocare ESEMPIO SOLUZIONE Funnel di e-commerce ABBIAMO PROPOSTO DI CAPIRE MEGLIO I COMPORTAMENTI DELLE PERSONE
  • 39. Test usabilità Analytics Data & UX: una partita da giocare ESEMPIO I DATI SONO A SUPPORTO DEL CAMPIONE SCELTO FACCIAMO UN TEST DI USABILITÀ
  • 40. Analytics Data & UX: una partita da giocare ESEMPIO OBIETTIVO Test usabilità CAPIRE PROBLEMI DEL SITO ESISTENTE
  • 41. Test usabilità Analytics Data & UX: una partita da giocare ESEMPIO Un test di usabilità consiste nel far eseguire a un gruppo di utenti dei task tipici di utilizzo del sistema in un ambiente controllato.
  • 42. Test usabilità Analytics Data & UX: una partita da giocare ESEMPIO Si sceglie un campione di utenti che sia rappresentativo della categoria di utenti (POPOLAZIONE) cui il sistema si rivolge.
  • 43. Test usabilità Analytics Data & UX: una partita da giocare ESEMPIO COME SI SCEGLIE UN CAMPIONE DI UTENTI NEL WEB PER UN TEST DI USABILITÀ?
  • 44. Test usabilità Analytics Data & UX: una partita da giocare ESEMPIO UX 5 PERSONE https://www.nngroup.com/articles/why-you-only-need-to-test-with-5-users/
  • 45. Test usabilità Analytics Data & UX: una partita da giocare ESEMPIO DATA GOOGLE ANALYTICS > DEMOGRAFICA
  • 46. Test usabilità Analytics Data & UX: una partita da giocare ESEMPIO maschifemmine
  • 47. Test usabilità Analytics Data & UX: una partita da giocare ESEMPIO E LE PERSONAS? IN TOTALE 7 (5+2)
  • 48. Analytics Data & UX: una partita da giocare ESEMPIO SOLUZIONE Test usabilità IMPLEMENTAZIONE DI PARTI DEL SITO
  • 51. Cosa fare da oggi? Settare correttamente gli strumenti di raccolta dati.
  • 52. Cosa fare da oggi? Raccogliere dati che ci permettono di rispondere alle domande. Metodologia sperimentale.
  • 53. Cosa fare da oggi? CAMBIARE MENTALITÀ: UX e DATA sono complementari. Uno è a supporto dell’altro.
  • 54. Cosa fare da oggi? UX e DATA Non può essere lo stesso professionista!
  • 55. UX = Google Analytics
  • 56. Cosa fare da oggi? MORE DATA/ MORE USERS BETTER ANALYTICS BETTER PRODUCTS MORE MONEY! ;-)
  • 57. 23 e 24 Giugno 2017 – Palacongressi di Rimini - #WMF17 Un Regalo Per voi Libri: Ux research: http://amzn.to/2t6f2Ln Researching UX: http://amzn.to/2rN4TPG Practical User: http://amzn.to/2t29xg1 Search analytics: http://amzn.to/2sMCVF9