Leonardo Bellinileonardo@dml.it                     Mobile: strategy,http://www.dml.ithttp://www.digitalmarketinglab.it   ...
AGENDA•    Mobile Scenario, alcuni dati in Italia e nel mondo•    Cosa significa Internet Mobile•    Alcuni dati sull’util...
Mobile Scenario: alcuni      dati di mercato      Scenario internazionale e alcuni      dati del mercato italiano| 3
A PROPOSITO DEL MOBILE…| 4
Ciò che potreste aver sentito almenoun paio di volte... •  Con 4.700.000.000 di utenti Mobile, il    mobile ha superato il...
Ciò che potreste aver sentito almenoun paio di volte...Entro il 2014 la navigazione su Mobile supererà la navigazione suDe...
Ciò che potreste aver sentito almenoun paio di volte...•  In Italia la penetrazione Mobile supera il  140%                ...
Ciò che potreste aver sentito  almeno un paio di volte... •  Android era nel 2010 numero 1 in the    USA – In Europa preva...
Ciò che potreste aver sentito almenoun paio di volte...•  L’iPad è una rivoluzione   e sta vendendo meglio   dell’iPhone…•...
Come gli utenti usano i Tablet…1.  8% degli utenti tablet spendono almeno 1 ora al    giorno sul loro tablet2.  77% degli ...
Sondaggio su utilizzo Tablet                    AdMob Survey, Aprile 2011| 11
Ciò che potreste aver sentito almenoun paio di volte... •  I click-through rate su Mobile sono +    alti che quelli su PC ...
Ciò che potreste aver sentito almenoun paio di volte... •  Foursquare è il nuovo Twitter
Nel 2009 il tasso di penetrazione del Mobile in                     Europaè equivalente al tasso di penetrazione del PC   ...
Ciò che potreste aver sentito          almeno un paio di volte...                                                   Nel 20...
Market Share vs Traffic Share              I	  sistemi	  opera@vi	  più	  u@lizza@	  per	  il	  traffico	  Internet	  sono	 ...
Smartphone shipments per S.O.Android è leader incontrastato, seguono iOS e Symbian    http://mobithinking.com/mobile-marke...
Smartphone market penetration   Nokia, Apple e Samsung: i primi 3 produttori in ItaliaSymbian, Android e Apple: i primi 3 ...
Operating system Market penetration     Nel mondo: Android, iOS, Symbian, poi BB e BadaAndroid ha il maggiore tasso di cre...
Le 4 C del comportamento dell’utenteMobile Il mobile diventerà il nuovo 24/7 Digital Hub
Mobile Usage DataFENOMENO MOBILE
4 miliardi di cellulari in uso, il 27% sono smartphone    | 22   | Mobile: strategy, marketing, apps– © Leonardo Bellini -...
Il sorpasso del traffico via mobile annunciato nel 2014| 23   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Vo...
Metà delle ricerche Local sono fatte via Mobile| 24     | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontar...
Il second screen si sta imponendo..| 25   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Svilu...
Mobile Couponing: grande opportunità       Ancora poco utilizzata, rispetto alla domanda| 26     | Mobile: strategy, marke...
Utilizzo dei mobile phone2,7 ore al giorno, il doppio di quanto impiegano per mangiare1/3 di quanto dormono.. | 27   | Mob...
Social networking via MobileSi usa il mobile per socializzare (via Mobile social Network Apps) | 28   | Mobile: strategy, ...
Giochi, tempo, mappe, ricerca, social networking..| 29     | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volon...
Un terzo degli utentiFacebook si collegae interagisce via MobileCirca la metà degli utentiTwitter si collega e interagisce...
Il gruppo più attivo:le donne dai 35-54 si collegano per socializzare   | 31   | Mobile: strategy, marketing, apps– © Leon...
Mobile Marketing Statistics•  Alcune fonti per aggiornarsi:•  Google Mobile Planet: una survey   costantemente aggiornata;...
Google Mobile Planet                                             Paesi coperti da Google Mobile Planet  http://www.thinkwi...
| 34   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
http://xyo.net/| 35   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
www.xyo.net Dic. 2012| 36
Crea il tuo report     http://www.thinkwithgoogle.com/mobileplanet/it/   | 37   | Mobile: strategy, marketing, apps– © Leo...
Mobile ScenarioE IN ITALIA?
Chi naviga di più in Italia via Mobile?In che misura influisce il Device?
Traffico internet mobile - Italia                            La situazione italiana                                   Il 7...
E le aziende?       Stanno investendo su       Mobile (Web & App)?       Se sì, con quali ritorni?| 41
Alcuni dati sul Mobile in Italia•  crescita degli investimenti da parte   delle aziende tradizionali del 21%   rispetto al...
Ricerca e dati per il mercato italiano GOOGLE MOBILE PLANET| 43        | Mobile: strategy, marketing, apps– © Leonardo Bel...
5 trend evidenziati dalla ricerca•  Gli smartphone sono indispensabili nella vita   di tutti i giorni•  Gli smartphone han...
Riepilogo Survey per l’Italia (MobilePlanet)                                                          Gennaio 2013| 45   |...
Sintesi della Ricerca| 46   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
| 47   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
| 48   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
| 49   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
| 50   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
| 51   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
| 52   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
| 53   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
| 54   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
| 55   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
| 56   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
| 57   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
| 58   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
| 59   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
| 60   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
| 61   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
| 62   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
| 63   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
| 64   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
| 65   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
| 66   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
| 67   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
| 68   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
| 69   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
| 70   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
| 71   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
| 72   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
| 73   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
| 74   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
| 75   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
| 76   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
Mobile Browsing, nel mondo| 77   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
Distribuzione traffico Mobile                      Africa e Asia ai primi posti…| 78   | Mobile: strategy, marketing, apps...
Preferenze per uso del Mobilecommerce          Il mobile commerce ancora non decolla…| 79   | Mobile: strategy, marketing,...
Statistiche usoMobile - Europa [Comscore Mobile Lens Data, Maggio 2011]SMS è ancora la forma dicomunicazione + usata   | 8...
Mobile Retail usage in EuropaIn generale % ancora basse, attorno al 5%                                                    ...
Mobile Experience18/02/13           Come creare una mobile           experience consistente
Le prime domande•  Per sviluppare brand engagement e generare   benefici economici con il mobile dovremmo   investire in: ...
Analizza il livello di soddisfazione  della mobile experience dei tuoi clienti   •  Compara il livello di soddisfazione e ...
Confronto Desktop, App, Mobile web  Sarah Bailie, Mobile Commerce Mgr a Debenhams UK| 85   | Mobile: strategy, marketing, ...
Sito web ottimizzato per il Mobile•  E’ il punto di partenza di una presenza strategica   mobile•  Investimenti in mobile ...
Mobile Internet•  La navigazione via mobile browsing sta   crescendo 150% anno per anno•  Gli analisti prevedono il sorpas...
Google Research•  Solo il 21% circa dei Brand ha un   sito ottimizzato per il mobile•  Secondo le statistiche di analytics...
% Traffico via mobile: circa 18%       Frequenza di rimbalzo via mobile: 80%        Analisi sul sito www.digitalmarketingl...
Secondo Google la % media di traffico via mobile diun sito si attesta attorno al 20%   [Google Analytics]  | 90   | Mobile...
HOME WORK – FOR NEXT TIME…Utilizzate la piattaforma di web analytics (es.Google Analytics) del vostro sito per misurare:• ...
Non è più un Nice to have…Non ottimizzare il proprio sito per il Mobile ha lo stessoeffetto che chiudere il tuo negozio ne...
Mobile Internet Design 2 ragioni chiave: 1. Consumer Intent: chi cerca un prodotto e poi lo acquista via Mobile impiega ci...
Diversità negli schermi e deviceSolo in UK:600 tipi differenti dihandset5 sistemi operativi1 oraCi sono molti vincoli:-  F...
E’ davvero così importante ottimizzare il proprio sito per il           Mobile? Dipende molto dal settore                 ...
Subway riceve il 50% del suo traffico da mobile tra le 12.00                e le 13.00 dei giorni feriali| 96   | Mobile: ...
PROGETTARE UNA MOBILE WEB APP| 97
6 key Issue da considerare     1.  Identifica se il browser sta usando un PC o un         mobile device     Ci sono dei re...
Autoglass Mobile Site   Versione mobile del sito, sviluppata con Jquery Mobile| 99   | Mobile: strategy, marketing, apps– ...
Script detectionwww.detectmobilebrowsers.mobi | 100   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari ...
ESERCITAZIONE•  Andate sul vostro sito aziendale navigando dal   vostro handset.•  Che tipo di sito visualizzate?•  C’è un...
Sviluppare un sito ottimizzato2. definisci per quali device e Sistemi operatividesideri che il tuo sito sia ottimizzato.Qu...
Selezionare il subset giusto•  Iphone ha una penetrazione   del 12%•  Significa che l’88% degli utenti   mobile utilizza a...
Ottimizzare la mobile experience•  È possibile rilevare il tipo di device dalla prima   sessione sul Server•  Si fa il mat...
Device Atlas| 105   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
Device Anywhere                    http://www.keynotedeviceanywhere.com/| 106   | Mobile: strategy, marketing, apps– © Leo...
Kit di device per testing Tutti i device utilizzati per testare il sito della BBC| 107   | Mobile: strategy, marketing, ap...
Ottimizzare il sito web per il mobile3. Definire in che modo il contenuto sarà adattatoper il MobilePuoi pensare di mostra...
Ottimizzare il sito web per il Mobile4. Progetta e costruisciOgni contenuto Mobile dovrebbe essereraggiungibile con al mas...
Verifica 4 top user tasks1.  Browse: decidi le categorie    chiave da mostrare2.  Search: stabilisci se è +    importante ...
ESERCITAZIONE•  ANALIZZA QUESTI 4 ELEMENTI (Browse,   Search, Branding, Support)PER I SEGUENTI SITI:•  www.martini.com•  w...
4 opzioni per progettare una mobile presence ELEMENTI DI MOBILE DESIGN| 112
4 opzioni per il Mobile design1.  Semplice sito Mobile (contenuti differenti)2.  Screen Scrape (stessi contenuti)3.  Respo...
1. Mobile site distinto•  E’ il metodo più semplice,   si costruisce un sito   mobile distinto (es.   http://m.company.com...
1. Mobile site distintoNon è l’approccio consigliato nel medio-lungotermine perché:1.  richiede la duplicazione di contenu...
2. Mobile site modello “Screen Scrape”Alcuni brand di alto profilohanno optato per una soluzionetemporanea:•  Creazione di...
3. Responsive designSi basa sul principio di sviluppare un solo sito,fruibile e ottimizzato per differenti fruizioni (web,...
Obiettivo: costruire siti che si adattino a qualsiasidispositivo  | Mobile: strategy, marketing, apps– © Leonardo Bellini ...
Responsive design: una definizione http://www.html.it/pag/32821/cose-il-responsive-design/| 119   | Mobile: strategy, mark...
Cosa non è il responsive design•  non è una metodologia per creare versioni dei   siti ‘ottimizzate’ e specifiche per il m...
Requisiti tecniciImplica la conoscenza di un mix di tecnologie:•  Markup language: HTML•  Presentation & Layout: CSS, CSS3...
Tipi di media supportati•  all: il CSS si applica a tutti i dispositivi di visualizzazione;•  screen: schermo di computer;...
Temi Wordpress “Responsive”http://themeforest.net/item/avada-responsive-multipurpose-theme/    | 123   | Mobile: strategy,...
Responsive design styleNella versione Desktop il sito presenta 2 colonne, 1 solaPer la versione iPad e iPhone | 124   | Mo...
Responsive Design Test                                           Permette di testare il tuo sito per                      ...
ESERCITAZIONE•  VISITATE http://www.benjaminkeen.com•  Seguite le istruzioni per generare Javascript e   aggiungetelo alla...
SocialMinds.it: test multi device| 127   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
http://mediaqueri.es/  Esempi di come siano responsive alcuni siti famosi| 128   | Mobile: strategy, marketing, apps– © Le...
About responsive Design •  Sebbene di non difficile tecnologia una degli    ostacoli all’adozione è che richiede una certa...
Mobile Experience: Context & Intent2 elementi chiave per la mobile user experience:Contesto d’uso e Intenzione:•  una pers...
4. Web App HTML5Molti designer si stanno orientando a costruire mobileWeb apps basate su HTML5 (nativo in molti browser di...
HTML5: Il futuro delle Mobile Apps?•  Alcuni Analisti di Forrester Research   prevedono un erosione di margini di Apple de...
Mobile Web Apps vs Native AppsMobile Web Apps:                                Native Mobile Apps:1.  Più lente rispetto al...
Financial Time Web App Case Study+31 % di abbonamenti durante l’ultimo anno+29% numero di utenti registrati (4,8 milioni)2...
Mobile Web App FrameworksEsistono alcune framework e piattaforme chesemplificano e accelerano lo sviluppo di MobileWeb App...
Sencha Touch Framework           http://www.sencha.com/products/touch/| 136   | Mobile: strategy, marketing, apps– © Leona...
Jquery Mobile           http://jquerymobile.com/| 137   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontar...
JQTouch Framework           http://jqtouch.com/| 138   | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari...
DHTMLX Framework                http://www.dhtmlx.com/touch/| 139   | Mobile: strategy, marketing, apps– © Leonardo Bellin...
PersonalizzazioneI Mobile Phone sono oggetti molto personali, intimi:Difficilmente li prestiamo a qualcuno.Si prestano ad ...
Amazon Mobile App                                           •  La Home page di Amazon                                     ...
Personalizzare il sito mobile        Esempio di mobile web design ottimizzato con la        Personalizzazione dell’esperie...
Ottimizzare il sito web mobile6. Stai misurando e ottimizzando il tasso diconversione?La Mobile Web Analytics ci permette ...
CONVERSION FUNNEL STEPS   STAI MISURANDO LE METRICHE PER CIASCUNA   FASE DEL FUNNEL? Assicurati di poter misurare metriche...
Piattaforme di Mobile AnalyticsOltre a Google Analytics, esistono alcuni servizie piattaforme specializzate per la mobilea...
www.flurry.com Flurry AnalyticsServizio gratuito usato da 75.000 aziende per misurareReach, engagement, retention, convers...
Bango Analytics        Identificazione univoca dell’utente. Permette di        tracciare visite ripetute attraverso device...
mixpanelReal time analytics diffuso tra gli editori di mobile appsPermette di segmentare l’audience e di misurare la reten...
Le 5 sfide per creare un sito mobile   ottimizzato1.  1 sito o 2? Creare un mobile site distinto oppure    ottimizzare il ...
Upcoming SlideShare
Loading in...5
×

Mobile strategy, marketing, mobile apps 2013

4,050

Published on

Presentazione aggiornata su mobile strategy, marketing & Apps.
Lo scenario mobile, italiano e internazionale. Le principali opzioni di mobile web design. Confronto tra web

Published in: Business
1 Comment
18 Likes
Statistics
Notes
  • SURVELYTICS : Listen to your market anytime anywhere. Connect with your respondents ‘in the moment' enabling them to give objective, real-time responses. Download Survelytics App now.
    Survelytics is the Next generation Mobile market research app that supports complex logics, cloud storage facility for your survey data and many more exciting features. Get more info on Survelytics offerings and support at http://www.survelytics.com/
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
4,050
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
0
Comments
1
Likes
18
Embeds 0
No embeds

No notes for slide

Mobile strategy, marketing, mobile apps 2013

  1. 1. Leonardo Bellinileonardo@dml.it Mobile: strategy,http://www.dml.ithttp://www.digitalmarketinglab.it marketing e appsTwitter: @dmlab Corso online per VpS
  2. 2. AGENDA•  Mobile Scenario, alcuni dati in Italia e nel mondo•  Cosa significa Internet Mobile•  Alcuni dati sull’utilizzo Mobile in Italia e nel mondo•  Progettare una presenza Mobile: le opzioni fondamentali•  Mobile Web Apps vs Native Apps•  Come definire la mia presenza e strategia sul Mobile?•  Come segmentare la mia Mobile target audience con il metodo POST•  Sintesi della lezione
  3. 3. Mobile Scenario: alcuni dati di mercato Scenario internazionale e alcuni dati del mercato italiano| 3
  4. 4. A PROPOSITO DEL MOBILE…| 4
  5. 5. Ciò che potreste aver sentito almenoun paio di volte... •  Con 4.700.000.000 di utenti Mobile, il mobile ha superato il PC [Forrester, Luglio 2010]
  6. 6. Ciò che potreste aver sentito almenoun paio di volte...Entro il 2014 la navigazione su Mobile supererà la navigazione suDesktop Non  avere  una   presenza  Mobile  oggi   è  equivalente  a  non   avere  una  presenza   Internet  nel  1999     Morgan Stanley, Dic. 2009
  7. 7. Ciò che potreste aver sentito almenoun paio di volte...•  In Italia la penetrazione Mobile supera il 140% [Nielsen, Aprile 2010]
  8. 8. Ciò che potreste aver sentito almeno un paio di volte... •  Android era nel 2010 numero 1 in the USA – In Europa prevaleva OS XNel 2011 c’è stato il sorpasso… Android è il 1° sistema operativo Marzo 2010
  9. 9. Ciò che potreste aver sentito almenoun paio di volte...•  L’iPad è una rivoluzione e sta vendendo meglio dell’iPhone…•  3 milioni di iPad venduti nei primi 80 giorniGià 2,5 milioni di iPad 2venduti nel 1° meseSi stimano 35 milioni divendite nel 2011[Digitimes, Aprile 2011]
  10. 10. Come gli utenti usano i Tablet…1.  8% degli utenti tablet spendono almeno 1 ora al giorno sul loro tablet2.  77% degli intervistati afferma che l’uso del loro desktop/laptop è diminuito da quando hanno il tablet3.  82% degli intervistati afferma che usano il tablet prevalentemente a casa4.  Più di un terzo usa il tablet più di quanto guardi la TV AdMob Survey, Aprile 2011 | 10
  11. 11. Sondaggio su utilizzo Tablet AdMob Survey, Aprile 2011| 11
  12. 12. Ciò che potreste aver sentito almenoun paio di volte... •  I click-through rate su Mobile sono + alti che quelli su PC Internet Maggiore Brand engagement , migliore risposta ed efficacia da parte degli utenti in modalità Mobile
  13. 13. Ciò che potreste aver sentito almenoun paio di volte... •  Foursquare è il nuovo Twitter
  14. 14. Nel 2009 il tasso di penetrazione del Mobile in Europaè equivalente al tasso di penetrazione del PC 10 anni prima [Forrester, Luglio 2010]
  15. 15. Ciò che potreste aver sentito almeno un paio di volte... Nel 2012 sono 28 milioni (Google research) L’Italia  ha  il  tasso  di  penetrazione  Smartphone  più  alto  al   Mondo*   •  Nel  biennio  2008/2009  in  Italia  sono   sta<  vendu<  oltre  6,5  Mln  di   Smartphone  ogni  anno,  che   corrisponde  ad  oltre  il  30%  dei   cellulari  vendu<  (**)   •  Altre  fon<  s<mano  che  gli   Smartphone  vendu@  superano  il   40%  dei  terminali  mobili,  facendo   rientrare  nella  classificazione  di   smartphone  anche  alcuni  modelli  di   fascia  entry  level  (esclusi  dal  panel   GFK)  (**)   Circa 15 milioni di smartphone in Italia (H3G Italia, marzo 2010)(*)  Fonte:  Nielsen  Company,  2009  (**)  Fonte:  GFK  –  RT,  2009  
  16. 16. Market Share vs Traffic Share I  sistemi  opera@vi  più  u@lizza@  per  il  traffico  Internet  sono  Iphone  e   Android   Distribuzione  mondiale  traffico  internet  dei  sistemi   opera@vi  degli  smartphone**   Mobile  Phones,  Smartphone  –  market  share  unità  vendute*   in  sell-­‐in  dalle  manufaNuriere   •  iPhone  passa  dal  33%  del  2009  al  50%  fine   2010   Nel 2010 Nokia era il leader •  Android  passa  dal  2%  di  un  anno  fa  al  24%   di  Dic.  2010  (*)  Fonte:  Nielsen,  2009  (**)  Fonte:  Admob,  febbraio  2010  
  17. 17. Smartphone shipments per S.O.Android è leader incontrastato, seguono iOS e Symbian http://mobithinking.com/mobile-marketing-tools/latest-mobile-stats | 17 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  18. 18. Smartphone market penetration Nokia, Apple e Samsung: i primi 3 produttori in ItaliaSymbian, Android e Apple: i primi 3 Sistemi operativi in Italia | 18 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  19. 19. Operating system Market penetration Nel mondo: Android, iOS, Symbian, poi BB e BadaAndroid ha il maggiore tasso di crescita,Symbian in fortissimo calo | 19 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  20. 20. Le 4 C del comportamento dell’utenteMobile Il mobile diventerà il nuovo 24/7 Digital Hub
  21. 21. Mobile Usage DataFENOMENO MOBILE
  22. 22. 4 miliardi di cellulari in uso, il 27% sono smartphone | 22 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo SviluppoInfografica a cura di Microsoft Tag 2012 – previsioni da qui a 3 anni
  23. 23. Il sorpasso del traffico via mobile annunciato nel 2014| 23 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  24. 24. Metà delle ricerche Local sono fatte via Mobile| 24 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  25. 25. Il second screen si sta imponendo..| 25 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  26. 26. Mobile Couponing: grande opportunità Ancora poco utilizzata, rispetto alla domanda| 26 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  27. 27. Utilizzo dei mobile phone2,7 ore al giorno, il doppio di quanto impiegano per mangiare1/3 di quanto dormono.. | 27 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  28. 28. Social networking via MobileSi usa il mobile per socializzare (via Mobile social Network Apps) | 28 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  29. 29. Giochi, tempo, mappe, ricerca, social networking..| 29 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  30. 30. Un terzo degli utentiFacebook si collegae interagisce via MobileCirca la metà degli utentiTwitter si collega e interagiscevia MobilePiù di 200 milioni divisualizzazioni al giorno daMobile per Youtube | 30 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  31. 31. Il gruppo più attivo:le donne dai 35-54 si collegano per socializzare | 31 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  32. 32. Mobile Marketing Statistics•  Alcune fonti per aggiornarsi:•  Google Mobile Planet: una survey costantemente aggiornata; permette di crearti il tuo proprio report•  ITU pubblica periodicamente alcune statistiche gratuite sul Mobile trends•  Xyologic App Download report: risorsa preziosa, mostra il livello di utilizzo delle differenti applicazioni e piattaforme, per paese| 32 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  33. 33. Google Mobile Planet Paesi coperti da Google Mobile Planet http://www.thinkwithgoogle.com/mobileplanet/en/| 33 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  34. 34. | 34 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  35. 35. http://xyo.net/| 35 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  36. 36. www.xyo.net Dic. 2012| 36
  37. 37. Crea il tuo report http://www.thinkwithgoogle.com/mobileplanet/it/ | 37 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  38. 38. Mobile ScenarioE IN ITALIA?
  39. 39. Chi naviga di più in Italia via Mobile?In che misura influisce il Device?
  40. 40. Traffico internet mobile - Italia La situazione italiana Il 78% del traffico è generato da iPhone + iPod touchFonte: CasaleggioAssociati, Gennaio 2010
  41. 41. E le aziende? Stanno investendo su Mobile (Web & App)? Se sì, con quali ritorni?| 41
  42. 42. Alcuni dati sul Mobile in Italia•  crescita degli investimenti da parte delle aziende tradizionali del 21% rispetto al 2008•  una buona crescita, pari al 15% circa della spesa delle aziende italiane in Sms per promozioni e servizi ai clienti aquisiti e prospect (Sms Bulk)Osservatorio Politecnico di Milano – Aprile 2010
  43. 43. Ricerca e dati per il mercato italiano GOOGLE MOBILE PLANET| 43 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  44. 44. 5 trend evidenziati dalla ricerca•  Gli smartphone sono indispensabili nella vita di tutti i giorni•  Gli smartphone hanno trasformato il comportamento dei consumatori•  Gli smartphone permettono agli utenti di navigare a livello mondiale•  Gli smartphone cambiano il modo di acquistare dei consumatori•  Gli smartphone consentono agli inserzionisti di mettersi in contatto con i clienti| 44 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  45. 45. Riepilogo Survey per l’Italia (MobilePlanet) Gennaio 2013| 45 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  46. 46. Sintesi della Ricerca| 46 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  47. 47. | 47 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  48. 48. | 48 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  49. 49. | 49 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  50. 50. | 50 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  51. 51. | 51 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  52. 52. | 52 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  53. 53. | 53 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  54. 54. | 54 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  55. 55. | 55 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  56. 56. | 56 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  57. 57. | 57 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  58. 58. | 58 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  59. 59. | 59 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  60. 60. | 60 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  61. 61. | 61 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  62. 62. | 62 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  63. 63. | 63 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  64. 64. | 64 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  65. 65. | 65 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  66. 66. | 66 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  67. 67. | 67 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  68. 68. | 68 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  69. 69. | 69 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  70. 70. | 70 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  71. 71. | 71 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  72. 72. | 72 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  73. 73. | 73 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  74. 74. | 74 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  75. 75. | 75 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  76. 76. | 76 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  77. 77. Mobile Browsing, nel mondo| 77 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  78. 78. Distribuzione traffico Mobile Africa e Asia ai primi posti…| 78 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  79. 79. Preferenze per uso del Mobilecommerce Il mobile commerce ancora non decolla…| 79 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  80. 80. Statistiche usoMobile - Europa [Comscore Mobile Lens Data, Maggio 2011]SMS è ancora la forma dicomunicazione + usata | 80 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  81. 81. Mobile Retail usage in EuropaIn generale % ancora basse, attorno al 5% Utilizzo per il settore retail | 81 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  82. 82. Mobile Experience18/02/13 Come creare una mobile experience consistente
  83. 83. Le prime domande•  Per sviluppare brand engagement e generare benefici economici con il mobile dovremmo investire in: •  sviluppare una Mobile App •  Sito web ottimizzato per una fruizione Mobile •  O entrambi?| 83 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  84. 84. Analizza il livello di soddisfazione della mobile experience dei tuoi clienti •  Compara il livello di soddisfazione e i tassi di conversione tra: •  Desktop Web •  Mobile Web •  Mobile AppÈ difficile riuscire a creare una mobile experiencesoddisfacente, con gli stessi livelli di soddisfazione econversione del Desktop Web | 84 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  85. 85. Confronto Desktop, App, Mobile web Sarah Bailie, Mobile Commerce Mgr a Debenhams UK| 85 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  86. 86. Sito web ottimizzato per il Mobile•  E’ il punto di partenza di una presenza strategica mobile•  Investimenti in mobile adv. e mobile search rendono più facile per il consumatore trovare il tuo sito su mobile web (accesso via browser) Il 2014 sarà davvero l’anno del sorpasso? | 86 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  87. 87. Mobile Internet•  La navigazione via mobile browsing sta crescendo 150% anno per anno•  Gli analisti prevedono il sorpasso del mobile browsing entro il 2013-2014•  Le giovani generazioni navigano moltissimo via mobile•  1/3 di loro è disposto a cambiare brand in caso di una mobile experience non soddisfacente [SmartInsights 2013]| 87 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  88. 88. Google Research•  Solo il 21% circa dei Brand ha un sito ottimizzato per il mobile•  Secondo le statistiche di analytics il tasso di rimbalzo per accesso ai siti mobile è del 79% CONOSCI: 1.  % DI VISITE AL TUO SITO VIA MOBILE 2.  FREQUENZA DI RIMBALZO VIA MOBILE | 88 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  89. 89. % Traffico via mobile: circa 18% Frequenza di rimbalzo via mobile: 80% Analisi sul sito www.digitalmarketinglab.it| 89 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  90. 90. Secondo Google la % media di traffico via mobile diun sito si attesta attorno al 20% [Google Analytics] | 90 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  91. 91. HOME WORK – FOR NEXT TIME…Utilizzate la piattaforma di web analytics (es.Google Analytics) del vostro sito per misurare:•  Percentuale di visitatori provenienti da dispositivi mobile•  Frequenza di rimbalzo del segmento “Mobile users”•  Tempo medio di navigazione e Pageview / visita per il segmento “mobile user”.•  Quali differenze di comportamento notate tra i visitatori “mobile” e i visitatori “web”?| 91 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  92. 92. Non è più un Nice to have…Non ottimizzare il proprio sito per il Mobile ha lo stessoeffetto che chiudere il tuo negozio nella via principaledel centro..| 92 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  93. 93. Mobile Internet Design 2 ragioni chiave: 1. Consumer Intent: chi cerca un prodotto e poi lo acquista via Mobile impiega circa 1 ora Lo stesso processo viene svolto in 1 mese via PCSul mobile vogliamo trovare, accedere e acquistare in manierasemplice e veloce.. [ricerca Microsoft]| 93 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  94. 94. Diversità negli schermi e deviceSolo in UK:600 tipi differenti dihandset5 sistemi operativi1 oraCi sono molti vincoli:-  Flash per iOs User| 94 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  95. 95. E’ davvero così importante ottimizzare il proprio sito per il Mobile? Dipende molto dal settore Solo il 5% del traffico Web per i Siti B2b proviene dal Mobile. Per settori come abbigliamento, Largo consumo, elettronica etc. La % di traffico può arrivare al 50%| 95 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  96. 96. Subway riceve il 50% del suo traffico da mobile tra le 12.00 e le 13.00 dei giorni feriali| 96 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  97. 97. PROGETTARE UNA MOBILE WEB APP| 97
  98. 98. 6 key Issue da considerare 1.  Identifica se il browser sta usando un PC o un mobile device Ci sono dei redirect ad una versione mobile del sito? Esempio: http://www.autoglass.co.uk/ -> http://m.autoglass.co.uk1.Rileva traffico via mobile e ridirigi il traffico verso un mobile URL | 98 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  99. 99. Autoglass Mobile Site Versione mobile del sito, sviluppata con Jquery Mobile| 99 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  100. 100. Script detectionwww.detectmobilebrowsers.mobi | 100 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  101. 101. ESERCITAZIONE•  Andate sul vostro sito aziendale navigando dal vostro handset.•  Che tipo di sito visualizzate?•  C’è un redirect automatico ad un nuovo URL?•  Il sito è ottimizzato per il vostro handset?•  Ripetete l’esperimento, se possibile, utilizzando: •  Tablet (iPad, Android..) •  Un Altro mobile phone, meno evoluto| 101 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  102. 102. Sviluppare un sito ottimizzato2. definisci per quali device e Sistemi operatividesideri che il tuo sito sia ottimizzato.Quali sono i dispositivi che supporti?Devi gestire il trade-off tra massima reach e ottimizzazionedella mobile experience solo per un subset di device| 102 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  103. 103. Selezionare il subset giusto•  Iphone ha una penetrazione del 12%•  Significa che l’88% degli utenti mobile utilizza altri device, browser, schermi e risoluzioni differenti..•  I 10 dispositivi più diffusi coprono il 25% del totale dei device| 103 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  104. 104. Ottimizzare la mobile experience•  È possibile rilevare il tipo di device dalla prima sessione sul Server•  Si fa il matching istantaneo con un DB contenente le caratteristiche di tutti i device•  Device Atlas è uno dei database open source che fornisce questo servizio| 104 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  105. 105. Device Atlas| 105 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  106. 106. Device Anywhere http://www.keynotedeviceanywhere.com/| 106 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  107. 107. Kit di device per testing Tutti i device utilizzati per testare il sito della BBC| 107 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  108. 108. Ottimizzare il sito web per il mobile3. Definire in che modo il contenuto sarà adattatoper il MobilePuoi pensare di mostrare lo stesso identicocontenuto oppure una versione ridotta dicontenuti, specifica per la fruizione via MobileEsempio: se il tuo sito presenta un’animazioneFlash fornisci un contenuto alternativo periPhone..| 108 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  109. 109. Ottimizzare il sito web per il Mobile4. Progetta e costruisciOgni contenuto Mobile dovrebbe essereraggiungibile con al massimo 3 clickConsidera le best practice per la mobile usability:Test di usabilità:-  Tempo per completare un task specifico (efficienza)-  Soddisfazione dell’utente al completamento del task (efficacia)| 109 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  110. 110. Verifica 4 top user tasks1.  Browse: decidi le categorie chiave da mostrare2.  Search: stabilisci se è + importante la navigazione o la ricerca per il tuo sito; per un sito di ticketing la search è + importante3.  Branding messages: evidenza sul brand e sul servizio4.  Support: solitamente il customer service è importante | 110 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  111. 111. ESERCITAZIONE•  ANALIZZA QUESTI 4 ELEMENTI (Browse, Search, Branding, Support)PER I SEGUENTI SITI:•  www.martini.com•  www.campari.com•  www.aperol.com| 111 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  112. 112. 4 opzioni per progettare una mobile presence ELEMENTI DI MOBILE DESIGN| 112
  113. 113. 4 opzioni per il Mobile design1.  Semplice sito Mobile (contenuti differenti)2.  Screen Scrape (stessi contenuti)3.  Responsive design (stessi contenuti, differente mobile styling)4.  Sito web HTML5 (stessi contenuti, differente mobile styling)| 113 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  114. 114. 1. Mobile site distinto•  E’ il metodo più semplice, si costruisce un sito mobile distinto (es. http://m.company.com)•  Contenuti, layout, stili, hosting differenti•  Approccio valido per small business, dove non si richiede un aggiornamento frequente | 114 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  115. 115. 1. Mobile site distintoNon è l’approccio consigliato nel medio-lungotermine perché:1.  richiede la duplicazione di contenuti2.  richiede investimenti di strumenti differenti e risorse3.  non fornisce una brand experience consistente | 115 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  116. 116. 2. Mobile site modello “Screen Scrape”Alcuni brand di alto profilohanno optato per una soluzionetemporanea:•  Creazione di una versione semplice con pochi contenuti•  Nessuna integrazione con il back-end•  È una soluzione rapida che non comporta conflitti tra i 2 team di sviluppo (web e mobile) | 116 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  117. 117. 3. Responsive designSi basa sul principio di sviluppare un solo sito,fruibile e ottimizzato per differenti fruizioni (web,tablet, handset)•  Elimina le distinzioni tra sito web e mobile site•  Permette di contestualizzare l’esperienza online•  Permette di creare e mantenere una sola versione del sitoÈ un approccio sempre più popolare, anche se ancoranon così utilizzato dai grandi brand | 117 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  118. 118. Obiettivo: costruire siti che si adattino a qualsiasidispositivo | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppohttp://www.html.it/guide/img/responsivedesign/ilviaggio/index.html| 118
  119. 119. Responsive design: una definizione http://www.html.it/pag/32821/cose-il-responsive-design/| 119 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  120. 120. Cosa non è il responsive design•  non è una metodologia per creare versioni dei siti ‘ottimizzate’ e specifiche per il mobile•  un principio cardine del responsive design è che il web è uno e unico, non c’è pertanto necessità di versioni diverse per un singolo sito (magari ricorrendo a domini ad hoc per il mobile);•  quello che progetto e realizzo deve essere auto-adattante rispetto all’enorme e crescente varietà di dispositivi con cui viene (e verrà) fruito;| 120 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  121. 121. Requisiti tecniciImplica la conoscenza di un mix di tecnologie:•  Markup language: HTML•  Presentation & Layout: CSS, CSS3•  Scripting (javascript, Ajax, PHP..Concetto base sono le CSS Media Query chepermettono di specificare nell’attributo “media” iltipo di device a cui deve essere applicato| 121 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  122. 122. Tipi di media supportati•  all: il CSS si applica a tutti i dispositivi di visualizzazione;•  screen: schermo di computer;•  print: pagina stampata;•  projection: presentazioni e proiezioni;•  speech: dispositivi a sintesi vocale;•  braille: supporti basati sull’uso del braille;•  embossed: stampanti braille;•  handheld: dispositivi mobili con schermo piccolo e in genere dotati di browser con limitate capacità grafiche;•  tty: dispositivi a carattere fisso come i terminali;•  tv: visualizzazione su schermi televisivi. | 122 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  123. 123. Temi Wordpress “Responsive”http://themeforest.net/item/avada-responsive-multipurpose-theme/ | 123 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  124. 124. Responsive design styleNella versione Desktop il sito presenta 2 colonne, 1 solaPer la versione iPad e iPhone | 124 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  125. 125. Responsive Design Test Permette di testare il tuo sito per Differenti schermi http://www.benjaminkeen.com/| 125 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  126. 126. ESERCITAZIONE•  VISITATE http://www.benjaminkeen.com•  Seguite le istruzioni per generare Javascript e aggiungetelo alla vostra barra dei preferiti•  Testate i seguenti siti web: •  www.bmw.com •  www.mercedes.com •  www.fiat.it •  www.audi.com Quali sono i siti che risultano ottimizzati per più schermi e risoluzioni?| 126 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  127. 127. SocialMinds.it: test multi device| 127 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  128. 128. http://mediaqueri.es/ Esempi di come siano responsive alcuni siti famosi| 128 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  129. 129. About responsive Design •  Sebbene di non difficile tecnologia una degli ostacoli all’adozione è che richiede una certa complessità nella progettazione di layout differenti •  Richiede inoltre un’architettura informativa più complessaOgni sito Web dovrebbe essere il più possibile “responsive”Senza compromettere la user experience per il desktop, tablete mobile | 129 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  130. 130. Mobile Experience: Context & Intent2 elementi chiave per la mobile user experience:Contesto d’uso e Intenzione:•  una persona che sta facendo shopping ha bisogno di trovare subito info su prezzi e prodotti.•  Viceversa una persona che naviga da casa da laptop ha bisogno di maggiori info, recensioni etc.| 130 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  131. 131. 4. Web App HTML5Molti designer si stanno orientando a costruire mobileWeb apps basate su HTML5 (nativo in molti browser dismartphone)Vantaggi:•  Web app multi-piattaforma e multi-device•  Meno costosa e impegnativa rispetto alle applicazioni native•  Permette di evitare la commissione del 30% per l’Apple Store•  Permette di sfumare il confine tra sito web e mobile app•  Abilita rich-media e nuove funzionalità (es. dati | dell’utente inseriti in precedenti sessione Sviluppo 131 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo utente)
  132. 132. HTML5: Il futuro delle Mobile Apps?•  Alcuni Analisti di Forrester Research prevedono un erosione di margini di Apple del 30% a causa della diffusione delle Web Apps•  Si prevede una riduzione dei costi di migrazione delle Mobile Apps da Apple verso Android e Windows Mobile| 132 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  133. 133. Mobile Web Apps vs Native AppsMobile Web Apps: Native Mobile Apps:1.  Più lente rispetto alle 1.  Mobile customer applicazioni native experience ottimizzata ma2.  Richiedono la per un 1 singolo device connessione 2.  Migliori performance3.  Più veloci e meno 3.  Richiedono tempi e costi di costose da sviluppo superiori implementare 4.  Richiedono submissions4.  Evitano i costi di sugli App Store per commissione degli App aggiornamenti Store (30% di 5.  I riicavi devono essere AppStore) condivisi con lo Store| 133 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  134. 134. Financial Time Web App Case Study+31 % di abbonamenti durante l’ultimo anno+29% numero di utenti registrati (4,8 milioni)25% del traffico di FT.com via mobile2.7 milioni di utenti della Web AppWeb app lanciata nel giugno 2011 in risposta alle nuoveRegole di Apple sulle Apps legate agli abbonamenti | 134 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  135. 135. Mobile Web App FrameworksEsistono alcune framework e piattaforme chesemplificano e accelerano lo sviluppo di MobileWeb Apps.1.  Sencha Touch Framework (HTML5)2.  jQuery Mobile Framework3.  JQTouch Plugin per mobile development4.  The M Project (jQuery Mobile + HTML5)5.  DHTMLX Touch6.  WebApp.net7.  Wijmo – jQuery Ui Widgets| 135 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  136. 136. Sencha Touch Framework http://www.sencha.com/products/touch/| 136 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  137. 137. Jquery Mobile http://jquerymobile.com/| 137 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  138. 138. JQTouch Framework http://jqtouch.com/| 138 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  139. 139. DHTMLX Framework http://www.dhtmlx.com/touch/| 139 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  140. 140. PersonalizzazioneI Mobile Phone sono oggetti molto personali, intimi:Difficilmente li prestiamo a qualcuno.Si prestano ad una personalizzazione spinta dell’esperienzaRaramente però vediamo siti mobile o apps ottimizzati suComportamenti, acquisti del singolo utente | 140 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  141. 141. Amazon Mobile App •  La Home page di Amazon mobile riporta consigli e raccomandazioni come il sito web •  È possibile applicare: 1.  Behavioural targeting 2.  Time location sensitive messaging Usa la personalizzazione per migliorare la rilevanza del tuo sito mobile| 141 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  142. 142. Personalizzare il sito mobile Esempio di mobile web design ottimizzato con la Personalizzazione dell’esperienza utente| 142 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  143. 143. Ottimizzare il sito web mobile6. Stai misurando e ottimizzando il tasso diconversione?La Mobile Web Analytics ci permette di tracciare:•  origine dei browser•  I profili dei device•  Utenti unici, nuovi utenti, utenti ricorrenti•  Tempo unico sulla pagina e sul sitoIl Bounce rate medio di un mobile site è attorno all’80%| 143 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  144. 144. CONVERSION FUNNEL STEPS STAI MISURANDO LE METRICHE PER CIASCUNA FASE DEL FUNNEL? Assicurati di poter misurare metriche e Kpi per il tuo sito Mobile| 144 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  145. 145. Piattaforme di Mobile AnalyticsOltre a Google Analytics, esistono alcuni servizie piattaforme specializzate per la mobileanalytics:1.  Flurry Analytics (Flurry.com)2.  Bango Analytics3.  Velti mGAGE4.  MixPanel| 145 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  146. 146. www.flurry.com Flurry AnalyticsServizio gratuito usato da 75.000 aziende per misurareReach, engagement, retention, conversion e revenueTraccia 20 milioni di live mobile users nel mondo | 146 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  147. 147. Bango Analytics Identificazione univoca dell’utente. Permette di tracciare visite ripetute attraverso device differenti| 147 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  148. 148. mixpanelReal time analytics diffuso tra gli editori di mobile appsPermette di segmentare l’audience e di misurare la retention| 148 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo
  149. 149. Le 5 sfide per creare un sito mobile ottimizzato1.  1 sito o 2? Creare un mobile site distinto oppure ottimizzare il sito esistente?2.  Right Content. Offri contenuti funzionali all’utente in mobilità (mappe, info, Shopping, social networking e coupon)3.  UX. Usa una navigazione semplice, verticale, non orizzontale. Usa le icone più dei link testuali4.  Personalizatio. Tieni conto dei comportamenti e della storial del cliente. Aggiungi la geolocalization5.  Promotion. Usa tutti i canal media per acquisire traffico. Traccia i link per valutare l’efficcia dei canali di ingresso | 149 | Mobile: strategy, marketing, apps– © Leonardo Bellini - Volontari per lo Sviluppo

×