Application Development: come sviluppare un'app user centered
Usabilità e User Experience - L'utente al centro della progettazione
1. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
1
VIII MARATHON
Usabilità e User Experience
L’utente al centro della progettazione
a cura di Marco MICHELI
W E B A N A L Y T I C S
2. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
2
MARCO MICHELI
Mi occupo di formazione accademica e
consulenza aziendale nel campo del web design
e web marketing, offrendo il mio contributo ad
imprenditori e professionisti che hanno bisogno di
ottimizzare i propri investimenti in visibilità online.
Certificato Google AdWords, amo progettare
strategie di web marketing cross-platform
studiando soluzioni su misura per raggiungere gli
obiettivi prefissati.
3. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
3
L’utente al centro della
progettazione
Ovvero come monitorare ed analizzare
le abitudini degli utenti sul nostro
sito e di conseguenza progettare un
layout vincente ed eseguire dei test per
verificarne l’efficacia effettiva.
4. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
4
Esperienza utente coinvolgente ed
efficace si può?
Progettare una esperienza utente sul sito
che sia allo stesso tempo coinvolgente
ed efficace è il pilastro fondamentale sul
quale basare una strategia di visibilità che
abbia come obiettivo un aumento delle
conversioni,
5. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
5
Il concetto di ACCESSIBILITA’
Un sito web è accessibile se ha le capacità
di essere fruibile da utenti con difficoltà
di accesso e lettura a risorse digitali.[...]
Accessibile a tutte le persone, qualunque
siano l’hardware, il software, la rete, la
lingua, la culutra [...]le abilità fisiche
o mentali
2011 - Antonio Rosario Di Martino - Web: Design, Usabilità e Promozione dei Siti Web
6. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
6
Il concetto di USABILITA’
Un sito web è usabile quando l’utente lo
trova “facile” da navigare e quindi da usare.
Un sito web è usabile quando soddisfa
i bisogni informativi dell’utente finale
che lo sta visitando ed interrogando
[...] consentendo un adeguato livello di
comprensione dei contenuti
2011 - Antonio Rosario Di Martino - Web: Design, Usabilità e Promozione dei Siti Web
7. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
7
Usabile = Semplice
Ma attenzione, semplice non è sempre
sinonimo di coinvolgente!
Il termine User EXPERIENCE è coniato
da Donald Norman a metà degli anni
Novanta, nell’era della piena espansione
informatica.
8. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
8
L’esempio di Amazon
L’esperienza, il coinvolgimento,
deriva da fatto che l’utente si sta
già immedesimando nel fatto che
domani mattina, starà giocando con
il suo nuovo smartphone sebbene
la CTA non è flat o non ha effetti
di animazione che suscitino un
particoalre effetto wow
9. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
9
Progettare tenendo in considerazioni
i risultati di varie analisi
“You can’t control what you can’t measure”
Peter Drucker
10. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
10
PDCA - Il Ciclo di Deming
Le fasi del cliclo di Deming sono:
P - Plan: pianificare le azioni.
D - Do: eseguire le azioni programmate.
C - Check: analizzare i risultati.
A - Act: mettere in pratica le attività di
ottimizzazione dei risultati e pianificare di
nuovo il ciclo
11. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
11
PDCA - Il Ciclo di Deming
Un modello studiato per il miglioramento
continuo della qualità in un’ottica a lungo
raggio.
Serve per promuovere una cultura della
qualità che è tesa al miglioramento
continuo dei processi e all’utilizzo ottimale
delle risorse.
12. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
12
Quali sono le tecniche principali per
migliorare la UX basandosi su dati analitici?
FATTORI ANALITICI BEST-PRACTICE
13. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
13
Fattori Analtici - KPI
Page Views
Sessioni
Visitori Unici
Bounce Rate
Exit Rate
Durata della visita
Profondità della visita
14. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
14
Flusso comportamento
15. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
15
Flusso comportamento
Utenti che vanno su una pagina inaspettata: questo indica
navigazione potenzialmente fuorviante
Alta percentuale di uscita da una pagina: questo può indicare
infelicità o frustrazione, ma anche utenti soddisfatti
Utenti che vanno avanti e indietro tra le pagine: questo può
indicare la navigazione potenzialmente fuorviante o confusa
16. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
16
Riepilogo navigazione
Permette di capire da che pagina sono arrivati e che pagina
hanno visitato subito dopo quella selezionata
17. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
17
Riepilogo navigazione
Obiettivi che non tengono in considerazione tutto il percorso
che un utente deve compiere per raggiungere una pagina
18. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
18
Come creare un obiettivo di canalizzazione?
LeggI il mio articolo sul blog di SEMrush
https://it.semrush.com/blog/analytics-report-analizzare-percorsi-utenti/
19. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
19
In-page Analytics
20. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
20
HeatMap
21. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
21
ScrollMap
22. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
22
Best-Practic Web Design
Tecniche per:
Ridurre l’ansia della navigazione
Basarsi sulla riprova sociale
fonti: www.widerfunnel.com
23. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
23
L’utente tipo
Diminuisce il tempo di
pensiero degli utenti che
non devono pensare a
cosa gli serve, ma devono
pensare su come loro lo
utilizzerebbero
24. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
24
Ridurre l’ansia da...step!
Aggiugnendo una
descrizione sotto una call
to action o su un pulsante
next-step, si riduce “l’ansia”
dicendo agli utenti ciò che
sta per succedere, e cosa
dovrebbero aspettarsi
25. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
25
La riprova sociale
Gli utenti, grazie ai loro
feedback permettono ad
altri utenti di conoscere la
reale qualità o affidabilità
di un servizio.
26. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
26
Enfatizzare e
confrontare
Aiuta gli utenti che non
conoscono il prodotto a
restringere le loro opzioni
affidandosi a cio che altri
utenti hanno già fatto.
27. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
27
Indicatori di
navigazione
Sapendo quanti passi ci
sono nel processo e quanti
ne mancano l’utente si sente
più sicuro e gli si da l’idea
di progresso, così sarà più
motivato andare avanti!
28. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
28
Modello Guntemberg
F-pattern
Z-pattern
29. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
29
A/B Test
30. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
30
Customer Journey
31. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
31
VIII MARATHON
GRAZIE PER L’ATTENZIONE
DOMANDE?
a cura di Marco MICHELI
W E B A N A L Y T I C S