user experience & web analytics - viii semrush marathon

33
VIII MARATHON Usabilità e User Experience L’utente al centro della progettazione a cura di Marco MICHELI WEB ANALYTICS

Upload: marco-micheli

Post on 08-Feb-2017

81 views

Category:

Data & Analytics


1 download

TRANSCRIPT

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 ExperienceL’utente al centro della progettazione

a cura di Marco MICHELI

W E B A N A L Y T I C S

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

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.

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,

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 mentali2011 - Antonio Rosario Di Martino - Web: Design, Usabilità e Promozione dei Siti Web

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

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.

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

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

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

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.

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

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 ViewsSessioniVisitori UniciBounce RateExit RateDurata della visitaProfondità della visita

Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI

14#notonlyw ebsites

nowagency.it

Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI

15#notonlyw ebsites

nowagency.it

Flusso comportamento

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

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

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

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/

Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI

20#notonlyw ebsites

nowagency.it

In-page Analytics

Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI

21#notonlyw ebsites

nowagency.it

HeatMap

Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI

22#notonlyw ebsites

nowagency.it

ScrollMap

Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI

23#notonlyw ebsites

nowagency.it

ScrollDepth

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

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

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

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.

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.

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!

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

Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI

31#notonlyw ebsites

nowagency.it

A/B Test

Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI

32#notonlyw ebsites

nowagency.it

Customer Journey

Usabilità e User Experience - L’utente al centro della progettazione a cura di Marco MICHELI

33#notonlyw ebsites

nowagency.it

VIII MARATHONW E B A N A L Y T I C S

GRAZIE PER L’ATTENZIONE

DOMANDE?a cura di Marco MICHELI

#notonlyw ebsites