Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
1
#notonlyw ebsites
nowagency...
Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
2
#notonlyw ebsites
nowagency...
Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
3
#notonlyw ebsites
nowagency...
Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
4
#notonlyw ebsites
nowagency...
Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
5
#notonlyw ebsites
nowagency...
Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
6
#notonlyw ebsites
nowagency...
Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
7
#notonlyw ebsites
nowagency...
Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
8
#notonlyw ebsites
nowagency...
Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
9
#notonlyw ebsites
nowagency...
Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
10
#notonlyw ebsites
nowagenc...
Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
11
#notonlyw ebsites
nowagenc...
Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
12
#notonlyw ebsites
nowagenc...
Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
13
#notonlyw ebsites
nowagenc...
Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
14
#notonlyw ebsites
nowagenc...
Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
15
#notonlyw ebsites
nowagenc...
Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
16
#notonlyw ebsites
nowagenc...
Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
17
#notonlyw ebsites
nowagenc...
Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
18
#notonlyw ebsites
nowagenc...
Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
19
#notonlyw ebsites
nowagenc...
Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
20
#notonlyw ebsites
nowagenc...
Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
21
#notonlyw ebsites
nowagenc...
Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
22
#notonlyw ebsites
nowagenc...
Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
23
#notonlyw ebsites
nowagenc...
Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
24
#notonlyw ebsites
nowagenc...
Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
25
#notonlyw ebsites
nowagenc...
Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
26
#notonlyw ebsites
nowagenc...
Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
27
#notonlyw ebsites
nowagenc...
Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
28
#notonlyw ebsites
nowagenc...
Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
29
#notonlyw ebsites
nowagenc...
Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
30
#notonlyw ebsites
nowagenc...
Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
31
#notonlyw ebsites
nowagenc...
Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
32
#notonlyw ebsites
nowagenc...
Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI
33
#notonlyw ebsites
nowagenc...
Upcoming SlideShare
Loading in …5
×

User Experience & Web Analytics - VIII SEMrush Marathon

422 views

Published on

Slide del mio intervento alla VIII Maratona di SEMrush. Tema dell'evento: Web Analytics.
Nel mio intervento vengono analizzati alcuni KPI e fattori importanti da tenere in considerazione quando si progetta un layout web finalizzato all'ottimizzazione del tasso di conversione CRO. Vengono inoltre analizzate alcune best-practice di web design utili a favorire l'esperienza utente (UX) sul sito

Published in: Data & Analytics
  • Be the first to comment

User Experience & Web Analytics - VIII SEMrush Marathon

  1. 1. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI 1 #notonlyw ebsites nowagency.it 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. 2. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI 2 #notonlyw ebsites nowagency.it 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. https://it.linkedin.com/in/marcomicheli83
  3. 3. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI 3 #notonlyw ebsites nowagency.it 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. 4. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI 4 #notonlyw ebsites nowagency.it 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. 5. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI 5 #notonlyw ebsites nowagency.it 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. 6. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI 6 #notonlyw ebsites nowagency.it 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. 7. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI 7 #notonlyw ebsites nowagency.it 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. 8. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI 8 #notonlyw ebsites nowagency.it 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. 9. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI 9 #notonlyw ebsites nowagency.it Progettare tenendo in considerazioni i risultati di varie analisi “You can’t control what you can’t measure” Peter Drucker
  10. 10. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI 10 #notonlyw ebsites nowagency.it 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. 11. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI 11 #notonlyw ebsites nowagency.it 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. 12. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI 12 #notonlyw ebsites nowagency.it Quali sono le tecniche principali per migliorare la UX basandosi su dati analitici? FATTORI ANALITICI BEST-PRACTICE
  13. 13. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI 13 #notonlyw ebsites nowagency.it Alcuni Fattori Analitici - KPI Page Views Sessioni Visitori Unici Bounce Rate Exit Rate Durata della visita Profondità della visita
  14. 14. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI 14 #notonlyw ebsites nowagency.it
  15. 15. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI 15 #notonlyw ebsites nowagency.it Flusso comportamento
  16. 16. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI 16 #notonlyw ebsites nowagency.it 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
  17. 17. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI 17 #notonlyw ebsites nowagency.it Riepilogo navigazione Permette di capire da che pagina sono arrivati e che pagina hanno visitato subito dopo quella selezionata
  18. 18. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI 18 #notonlyw ebsites nowagency.it Obiettivi di Canalizzazione Obiettivi che non tengono in considerazione tutto il percorso che un utente deve compiere per raggiungere una pagina
  19. 19. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI 19 #notonlyw ebsites nowagency.it Come creare un obiettivo di canalizzazione? LeggI il mio articolo sul blog di SEMrush https://it.semrush.com/blog/analytics-report-analizzare-percorsi-utenti/
  20. 20. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI 20 #notonlyw ebsites nowagency.it In-page Analytics
  21. 21. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI 21 #notonlyw ebsites nowagency.it HeatMap
  22. 22. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI 22 #notonlyw ebsites nowagency.it ScrollMap
  23. 23. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI 23 #notonlyw ebsites nowagency.it ScrollDepth
  24. 24. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI 24 #notonlyw ebsites nowagency.it Best-Practic Web Design Tecniche per: Ridurre l’ansia della navigazione Basarsi sulla riprova sociale fonti: www.widerfunnel.com
  25. 25. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI 25 #notonlyw ebsites nowagency.it 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
  26. 26. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI 26 #notonlyw ebsites nowagency.it 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
  27. 27. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI 27 #notonlyw ebsites nowagency.it La riprova sociale Gli utenti, grazie ai loro feedback permettono ad altri utenti di conoscere la reale qualità o affidabilità di un servizio.
  28. 28. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI 28 #notonlyw ebsites nowagency.it 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.
  29. 29. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI 29 #notonlyw ebsites nowagency.it 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!
  30. 30. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI 30 #notonlyw ebsites nowagency.it Modello Guntemberg - F-pattern - Z-pattern
  31. 31. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI 31 #notonlyw ebsites nowagency.it A/B Test
  32. 32. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI 32 #notonlyw ebsites nowagency.it Customer Journey
  33. 33. Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI 33 #notonlyw ebsites nowagency.it VIII MARATHON W E B A N A L Y T I C S GRAZIE PER L’ATTENZIONE DOMANDE? a cura di Marco MICHELI #notonlyw ebsites

×