Lezione 2 – «Mobile & Cloud»
Parma, Giovedì 30 Marzo 2017
Ore 10:30 – CCIAA Parma
Introduzione al
Mobile
Informazioni proprietarie e
ris ervate
Introduzione ai
dis pos itivi mobili:
●
●
●
●
●
Dis pos itivi mobili e s is temi operativi
Trend nel mobile
S iti web e applicazioni per i
dis pos itivi mobili
Pubblicità s ui dis pos itivi mobili
Il futuro e l’Internet delle cos e
Informazioni proprietarie e
ris ervate
Dis pos itivi mobili e
s is temi operativi
Informazioni proprietarie e
ris ervate
S toria del telefono cellulare
T elefono con
funzionalità
bas ilari
Brick
1980 - 1990
Smartphone con
touchs creen
1990 - 1997
CandyBar
1998 - 2003
2003 - Oggi
Smartphone
2007 - Oggi
Informazioni proprietarie e
ris ervate
Introduzione ai dis pos itivi mobili
Caratteris tiche dei più recenti dis pos itivi
mobili:
● Mobili: s empre dis ponibili
● Funzionalità di geolocalizzazione
● Grande s chermo
● P ers onale
● Acces s o a Internet 24/7
Social
+
Local
+
Mobile
Informazioni proprietarie e
ris ervate
Areppim, EU Mobile OS, giugno 2015
Informazioni proprietarie e
ris ervate
S is temi operativi dei dis pos itivi mobili
2,15%
Esistono diversi sistemi operativi
per i dispositivi mobili, ma il leader
di mercato è sicuramente Android.
1,68%
3,98%
Android
iOS
Windows Phone
BlackBerry
Altro
28,41%
63,81%
Areppim, EU Mobile OS, giugno 2015
Informazioni proprietarie e
ris ervate
Come us i il tuo
dis pos itivo mobile?
Quali delle s eguenti attività s volgi dal
tuo dis pos itivo mobile ogni s ettimana?
1.
Cons ulto i motori di ricerca
2.
Accedo ai s ocial network
3.
As colto mus ica
4.
Guardo video
5.
Faccio acquis ti
?
?
?
?
?
?
?
Informazioni proprietarie e
ris ervate
Attività che le pers one s volgono s ul proprio s martphone
ogni s ettimana
51%
Utilizzo dei motori di ricerca
Utilizzo s ettimanale degli
s martphone in Europa
46%
S ocial network
37%
Video online
Acquis to di prodotti/s ervizi
4%
20%
Ricerca di informazioni di
prodotto
22%
As colto di mus ica
Cons umer Barometer - Google, 2015-2016
Informazioni proprietarie e
ris ervate
Utilizzo giornaliero dello s chermo (minuti)
Tablet
50 minuti
I dati indicano che le pers one tras corrono ogni giorno
più tempo davanti allo s chermo di s martphone e
tablet che davanti alla TV.
Gli utenti guardano programmi televis ivi e film s ui
propri dis pos itivi mobili, us ando s iti e app come
Netflix, BBC iPlayer, Amazon Prime e YouTube.
12%
TV
113 minuti
27%
Minuti
totali al
2015
giorno:
417
35%
Smartphone
147 minuti
26%
Laptop
108 minuti
Millward Brown AdReaction, 2014
Informazioni proprietarie e
ris ervate
Informazioni proprietarie e
ris ervate
Cos a fai quando la TV è acces a?
S tacking
Mes hing
“Preferis co giocare”
Tu: Io voto
per Malta
Chris : Non
s e ne
parla!
“Che tempo
fa domani?”
Informazioni proprietarie e
ris ervate
Mes her o s tacker?
Il modo in cui le pers one us ano gli s chermi s ta cambiando.
Pratichi una delle s eguenti attività?
Uso esclusivo: us i s oltanto il telefono
Uso parallelo: us i il telefono e la T V ins ieme
35%
Us o
parallelo
65%
Us o
es clus ivo
Meshing: us i un dis pos itivo mobile e la T V ins ieme per us ufruire
di contenuti correlati (ad es . us i T witter per commentare la
partita di calcio alla T V)
Stacking: us i un dis pos itivo mobile mentre la T V è acces a, ma
accedi a contenuti non correlati (la T V è un po’ come un
"s econdo s chermo" s ullo s fondo)
16%
Mes hing
84%
Stacking
Millward Brown AdReaction and Cons umer Barometer - Google, 2014/15
Informazioni proprietarie e
ris ervate
Perché le pers one fanno
mes hing?
Ottenere maggiori informazioni s u quello che
s tanno guardando alla T V: ris ultati s portivi,
pers onaggi, attori, ecc.
26%
Condividere e commentare il programma televis ivo
con gli amici s ui s ocial network
13%
Interagire con il contenuto televis ivo
16%
Dare s eguito a uno s pot televis ivo
15%
16%
Mes hing
Millward Brown AdReaction, 2014
Perché le pers one fanno
s tacking?
Informazioni proprietarie e
ris ervate
Intrattenermi durante la pubblicità televis iva
48%
Seguire gli ultimi trend s ui s ocial network
43%
La TV non impegna tutta la mia attenzione
23%
Non faccio attenzione alla TV, s erve s olo da
s fondo
21%
Qualcun altro ha s celto il programma televis ivo, ma
non è di mio interes s e
Ho molto lavoro urgente da s brigare
29%
16%
Millward Brown AdReaction, 2014
Informazioni proprietarie e
ris ervate
In s intes i:
●
Android è il più diffus o s is tema operativo per
s martphone, s eguito da iOS di Apple
●
L’utilizzo dei dis pos itivi mobili aumenta di anno
in anno. Nel Regno Unito, il 51% degli utenti
pos s iede uno s martphone e la percentuale è
s alita al 71% nel 2015
●
Le pers one utilizzano i dis pos itivi mobili per
s variate attività
●
I dis pos itivi mobili s ono utilizzati s empre più
ins ieme alla T V tradizionale
Gfx - immagine di
archivio di una persona
che usa un dispositivo
mobile
Informazioni proprietarie e
ris ervate
Trend nel mobile
Informazioni proprietarie e
ris ervate
Utilizzo di s martphone e computer
P ercentuale di pers one che
us ano uno s martphone
P ercentuale di pers one
che us ano un computer
Cons umer Barometer - Google, 2017 - Italy
Informazioni proprietarie e
ris ervate
Utilizzo di tablet
P ercentuale di pers one
che us ano un tablet
Cons umer Barometer - Google, 2017 - Italy
Informazioni proprietarie e
ris ervate
Utilizzo di più dis pos itivi
P ercentuale di pers one che
us ano un s olo s chermo
(computer, tablet, s martphone)
P ercentuale di pers one
che us ano tre s chermi
(computer, tablet, s martphone)
Cons umer Barometer - Google, 2017 - Italy
Informazioni proprietarie e
ris ervate
Ricerca e/o acquis to online
Aumenta il numero di
utenti di s martphone che
fanno ricerche di acquis to
online e comprano online.
S e vuoi incrementare le
vendite online, è
importante che il tuo s ito
s ia ottimizzato per i
dis pos itivi mobili.
Cons umer Barometer - Google, 2014-2015
Informazioni proprietarie e
ris ervate
Guardare video online
Gli s martphone s ono us ati
s empre più per guardare
video.
Cons umer Barometer - Google, 2014-2015
Informazioni proprietarie e
ris ervate
S ervizi bancari e
pagamenti
Nel 2020, gli s martphone
rappres enteranno l’80% del
mercato bancario mobile.
Evoluzione del numero di utenti che us ano i
s ervizi bancari mobili nel mondo (in milioni
di utenti)
1750
1000
800
590
20
55
200
300
375
2008 2009 2010 2011 2012 2013 2014 2017 2019
Berg Ins ight/J uniper/Celent through Ditrendia
Informazioni proprietarie e
ris ervate
M-commerce
In tutta Europa, s empre più
pers one us ano gli
s martphone per fare
acquis ti.
Traffico e-commerce s ui dis pos itivi mobili (2015)
Regno Unito
31,1%
Germania
29,7%
Spagna
29,1%
Paes i Bas s i
28,5%
Italia
27,8%
Francia
22,1%
Millward Brown AdReaction, 2014
Informazioni proprietarie e
ris ervate
Dove portiamo il nos tro dis pos itivo mobile?
1/3
di utenti lo porta in
bagno
72%
non lo spegne
mentre dorme
Solo
80%
1,5%
75%
non lo spegne
mentre mangia
lo lascia a casa
mentre è in
vacanza
non lo spegne
durante incontri
romantici o
rapporti sessuali
Informazioni proprietarie e
ris ervate
In s intes i:
● In futuro, i dis pos itivi mobili diventeranno il
nos tro mezzo principale di acces s o a
Internet
● Le pers one faranno più acquis ti,
guarderanno più video e us eranno i s ervizi
bancari tramite i dis pos itivi mobili
● Se hai una pres enza online, devi dis porre
anche di una s trategia mobile
Informazioni proprietarie e
ris ervate
S iti web e
applicazioni per i
dis pos itivi mobili
Informazioni proprietarie e
ris ervate
S iti web ottimizzati per i
dis pos itivi mobili
La diffus ione di s martphone e tablet ha
accelerato l’acces s o ai s iti web dai
dis pos itivi mobili.
Un s ito web ottimizzato per i dis pos itivi
mobili è un s ito che funziona
perfettamente e viene vis ualizzato bene s ui
dis pos itivi mobili.
Informazioni proprietarie e
ris ervate
Layout web reattivo des ktop
I s iti web reattivi adattano il proprio layout
alla dimens ione di s chermo del dis pos itivo
s u cui s ono vis ualizzati.
Ad es empio, a des tra è riportato il layout
desktop di una s ezione della pagina
iniziale di s quares pace.com
Informazioni proprietarie e
ris ervate
Layout web reattivo tablet
Qui è pres entata la s tes s a s ezione della
pagina web vis ualizzata s u uno s chermo
di dimens ione tablet.
Il tes to e il puls ante s ono s tati s pos tati
s otto l’immagine.
Informazioni proprietarie e
ris ervate
Layout web reattivo s martphone
Sullo s chermo di uno s martphone, l’immagine
è s tata ulteriormente ridotta. Ci potrebbero
anche es s ere immagini più piccole o s calabili
per il caricamento s u reti più lente.
L’intes tazione e il corpo del tes to s i adattano
e allineano di cons eguenza.
Può es s ere richies to l’utilizzo di menu o barre
di s corrimento per vis ualizzare più contenuto.
#InspirationDigitale
Facilitare l’utilizzo cross-device fluido:
Es empio di Hello Bank
Fonte: hellobank.fr
Modelli di s iti web
Informazioni proprietarie e
ris ervate
Un modo per progettare un
s ito reattivo è ricorrere a
un’azienda che fornis ce
modelli.
T ool indicativi, non rappres entativi dell’intera offerta di mercato
Millward Brown AdReaction, 2014
Informazioni proprietarie e
ris ervate
App per dis pos itivi mobili
Le app s ono mini-applicazioni s pecificamente progettate per i
dis pos itivi mobili.
In genere vengono s caricate dai negozi online (come il P lay Store
o l’Apple Store) o precaricate s ul dis pos itivo quando lo s i
acquis ta.
Es is tono tre tipi di app:
● Native
● Ibride
● Web
Nelle pros s ime s lide, es amineremo cias cun tipo in dettaglio.
Informazioni proprietarie e
ris ervate
App native
●
Utilizzano il s oftware res idente s ul dis pos itivo e s ono in
grado di utilizzare tutte le funzionalità del dis pos itivo.
●
Sono s viluppate direttamente nel linguaggio nativo del
dis pos itivo. Quando s i s viluppano app native, occorre
utilizzare un linguaggio divers o per ogni s is tema
operativo (iOS us a Objective C e Android us a J ava, ad
es empio)
●
Utilizzano gli app s tore come mezzo di dis tribuzione e in
genere richiedono un proces s o di convalida.
●
Includono Whats App, Flipboard e Facebook che pos s ono
es s ere s caricati dall’app s tore, oltre a tutte le app
precaricate s ul dis pos itivo.
Informazioni proprietarie e
ris ervate
Es empi di app native
App fotocamera
iOS e Android
Ingres s
Facebook
Informazioni proprietarie e
ris ervate
App native - Vantaggi
Vantaggi:
●
Acces s o all’hardware completo dei dis pos itivi mobili
(come GPS, fotocamera e altri acces s ori)
●
Acces s o a tutte le librerie grafiche del s is tema
operativo (puls anti, ecc.)
●
Invio di notifiche pus h, uno dei più potenti s trumenti di
comunicazione s ulle app
●
Pos s ibilità di integrare contenuti a pagamento per i
modelli aziendali freemium mediante gli acquis ti inapp
●
Pos s ibilità di s incronizzare o memorizzare i dati nella
cache per un funzionamento s enza connes s ione
Internet
Informazioni proprietarie e
ris ervate
App native - S vantaggi
Svantaggi:
●
Cos to (s viluppo, manutenzione)
●
T empo di s viluppo
●
Non pos s ono es s ere us ate s u tutte le
piattaforme
●
Devono es s ere aggiornate a ogni
aggiornamento del s is tema operativo; gli utenti
devono es eguire l’aggiornamento dall’app s tore,
e ciò può rappres entare un inconveniente.
Informazioni proprietarie e
ris ervate
App ibride
●
●
●
●
Sono una combinazione di s viluppo nativo e
altri linguaggi di programmazione (come
HTML5)
Sono s viluppate s olitamente us ando
s trumenti per la pubblicazione s u divers e
piattaforme da un unico s et di codice
s orgente
Pos s ono accedere a molte funzionalità del
dis pos itivo, ma in genere non a tutte
Us ano gli app s tore come mezzo di
dis tribuzione, pertanto richiedono un
proces s o di convalida
Informazioni proprietarie e
ris ervate
Es empi di app ibride
Khan Academy
Gmail
Evernote
T witter
Informazioni proprietarie e
ris ervate
App ibride - Vantaggi
Vantaggi:
●
Acces s o a gran parte dell’hardware dei
dis pos itivi mobili (come GPS, fotocamera e altri
acces s ori)
●
Sviluppo con un unico s et di codice per la
pubblicazione s u divers e piattaforme
●
Più economiche e veloci da s viluppare ris petto
alle app native
●
Alcuni aggiornamenti pos s ono es s ere es eguiti
dal Web, anziché dall’app s tore, facilitando il
compito per gli utenti
Informazioni proprietarie e
ris ervate
App ibride - S vantaggi
Svantaggi:
●
Devono es s ere aggiornate a ogni
aggiornamento del s is tema operativo
●
In genere non pos s ono us are tutte le
funzioni di una piattaforma
●
Le pres tazioni pos s ono es s ere più lente
ris petto alle app native
Informazioni proprietarie e
ris ervate
Applicazioni web
●
Sono es eguite da un brows er web
●
Non devono es s ere s caricate dagli app s tore
(anche s e è pos s ibile farlo)
●
Le applicazioni web s ono generalmente s critte
in HT ML 5 e utilizzano linguaggio CSS; pos s ono
es s ere aperte in quals ias i brows er (Chrome,
Firefox, IE, ecc.)
●
Solitamente le applicazioni web non pos s ono
accedere alle funzionalità native del dis pos itivo,
come fotocamera o GPS
Informazioni proprietarie e
ris ervate
Es empi di applicazioni web
Hoots uite
Drive
Bas ecamp
Informazioni proprietarie e
ris ervate
Applicazioni web Vantaggi
●
Pos s ono es s ere us ate da quals ias i s is tema
operativo, s ono multi-piattaforma
●
Non è neces s ario s caricare l’app da uno s tore
online; s ono veloci e facili da utilizzare
●
Non occupano memoria s ui dis pos itivi mobili
●
È dis ponibile s empre l’ultima vers ione dell’app e
non s ono richies ti aggiornamenti
●
Il cons umo di ris ors e è ridotto ris petto alle app
native perché non vengono utilizzate tutte le
funzionalità del dis pos itivo
Gfx immagine
del pollice in
su
Informazioni proprietarie e
ris ervate
Applicazioni web S vantaggi
●
Acces s o molto limitato all’hardware del
dis pos itivo
●
I tempi di ris pos ta e l’es perienza utente
potrebbero non es s ere del livello delle
app native
#InspirationDigitale
App <> Siti reattivi per i dispositivi mobili
Notifiche mSite
#InspirationDigitale
Ottimizzazione dell’utilizzo cross-device:
es empio di Air France
Proces s o di prenotazione app
Fonte: applicazione Android Air France
Proces s o di prenotazione des ktop
Fonte: sito desktop Air France
Informazioni proprietarie e
ris ervate
Quale app è gius ta per te?
P er decidere il tipo di app che vuoi utilizzare
per la tua attività, è bene pors i le s eguenti
domande:
●
Qual è il tuo budget?
●
Hai neces s ità di utilizzare funzioni come GPS,
fotocamera, ecc.?
●
Qual è il pubblico di des tinazione per l’app?
●
Deve avere un des ign pers onalizzato
comples s o?
●
Vuoi includere le notifiche in-app?
●
Pens i di dover aggiornare l’app in futuro?
?
?
?
?
?
?
?
Informazioni proprietarie e
ris ervate
Cos a dovrebbe
fare Filippo?
Filippo ges tis ce una ditta idraulica.
Ha un s ito web ma non è ottimizzato per i
dis pos itivi mobili.
Sta valutando s e tras formare il s uo s ito in
un’applicazione web reattiva oppure creare
un’app ibrida o nativa.
Qual è l’opzione migliore per Filippo?
Informazioni proprietarie e
ris ervate
La s celta di Filippo
La prima cos a che Filippo deve fare è tras formare il s uo
s ito attuale in un’applicazione web reattiva.
Ques to per garantire che venga vis ualizzato in modo
ottimale dal maggior numero di utenti s u tutti i
dis pos itivi.
Creare un’app completamente funzionale richiederebbe
più tempo e denaro di adattare il s ito es is tente.
Inoltre, è più probabile che le pers one cerchino un
idraulico online piuttos to che un’app di s ervizi idraulici in
uno s tore online.
Informazioni proprietarie e
ris ervate
Il tuo s ito è ottimizzato
per i dis pos itivi mobili?
Puoi effettuare il tes t del tuo s ito web per conos cere i
ris ultati ris petto all’ottimizzazione e alla velocità s ia
s u mobile che s u des ktop.
Vai s u tes tmys ite.it
Potrai anche vis ionare utili cons igli per migliorare le
performance del tuo s ito web.
AS O (App S tore
Optimis ation)
Quando s i crea un’app, s i dovrebbe es eguire l’App
Store Optimis ation.
L’ASO è il SEO (ottimizzazione per i motori di
ricerca) per le app.
Gli obiettivi dell’ASO s ono:
●
migliorare la vis ibilità di un’app nativa
all’interno di un app s tore (Google Play, Apple
Store, Windows Phone o Blackberry World)
●
Incentivare i download dell’app
Informazioni proprietarie e
ris ervate
Informazioni proprietarie e
ris ervate
In s intes i
●
È importante che il tuo s ito web s ia
ottimizzato per i dis pos itivi mobili e agevoli
l’es perienza cros s -device
●
Valuta s e un’app è adatta alla tua attività
●
Le app pos s ono es s ere native, ibride o
“applicazioni web”
●
Ogni tipo pres enta vantaggi e s vantaggi, e
l’app gius ta per un’attività potrebbe non
es s erlo per un’altra
●
App Store Optimis ation s ignifica cercare di
migliorare la vis ibilità di un’app all’interno di
un app s tore
P roprietary + Confidential
Principi per una
buona Mobile Us er
Experience
U tilità ≠D esign
Tutte le azioni intrapres e
s ul s ito devono es s ere
pens ate dal punto di vista
dell'utente per facilitarne
l’es perienza e la
comprens ione.
T eapots By P hilippe Starck
La regola del: “Don’t make me think”
«Un vis itatore accede al tuo s ito s empre con una propensione positiva»
«Ogni inconveniente durante la navigazione, abbas s erà ques ta propens ione»
«Quando ques ta propens ione è es aurita, il cliente lascerà il sito»
Steve Krug
Informazioni proprietarie e
ris ervate
Ma cosa rende un esperienza mobile eccellente?
1
2
3
Contenuti
Des ign &
Funzionalità
Performance &
Velocità
25 Principi di Design
Homepage & Navigazione del sito
Ricerca all’interno del s ito
E-Commerce & Convers ioni
Compilazione del form
Es perienza utente
Il filo conduttore di tutte le s ezioni
è il fatto che l’utente mobile è
molto esigente e molto orientato
all’obiettivo.
P retende di ottenere tutto ciò di
cui ha bis ogno immediatamente,
facilmente e alle s ue condizioni
Proprietary
P
roprietary +
+ Confidential
Confidential
La Call-to-action
in primo piano e centrata
●
Collocala in evidenza in una pos izione s trategica
●
Sempre il primo o s econdo elemento da caricare
●
Evita l’ immagine s e non neces s aria. Prova a s fruttare
prima il tes to e gli s tili.
Homepage & Navi gazi one del si to
Proprietary
P
roprietary +
+ Confidential
Confidential
Non las ciare che la
pubblicità rubi la s cena
●
Non las ciare che gli annunci os curino il
contenuto critico
●
As s icurarti che le pubblicità non
os tacolino la navigazione degli utenti
●
Rendila leggera e facoltativa
Homepage & Navi gazi one del si to
Proprietary
P
roprietary +
+ Confidential
Confidential
Cons enti agli utenti di
es plorare
●
●
Permetti agli us er di navigare ed
es plorare prima di invitarli a creare un
account
Non obbligare gli utenti alla regis trazione
Online Check-out in real life
E-Commerce & Conversi oni
Proprietary
P
roprietary +
+ Confidential
Confidential
Utilizza Click-to-call Button
per richies te particolari
●
Offri ai vis itatori un click-to-call button
●
Non fate richies te elaborate agli utenti , ques to
potrebbe caus are il fallimento di convers ione
●
Siate s empre omogenei in tutte le pagine
E-Commerce & Conversi oni
Proprietary
P
roprietary +
+ Confidential
Confidential
Rendete s emplice il pas s aggio da
un device all’altro
●
Il percors o del cons umatore può es s ere comples s o. L’utente
potrebbe preferire cominciare s u mobile e completare l’acquis to
s u des ktop
●
Permettete agli utenti di continuare la navigazione in un s econdo
momento o in un s econdo device
E-Commerce & Conversi oni
Proprietary
P
roprietary +
+ Confidential
Confidential
Linee guida per form efficienti
Il form è una conversazione. E come
tale, deve es s ere una logica
comunicazione tra due parti: utente e
s ito/app
L’ utente deve es s ere in grado di
completare il form velocemente e
senza confusione
Proprietary
P
roprietary +
+ Confidential
Confidential
Chiedere solo ciò che è
necessario
●
Accertati di chiedere info di cui hai davvero bis ogno.
Ogni campo in ecces s o da compilare può influenzare
negativamente il tas s o di convers ione.
●
Chieders i s empre perchè e come verranno utilizzate
le info richies te agli utenti.
Una colonna vs. multiple Colonne
I form non dovrebbero mai avere più di una colonna.
Uno dei problemi dei form a più colonne è che gli utenti
tendono a compilare i campi erroneamente.
Con form a campi adiacenti, l'utente è obbligato a es eguire
un percors o a “Z”, rallentando la velocità di comprens ione e
confondendo il percors o di completamento. Ma s e il form è
ad una s ingola colonna, il percors o di completamento è
una linea retta lungo la pagina.
Proprietary
P
roprietary +
+ Confidential
Confidential
Obbligatorio vs Facoltativo
Cerca di evitare campi facoltativi. Ma s e li utilizzi,
s pecifica chiaramente quelli obbligatori.
Generalmente s i utilizzano as teris chi (*) o
“facoltativo” ( preferibile per lunghi form)
Proprietary
P
roprietary +
+ Confidential
Confidential
Combina la tastiera a seconda
della tipologia di testo da
compilare
Gli utenti apprezzano le app che offrono un
appropriata tas tiera per compilare i campi di tes to.
As s icurati che ques ta s ia implementata
uniformemente in tutta l’app. Non s olo in s pecifiche
pagine.
Proprietary
P
roprietary +
+ Confidential
Confidential
Proprietary
P
roprietary +
+ Confidential
Confidential
Floating Label
Una buona s oluzione per il s egnapos to di tes to è la
floating label. Il s egnapos to di tes to è mos trato come
default, ma una volta che s i inizia a s crivere, ques to
s compare e riappare in alto una vers ione animata come
reminder
Proprietary
P
roprietary +
+ Confidential
Confidential
Nominare i bottoni
propriamente
Evita parole generiche come “Invia”, poichè ques to da
l’impres s ione che il form s ia troppo generico. Nominate i
bottoni appropriatamente a s econda delle azioni che
generano. Es : “Crea nuovo Account”, “Mandami offerte
s ettimanali”
P roprietary + Confidential
Come migliorare
le performance
di un S ito Mobile
“Cosa ti infastidisce di più durante una
navigazione s u mobile?”
Video non funzionanti
14 %
Reindirizzamento alla
home page
13 %
Attendere
caricamento pagine
46 %
Pop-up aggiuntivi
16 %
Altro
11 %
Best experience = Best performance
100ms
di latenza costano
1% del fatturato
20%
Di traffico in meno dovuti ad un eccesso di
attesa di 5s nella generazione di una
pagina di risultati
Paragone con una pagina che carica in 1 s econdo
3
s econdi
Source: http:/ / conversionxl.com/
-22%
pageviews
-22%
convers ioni
5
s econdi
-35%
pageviews
-38%
convers ioni
+50%
+105%
bounce rate
bounce rate
…E 23% degli adulti impreca quando un sito non funziona!
True S tory!
Qual è un buon tempo di caricamento?
2 secondi
sweet spot
Pagine mobile che caricano in meno di 1s hanno un +27%
CvR
1.9% conversi on rate
1.5% conversi on rate
1.7
160,000
1.6
140,000
1.4
120,000
1.2
100,000
1.0
80,000
0.8
60,000
0.6
40,000
0.4
20,000
0.2
0
1.2 1.5 1.8 2.1 2.4 2.7 3.0 3.3 3.6 4.2 4.5 4.8 5.1 5.4 5.7 6.0 6.3 6.6 6.9 7.2 7.5 7.8 8.1 8.4 8.7 9.0 9.3 9.6 9.9
Load ti m e (seconds)
Source: "Mobile performance conversion rate"
Sessi ons
Conversi on rate (%)
0.0
Conversi on rate (%)
Sessi ons
180,000
Note: Alcune pagine con
caricamento minore a 2.4s hanno
subito lo stesso bassi conversion
rate. La ragione per questo è perchè
molte pagine più veloci sono
404/ error pages
Tools
Page Speed
Ins ights
Cos’è sbagliato
e cosa aggiustare?
https ://tes tmys ite.thinkwithgoogle.com/
Informazioni proprietarie e
ris ervate
Pubblicità s ui
dis pos itivi mobili
Informazioni proprietarie e
ris ervate
Mercato globale
La pubblicità s ui dis pos itivi mobili è in es pans ione e s i prevede che s upererà la pubblicità s u des ktop entro il 2018.
Percentuale di spesa per la pubblicità per mezzo (%)
0,7%
0,6%
6,6%
6,8%
6,5%
6,5%
12,8%
37,7%
2015
9,2%
19,9%
Televisione
Internet desktop
Internet mobile
Quotidiani
Riviste
Radio
Esterno
Cinema
5,9%
5,3%
34,8%
2018
10,1%
18,4%
Televisione
Internet desktop
Internet mobile
Quotidiani
Riviste
Radio
Esterno
Cinema
18,2%
ZenithOptimedia, 2015
Definis ci i tuoi obiettivi
Aumentare le registrazioni
online
Aumentare le chiamate
telefoniche
Aumentare le vis ite in negozio
Informazioni proprietarie e
ris ervate
Aumentare le vendite di
prodotti online
Aumentare i download delle app
per i dis pos itivi mobili
Ispirare i tuoi clienti
Cos truire una comunità fedele al
tuo brand
Fonte: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Informazioni proprietarie e
ris ervate
Panorama globale di monetizzazione dei dis pos itivi mobili
Woobi.com, 2015
Annunci a pagamento
Informazioni proprietarie e
ris ervate
CPA
● CPA: Cos to per azione (dove l’azione può es s ere
un’impres s ione, un clic, un modulo da inviare o una
vendita)
● CPC: Cos to per clic
ad es . € 0,20 per click-through
CPCV
CPC
● CPM: Cos to per mille (per 1.000 vis ualizzazioni)
ad es . € 3 per mille vis ualizzazioni
● CPI: Cos to per ins tallazione (per le app)
● CPCV: Cos to per vis ualizzazione completata (per
video s ulla bas e di 10 o 30 s econdi)
CPI
CPM
Informazioni proprietarie e
ris ervate
Tipi di annuncio
●
Annunci dis play
●
Annunci di tes to
●
Annunci per la promozione di app
●
Annunci in-app
●
Advergame
●
Annunci video
●
Codice QR
Annunci dis play e annunci di tes to
Informazioni proprietarie e
ris ervate
Annunci display
Annunci di testo
Annunci vis ivi che s pes s o indirizzano a uno s chermo più
grande o a un micros ito, in ques to es empio un video
Solo tes to, con un link
ad altri contenuti
Annunci per la promozione di app e annunci in-app
Annunci per la promozione di app
Annunci progettati per incoraggiare gli utenti a
s caricare le app. Qui l’annuncio è s u T witter.
Annunci in-app
Un annuncio all’interno di
un’applicazione. Qui l’app è Facebook.
Informazioni proprietarie e
ris ervate
Annunci video e advergame
Annunci video
Gli annunci video s ono dis ponibili s u Ins tagram e
Facebook e anche nelle pagine dei ris ultati di ricerca.
Informazioni proprietarie e
ris ervate
Advergame
Giochi progettati per
promuovere un brand
Codici QR
I codici QR s ono s pecificamente progettati per
es s ere riconos ciuti dai telefoni cellulari mediante
la fotocamera.
P os s ono es s ere utilizzati s u materiale s tampato,
pos ter o vetrine per indirizzare gli utenti ai
micros iti.
Informazioni proprietarie e
ris ervate
Informazioni proprietarie e
ris ervate
In s intes i:
●
La pubblicità s ui dis pos itivi mobili è in es pans ione e
s i prevede che s upererà la pubblicità s ui des ktop
entro il 2018
●
Per quals ias i campagna è fondamentale definirne
gli obiettivi
●
Vi s ono molte figure nel mercato degli annunci per i
dis pos itivi mobili con cui dovrai interagire per
acquis tare s pazi pubblicitari
●
Dovrai s cegliere il modello di pagamento adeguato.
Il pagamento per azione può s embrare più caro ma
potrebbero rivelars i più efficace
●
Scegli il formato di annuncio appropriato per la tua
campagna
Gfx - immagine di
archivio di una persona
che usa un dispositivo
mobile
Informazioni proprietarie e
ris ervate
Il futuro e l’Internet
delle cos e
Informazioni proprietarie e
ris ervate
Trend futuri
Indos s abili
Cas e
intelligenti
Città
intelligenti
Senza
conducente /
connes s o
Informazioni proprietarie e
ris ervate
Indos s abili
●
Abbigliamento intelligente
●
Bracciali
●
Smartwatch
●
Occhiali
●
Realtà virtuale
Informazioni proprietarie e
ris ervate
Indos s abili
●
Bracciali
●
Smartwatch
Informazioni proprietarie e
ris ervate
Indos s abili
●
Realtà virtuale
●
Oculus Rift
●
Google Cardboard
Cas e intelligenti
●
Google Home
●
Amazon Echo
●
Siri
Informazioni proprietarie e
ris ervate
Cas e intelligenti
Informazioni proprietarie e
ris ervate
Cas e intelligenti
Informazioni proprietarie e
ris ervate
Città intelligenti
● WiFi
● LiFi (us a la luce per connetters i)
● ZigBee (abilita i dis pos itivi per
comunicare)
● Bluetooth
● BLE (Bluetooth Low Energy)
● NFC (Near field communication)
● Beacon (per dare un’identità a cias cun
dis pos itivo)
● http://www.s mart-cities .eu/
Informazioni proprietarie e
ris ervate
S enza conducente (“driverles s ”)
P erché “driverles s ” funzioni, i veicoli devono
es s ere connes s i.
Secondo Gartner, ci s aranno 250.000 milioni
di veicoli connes s i entro il 2020.
Informazioni proprietarie e
ris ervate
Internet delle cos e
Collegamento a Internet di quals ias i dis pos itivo
con un interruttore On/Off.
Ciò include telefoni cellulari, lavatrici, cuffie
audio, lampade, dis pos itivi indos s abili, auto, e
cos ì via.
P uò anche applicars i a componenti di s is temi
comples s i, come un motore di aereo o a una
macchina perforatrice.
Informazioni proprietarie e
ris ervate
Informazioni proprietarie e
ris ervate
Internet delle cos e
● Connettività ovunque e in
ogni cos a
● Analis i dei dati
● Soluzioni ottimizzate
In s intes i:
Informazioni proprietarie e
ris ervate
● La connes s ione di dis pos itivi come
indos s abili, cas e, infras trutture urbane e
auto fa parte di un trend di connettività
cres cente
● Con l’es pres s ione “Internet delle cos e” s i
intende la connes s ione di un dis pos itivo a
Internet mediante un framework comune.
● Con un numero s empre maggiore di cos e
connes s e tra loro, le analis i di dati pos s ono
fornire s oluzioni ai problemi.
● Gartner s tima che 26 miliardi di dis pos itivi
s aranno connes s i entro il 2020.
Gfx - immagine di
archivio di una persona
che usa un dispositivo
mobile
Informazioni proprietarie e
ris ervate
Conclus ione
Cos a abbiamo imparato?
Informazioni proprietarie e
ris ervate
● I dis pos itivi mobili s ono oggi il modo
più diffus o per accedere a Internet
● I dis pos itivi mobili s ono us ati s empre
più per effettuare acquis ti online
● È importante ottimizzare il s ito per i
dis pos itivi mobili
● Un’app per dis pos itivi mobili può
es s ere un modo per far cres cere la tua
attività
● La pubblicità s ui dis pos itivi mobili è in
es pans ione
● In futuro, s empre più dis pos itivi
s aranno connes s i
Fonte: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Il nuovo mondo
del lavoro con
Google Cloud
Luca P oliti
Informazioni
Informazioni proprietarie
proprietarie ee
ris ervate
Temi trattati
●
Google Cloud
●
T rend della forza lavoro oggi
●
GSuite: s trumenti aziendali per
lavorare ovunque ci s i trovi, in
s icurezza
●
Google Cloud P latform:
l’infras truttura di Google nelle
vos tre mani
Informazioni proprietarie e
ris ervate
Fonte: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Find
Connect
Locate
Browse
Mobile
Infrastructure
1 miliardo di utenti
1 miliardo di
utenti Gmail
1 miliardo di
utenti
1 miliardo di utenti
1 miliardo di
utenti
2 milioni di ricerche al
secondo
Search
Apps
Maps
Chrome
Android
Cloud
60% of F500
leverage Google
technology
+2M paid
businesses
10B maps viewed
by 1B people on
1M sites every
week
Chrome #1 work
browser
Android largest
mobile platform
in world
Google Cloud
Platform exponential
growth
+800 orgs with
10K+ users
+5,000 sign-ups
per day
2M websites &
apps use Maps
API every week
Chromebooks #1
EDU device in US
+2B container starts
per week
Product Portfolio
Next-Gen Devices
Android
for Work
Chrome
SaaS
PaaS
GSuite
Maps
for Work
BigQuery
IaaS
App
Engine
Container
Engine
Compute
Engine
Informazioni proprietarie e
ris ervate
Trend della forza lavoro
oggi
Fonte: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
S i lavora ovunque
31%
27%
23%
39%
lavora dalla
lavora
lavora da un
lavora da
s ede del
cliente
in viaggio
luogo
pubblico
Fonte: Forrester Employee Workforce Survey, 2012; le cifre indicano le postazioni da cui i dipendenti lavorano diverse volte in un mese
cas a
Il lavoratore medio utilizza
tre dis pos itivi
BYOD (bring your own device)
cos tituis ce ormai la norma
74%
71%
54%
85%
dei dipendenti
s ceglie il proprio
dei dipendenti
s ceglie il proprio
delle aziende s ta
delle aziende
s martphone
per lavorare
tablet
per lavorare
adottando
oggi l’approccio BYOD
adotterà
l’approccio BYOD
entro il 2020
Fonte: Forrester Telecom & Mobility Workforce Survey, 2013; Forrester "Building The Business Case For A Bring-Your-Own-Device (BYOD) Program", 2012; Gartner "BYOD Doesn't Have to Be All or Nothing",
2013
Informazioni proprietarie e
ris ervate
Gli utenti accedono ad una quantità
s empre maggiore di dati
61% cres cita del volume di dati aziendali ogni anno
Fonte: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Informazioni proprietarie e
ris ervate
Accedere ai file s empre e da quals ias i
luogo può es s ere difficile
USB
Clienti
Cloud
Accesso
Email
3
?
Condivisione
Partners
Fornitori
Intranet
Team
File Server
Fonte: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
...difficile
perper
utenti
e per
...difficile
utenti
e l’IT
difficile
Informazioni proprietarie e
ris ervate
per l’IT
Utenti
Difficile da trovare o accedere
Molteplici fonti
Sovraccarico di email
Difficile da condividere
Amminis tratori IT
Sicurezza dei dati
Capacità & ges tione performance
Conformità legale
Backup/recupero infras truttura
Fonte: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
GS uite: s trumenti
aziendali per lavorare
ovunque ci s i trovi, in
s icurezza
Informazioni proprietarie e
ris ervate
Fonte: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Proprietary + Confidential
Condividere e
Archiviare
Comunicare
Gmail
Hangouts
Calendar
Google+
Drive
Collaborare
Docs Sheets Slides Forms
Gestire
Sites
Admin
Vault
Gmail
Informazioni proprietarie e
ris ervate
●
●
●
●
●
Indirizzo email pers onalizzato per l’azienda
Spazio di archiviazione 30 GB/utente o illimitato
Compatibilità con altri client di pos ta
Funzioni di ricerca avanzata nella pos ta
Organizzazione efficace della pos ta con etichette
pers onalizzabili
● Email s ui dis pos itivi mobili, anche s enza
connes s ione
● Convers azioni non s olo via email ma anche in chat e
video
Fonte: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Google Hangouts
Informazioni proprietarie e
ris ervate
Videoconferenza in HD fino a 15
pers one interne o es terne
all’organizzazione
Integrazione con Calendar e chat
Funzionalità avanzate (condivis ione
s chermo, chat, Voter, dis egno /
effetti)
Dis ponibile s u tutti i dis pos itivi
Ottimizzazione del cons umo di banda
Opzione per la tras mis s ione in diretta
s u Youtube Live
Fonte: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Google Calendar
Informazioni proprietarie e
ris ervate
● Aggiornamento in tempo reale di eventi e
attività / tas k
● Condivis ione con colleghi, per una
pianificazione più efficiente
● Dis ponibilità offline
● Integrazione con Gmail, Drive, Hangouts , Sites
● P os s ibilità di allegare documenti e link agli
eventi creati
● Sis tema di promemoria per appuntamenti e
s cadenze
● P renotazione di s ale riunioni e ris ors e aziendali
Fonte: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Google+
Informazioni proprietarie e
ris ervate
● Condivis ione s emplice e veloce con
clienti e colleghi
● Condivis ione di contenuti in divers i
formati (foto, link, file)
● Integrazione con email, calendari e
documenti
● Organizzazione dei contatti s ocial
attravers o le cerchie, per interagire in
modo pers onalizzato in bas e alla
categoria (amici, colleghi, clienti..)
Fonte: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Google Drive
Informazioni proprietarie e
ris ervate
Cons ervazione di tutti i documenti in un unico luogo
Vis ualizzazione di file in oltre 40 formati profes s ionali
Acces s o da quals ias i dis pos itivo
Sincronizzazione automatica dei file con il computer
Niente più preoccupazioni s u capacità, performance o
s icurezza
Fonte: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Google Docs , s heets , s lides
Project Everest
Campaign City Ideas
Informazioni proprietarie e
ris ervate
Creazione, modifica e condivis ione
dei documenti di tes to, s lide e fogli
di calcolo direttamente nel brows er
s enza bis ogno di s oftware dedicati
Commenti, chat e modifiche in tempo
reale
Salvataggio automatico di tutte le
modifiche in tempo reale
Revis ione e pos s ibile ripris tino delle
vers ioni precedenti
Fonte: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Google Forms
Informazioni proprietarie e
ris ervate
Creazione di moduli pers onalizzati per
s ondaggi e ques tionari
Raccolta delle ris pos te in fogli di calcolo
e analis i con riepiloghi automatici
P ers onalizzazione con divers i tipi di
domande e formati
P os s ibilità di aggiungere video e
immagini
Condivis ione s emplice e veloce dei
moduli via email, link o web
Fonte: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Google S ites
Informazioni proprietarie e
ris ervate
Creazione di intranet e s iti per progetti,
team o come portale per clienti,
s enza s crivere una s ola riga di
codice.
Inclus ione di calendari, mappe, video,
fogli di lavoro, pres entazioni e altro
ancora
Barra di ricerca Google per trovare
contenuti in Sites
P rotezione e controllo dei dati grazie ai
controlli di condivis ione e modifica
Fonte: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Google Vault
Informazioni proprietarie e
ris ervate
Archiviazione, ricerca ed es portazione
da parte dell’amminis tratore dei
mes s aggi, anche s e eliminati dal
ces tino della pos ta
Sorta di “as s icurazione” in cas o di
caus e legali o per s copi di
bus ines s
Ricerca powered by Google per trovare
rapidamente i contenuti
eDis covery dei file archiviati in Drive
Fonte: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Google Admin Cons ole
Informazioni proprietarie e
ris ervate
Fonte: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Google Admin Cons ole
Informazioni proprietarie e
ris ervate
Amminis trazione centralizzata delle
opzioni di s icurezza
Ges tione degli utenti (creazione,
eliminazione, riallocazione
licenza)
Ges tione dei dis pos itivi mobili
Impos tazioni a livello di intera
azienda o per gruppi al s uo
interno
Monitoraggio delle attività relative
alle applicazioni e file aziendali
Fonte: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Informazioni proprietarie e
ris ervate
Google Cloud Platform:
il potere dell’infras truttura
Google nelle vos tre mani
Fonte: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Negli ultimi 15 anni, Google ha
cos truito l’infras truttura cloud più
veloce, più potente e di maggiore
qualità al mondo
COSTRUISCI >> PREDICI >> CREA >> ATTIVA
Predict what’s next
Machine Learning
& Big Data
Build what’s next
Infrastruttura
Create what’s next
Produttività e
Collaborazione
Activate what’s next
Connesso al Cloud
Google Research in Data Technologies
F1
Spanner
Dremel
MapReduce
Millwheel
Colossus
BigTable
GFS
Flume
Megastore
PubSub
2002
2004
2006
2008
2010
Google Research Publications referenced are available here: http:/ / research.google.com/ pubs/ papers.html
The Datacenter as a Computer: An Introduction to the Design of Warehouse-Scale Machines, 2009 http:/ / research.google.com/ pubs/ pub35290.html
2012
2013
Google Research in Data Technologies
F1
Spanner
BigQuery
Dataproc
Cloud Storage
Dataflow
Dataflow
Cloud Storage
Bigtable
Datastore
PubSub
2002
2004
2006
2008
2010
Google Research Publications referenced are available here: http:/ / research.google.com/ pubs/ papers.html
The Datacenter as a Computer: An Introduction to the Design of Warehouse-Scale Machines, 2009 http:/ / research.google.com/ pubs/ pub35290.html
2012
2013
Data & Analytics
Application Development
Infrastructure & Operations
cloud.google.com
Data
Storage
Developer
T ools
Management
Compute
Networking
Services
Mobile
Informazioni proprietarie e
ris ervate
Fonte: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Informazioni proprietarie e
ris ervate
Come contattarci?
gs uite.google.it
cloud.google.com
gs uite.google.it/contact-form/
cloud.google.com/contact
800-930-838
Fonte: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Informazioni proprietarie e
ris ervate
?
?
?
Domande?
Fonte: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
