SlideShare ist ein Scribd-Unternehmen logo
1 von 50
App o mobile website?
                 Quale lo scenario vincente?
Branding 2.0
Urbino, 4 Aprile 2012
Claudio Tonti
websolute.it

                                               1
Chi è websolute ?


                    2
3
Cosa fa websolute ?
Digital Strategy                   Interaction Design                Web & Mobile
Disegnare una Digital              User Experience                   Engineering
Strategy                           Web Design                        Sviluppo Siti
Perpetual Beta                     Mobile                            Gestione Multi Sito
Consulenza                                                           Integrazione con ERP
                                                                     App Iphone & Ipad


             Project Management                 Piattaforme
             Gestione progetti                  BOM
             Accounting                         Newsletter Manager 4.0
             Customer Assistance                Web tv, Digital Signage
                                                C-Netic
                                                Digital Presenter
                                                Data Center


Digital Marketing                  Produzione                        Social Media
Search Engine Marketing            Contenuti                         Social Media Strategy
Web & Mobile ADV                                                     Social Media Marketing
                                   Realizzazione Webcast
Analytics                                                            Gestione Presenza Social
                                   Motion Graphics
Leads generation                                                     Creazione e Gestione
                                   Web Copywriting
A/B Testing                                                          Community
                                   Article Marketing
E-mail marketing
Web Monitoring


                                                                                                4
Per chi lavoriamo ?



2001   2002     2003   2004           2005           2006             2007   2008



                              ALPI GROUP     FDV            INDESIT




                                             HAIER




                                                       NOMINATION


2009          2010                                   2011



                                                                                5
1. Apps VS Web Apps




                      6
Web App

- Pagina web sviluppata ad hoc per essere meglio
  fruita da un dispositivo mobile, tablet o smartphone

- Utilizzo dei linguaggi di programmazione web
  (HTML, CSS, Javascript)

- Accessibile ovunque e da svariati dispositivi:
  computer desktop, laptop, smartphone, tablet

- Contenuti search-friendly



                                                         7
Il sito Lancia tra
Web e mobile.




                     8
App
- Sfrutta il linguaggio specifico del dispositivo

- Dialoga con i framework del device: GPS, fotocamera,
  accelerometro, lista contatti

- Notifiche push

- Avvio anche in modalità offline

- Velocità di caricamento dei dati

- Possibilità di pubblicazione nello store Apple o Android



                                                             9
NEWS
LIFESTYLE                                          NY Times
Groupon                                            per iPad.
per iPhone.




UTILITY
Whatsapp per smartphone. Multidevice.


                                        SOCIAL
                                        Facebook
                                        per
                                        Android.



                                                               10
2. Web VS Mobile
Cosa cambia nella USER EXPERIENCE ?




                                      11
Fattori quali le dimensioni dello schermo
e l utilizzo in mobilità obbligano il mobile
a ripensare le modalità di navigazione ed
interazione a cui ci ha abituati il Web.




                                               12
Come lo rendo su mobile?

                           13
Architettura dell informazione, struttura di
navigazione e modalità di interazione non
possono essere le stesse.


È una questione di gradi di libertà:
se nel Web ne ho 100, nei tablet diventano 30 e
negli smartphone si riducono a 5.




                                                  14
Il Web è customizzazione, il Mobile è standardizzazione.


Il mobile fissa nuovi paradigmi di User Interface che
privilegiano la semplificazione alla personalizzazione.

Se nel Web conta distinguersi, nel mondo di app e web
app occorre adeguarsi a dei modelli a cui gli utenti sono
ormai abituati: si aspettano strumenti intuitivi, semplici,
immediatamente comprensibili.
Lo standard diventa un valore, perché rende fruibile e
universalmente condivisa l esperienza di navigazione e
consultazione delle informazioni.



                                                              15
3. Proviamo a capirci di più




                               16
App




Multidevice                 Molte piattaforme
(tablet,                    (Apple, Android,
smartphone)                 Windows, BlackBerry,
                            Google, ecc...)


 Costi elevati di produzione e manutenzione



                                                   17
Tra passato
- Aggiornamenti




... e futuro
- Potenza dell esperienza utente
- Ripetizione di paradigmi già insiti nel device,
  performanti e ormai familiari soprattutto nel mondo
  Apple: switch, date picker, pdf viewer, ecc...




                                                        18
Web App




HTML5 supportato da             Web distribuito: non
ogni piattaforma                richiede il download di
(Apple, Android,                aggiornamenti
Windows, BlackBerry,
Google, ecc...)

  Tenta di eguagliare le app native in materia di
  esperienza utente grazie all evoluzione dell HTML5,
  ma non raggiunge la stessa efficienza in materia di UI

                                                           19
Per colmare il gap con le app, nascono
framework specifici che forniscono alle web
app elementi di UI standard e garantiscono
compatibilità multidevice e multipiattaforma.


La personalizzazione rimane appannaggio del
contenuto.




                                                20
Jquery Mobile




                21
Sencha




         22
4. La questione delle piattaforme




                                    23
a) Smartphone: iPhone VS Android




                                   24
b) Tablet: iPad VS Android VS Windows 8




                                          25
iPhone e iPod: 2 risoluzioni di schermo e due sistemi
operativi ‒ iOS4 e iOS5 (75% di penetrazione del mercato
per iOS5).

L ecosistema Android: centinaia di device, diverse versioni
di sistema operativo, varie risoluzioni di schermo.


Che cosa significa sviluppare per Android?




                                                          26
Temple Run da iOS ad Android



1 milione di download nel giro di 3 giorni, 1200 mail di
segnalazione di malfunzionamento su centinaia di device.




                                                           27
Audiobooks, app per Android



 I have a handful of Android
devices, but since the range
is so spread out trying to
cover a large array of devices
just isn t practical. And that is
only half the picture: the
other side is Android version,
where 50% of users are on
2.3.3 and then the rest are are
on things ranging from 1.6 to
4.0.3.
                                    David Smith, sviluppatore dell app


                                                                         28
It is a nightmare... The worst part for me is that ultimately it
means that I have a lot of grumpy users that I just can t
realistically help. It just doesn t make sense (economically)
to run down every bug that is specialized to a particular
device/OS combo .




                                   David Smith, sviluppatore dell app


                                                                        29
Fonte: Gartner


                 30
Fonte: Flurry Analytics


                          31
5. Come scegliere se App o Web App ?




                                       32
Quanto sono critici questi fattori?

                                                    Criticità
      Performance dell’interfaccia
      Rapidità di caricamento del percorso tipico
      Potenza di calcolo
      Frequenza d’uso
      Utilizzo di funzionalità native
      Persistenza dei dati
      Revenue
      Integrazione con altre applicazioni native
      Non necessita di diffusione capillare
      Funzionamento offline
      Quantità di contenuti non residenti online
      Restrizioni sul contenuto
      Tempo di rilascio aggiornamenti scadenzato




                                                                33
NIKE GPS




           34
Criticità
Performance dell’interfaccia                      ★
Rapidità di caricamento del percorso tipico       ★
Potenza di calcolo                              ★★★
Frequenza d’uso                                  ★★
Utilizzo di funzionalità native               ★★★★★
Persistenza dei dati                            ★★★
Revenue
Integrazione con altre applicazioni native
Non necessita di diffusione capillare            ★★
Funzionamento offline                         ★★★★★
Quantità di contenuti non residenti online       ★★
Restrizioni sul contenuto
Tempo di rilascio aggiornamenti scadenzato        ★
Totale indice                                 23/65 (35%)




                                                            35
INSTAGRAM




            36
Criticità
Performance dell’interfaccia                     ★★
Rapidità di caricamento del percorso tipico   ★★★★★
Potenza di calcolo                            ★★★★★
Frequenza d’uso                               ★★★★★
Utilizzo di funzionalità native                 ★★★
Persistenza dei dati                              ★
Revenue
Integrazione con altre applicazioni native
Non necessita di diffusione capillare           ★★★
Funzionamento offline                             ★
Quantità di contenuti non residenti online        ★
Restrizioni sul contenuto
Tempo di rilascio aggiornamenti scadenzato       ★★
Totale indice                                 28/65 (43%)




                                                            37
ANGRY BIRDS

 Quale delle due è la
 versione app?




                        38
Criticità
Performance dell’interfaccia                     ★★
Rapidità di caricamento del percorso tipico      ★★
Potenza di calcolo                               ★★
Frequenza d’uso                                  ★★
Utilizzo di funzionalità native
Persistenza dei dati
Revenue                                       ★★★★★
Integrazione con altre applicazioni native
Non necessita di diffusione capillare
Funzionamento offline                         ★★★★★
Quantità di contenuti non residenti online      ★★★
Restrizioni sul contenuto
Tempo di rilascio aggiornamenti scadenzato       ★★
Totale indice                                 23/65 (35%)




                                                            39
ZARA SHOP ONLINE




                   40
Criticità
Performance dell’interfaccia                     ★★
Rapidità di caricamento del percorso tipico      ★★
Potenza di calcolo                                ★
Frequenza d’uso                                  ★★
Utilizzo di funzionalità native
Persistenza dei dati                              ★
Revenue
Integrazione con altre applicazioni native
Non necessita di diffusione capillare             ★
Funzionamento offline                             ★
Quantità di contenuti residenti non online        ★
Restrizioni sul contenuto                         ★
Tempo di rilascio aggiornamenti scadenzato        ★
Totale indice                                 13/65 (20%)




                                                            41
FOURSQUARE




             42
Criticità
Performance dell’interfaccia                    ★★★
Rapidità di caricamento del percorso tipico   ★★★★★
Potenza di calcolo                                ★
Frequenza d’uso                               ★★★★★
Utilizzo di funzionalità native                 ★★★
Persistenza dei dati                              ★
Revenue
Integrazione con altre applicazioni native
Non necessita di diffusione capillare            ★★
Funzionamento offline                             ★
Quantità di contenuti non residenti online        ★
Restrizioni sul contenuto                         ★
Tempo di rilascio aggiornamenti scadenzato        ★
Totale indice                                 24/65 (36%)




                                                            43
TWITTER




          44
TWITTER




          45
TWITTER




          46
Criticità
Performance dell’interfaccia                    ★★★
Rapidità di caricamento del percorso tipico    ★★★★
Potenza di calcolo                                ★
Frequenza d’uso                               ★★★★★
Utilizzo di funzionalità native                  ★★
Persistenza dei dati                              ★
Revenue
Integrazione con altre applicazioni native
Non necessita di diffusione capillare             ★
Funzionamento offline
Quantità di contenuti non residenti online
Restrizioni sul contenuto
Tempo di rilascio aggiornamenti scadenzato        ★
Totale indice                                 18/65 (27%)




                                                            47
Come evolverà la questione nei prossimi anni
                  (mesi) ?




                                          48
49
Claudio Tonti                     www.websolute.it

ctonti@websolute.it               info@websolute.it

@ctonti                           Tel: 0721.411112
                                  Strada della Campanara, 15
it.linkedin.com/in/claudiotonti   61100 Pesaro

Weitere ähnliche Inhalte

Was ist angesagt?

Micro Focus Conference 2013: intervento di Ezio Viola Co-Founder & Direttore ...
Micro Focus Conference 2013: intervento di Ezio Viola Co-Founder & Direttore ...Micro Focus Conference 2013: intervento di Ezio Viola Co-Founder & Direttore ...
Micro Focus Conference 2013: intervento di Ezio Viola Co-Founder & Direttore ...Microfocusitalia
 
IBM Business Connect 2013 - Mobile - Social & mobile
IBM Business Connect 2013 - Mobile - Social & mobileIBM Business Connect 2013 - Mobile - Social & mobile
IBM Business Connect 2013 - Mobile - Social & mobileAlessandro Chinnici
 
QR code marketing - QR Design
QR code marketing - QR DesignQR code marketing - QR Design
QR code marketing - QR DesignDigitcom
 
Andrea margoni applicazioni mobile per il business
Andrea margoni   applicazioni mobile per il businessAndrea margoni   applicazioni mobile per il business
Andrea margoni applicazioni mobile per il businessRomiri Data Management srl
 
Simone Casagranda - WhatsUp: supporto per sistemi android della piattaforma d...
Simone Casagranda - WhatsUp: supporto per sistemi android della piattaforma d...Simone Casagranda - WhatsUp: supporto per sistemi android della piattaforma d...
Simone Casagranda - WhatsUp: supporto per sistemi android della piattaforma d...Simone Casagranda
 
Responsività e integrazioni social: l’utente al centro nel nuovo sito Volvo TV
Responsività e integrazioni social: l’utente al centro nel nuovo sito Volvo TV Responsività e integrazioni social: l’utente al centro nel nuovo sito Volvo TV
Responsività e integrazioni social: l’utente al centro nel nuovo sito Volvo TV GGDBologna
 
Mobile - Quali approcci?
Mobile - Quali approcci?Mobile - Quali approcci?
Mobile - Quali approcci?Gaspare Novara
 
e-Business, e-Marketing And Social Media 2008 Course Ge Ma Business School ...
e-Business, e-Marketing And Social Media 2008 Course   Ge Ma Business School ...e-Business, e-Marketing And Social Media 2008 Course   Ge Ma Business School ...
e-Business, e-Marketing And Social Media 2008 Course Ge Ma Business School ...Salvatore Larosa
 
follow-app BOOTCAMP 3: Android
follow-app BOOTCAMP 3: Androidfollow-app BOOTCAMP 3: Android
follow-app BOOTCAMP 3: AndroidQIRIS
 

Was ist angesagt? (12)

Mobile Marketing - IAB Forum 2009
Mobile Marketing - IAB Forum 2009Mobile Marketing - IAB Forum 2009
Mobile Marketing - IAB Forum 2009
 
Micro Focus Conference 2013: intervento di Ezio Viola Co-Founder & Direttore ...
Micro Focus Conference 2013: intervento di Ezio Viola Co-Founder & Direttore ...Micro Focus Conference 2013: intervento di Ezio Viola Co-Founder & Direttore ...
Micro Focus Conference 2013: intervento di Ezio Viola Co-Founder & Direttore ...
 
IBM Business Connect 2013 - Mobile - Social & mobile
IBM Business Connect 2013 - Mobile - Social & mobileIBM Business Connect 2013 - Mobile - Social & mobile
IBM Business Connect 2013 - Mobile - Social & mobile
 
Business plan
Business planBusiness plan
Business plan
 
BlackBerry10 - Overview
BlackBerry10 - OverviewBlackBerry10 - Overview
BlackBerry10 - Overview
 
QR code marketing - QR Design
QR code marketing - QR DesignQR code marketing - QR Design
QR code marketing - QR Design
 
Andrea margoni applicazioni mobile per il business
Andrea margoni   applicazioni mobile per il businessAndrea margoni   applicazioni mobile per il business
Andrea margoni applicazioni mobile per il business
 
Simone Casagranda - WhatsUp: supporto per sistemi android della piattaforma d...
Simone Casagranda - WhatsUp: supporto per sistemi android della piattaforma d...Simone Casagranda - WhatsUp: supporto per sistemi android della piattaforma d...
Simone Casagranda - WhatsUp: supporto per sistemi android della piattaforma d...
 
Responsività e integrazioni social: l’utente al centro nel nuovo sito Volvo TV
Responsività e integrazioni social: l’utente al centro nel nuovo sito Volvo TV Responsività e integrazioni social: l’utente al centro nel nuovo sito Volvo TV
Responsività e integrazioni social: l’utente al centro nel nuovo sito Volvo TV
 
Mobile - Quali approcci?
Mobile - Quali approcci?Mobile - Quali approcci?
Mobile - Quali approcci?
 
e-Business, e-Marketing And Social Media 2008 Course Ge Ma Business School ...
e-Business, e-Marketing And Social Media 2008 Course   Ge Ma Business School ...e-Business, e-Marketing And Social Media 2008 Course   Ge Ma Business School ...
e-Business, e-Marketing And Social Media 2008 Course Ge Ma Business School ...
 
follow-app BOOTCAMP 3: Android
follow-app BOOTCAMP 3: Androidfollow-app BOOTCAMP 3: Android
follow-app BOOTCAMP 3: Android
 

Andere mochten auch

Apple cambierà il SEO Mobile? seo&love 2016
Apple cambierà il SEO Mobile? seo&love  2016Apple cambierà il SEO Mobile? seo&love  2016
Apple cambierà il SEO Mobile? seo&love 2016ALE AGOSTINI
 
Nuovo sito Eurotherm: informare ed educare con i contenuti
Nuovo sito Eurotherm: informare ed educare con i contenutiNuovo sito Eurotherm: informare ed educare con i contenuti
Nuovo sito Eurotherm: informare ed educare con i contenutiWebsolute
 
Progettare l'esperienza e-commerce: Websolute per TUI.IT
Progettare l'esperienza e-commerce: Websolute per TUI.ITProgettare l'esperienza e-commerce: Websolute per TUI.IT
Progettare l'esperienza e-commerce: Websolute per TUI.ITWebsolute
 
La nouvelle tag: turismo 3.0 e il Rinascimento del retailing
La nouvelle tag: turismo 3.0 e il Rinascimento del retailingLa nouvelle tag: turismo 3.0 e il Rinascimento del retailing
La nouvelle tag: turismo 3.0 e il Rinascimento del retailingWebsolute
 
Campagne di visibilità: il pay per click
Campagne di visibilità: il pay per clickCampagne di visibilità: il pay per click
Campagne di visibilità: il pay per clickWebsolute
 
Brand Monitoring: monitoraggio del marchio in Rete
Brand Monitoring: monitoraggio del marchio in Rete Brand Monitoring: monitoraggio del marchio in Rete
Brand Monitoring: monitoraggio del marchio in Rete Websolute
 
Campagne di remarketing e eContent curation
Campagne di remarketing e eContent curationCampagne di remarketing e eContent curation
Campagne di remarketing e eContent curationWebsolute
 
Facebook: trend, contenuti e gestione delle criticità
Facebook: trend, contenuti e gestione delle criticitàFacebook: trend, contenuti e gestione delle criticità
Facebook: trend, contenuti e gestione delle criticitàWebsolute
 
Social media: 11 consigli per usarli al meglio
Social media: 11 consigli per usarli al meglioSocial media: 11 consigli per usarli al meglio
Social media: 11 consigli per usarli al meglioWebsolute
 
Scoprire le ricerche per cui essere visibili
Scoprire le ricerche per cui essere visibiliScoprire le ricerche per cui essere visibili
Scoprire le ricerche per cui essere visibiliWebsolute
 
Samsung Galaxy S III vs. iPhone 5
Samsung Galaxy S III vs. iPhone 5Samsung Galaxy S III vs. iPhone 5
Samsung Galaxy S III vs. iPhone 5Target Research
 
Listen to me: metodi e strumenti per ascoltare il target online
Listen to me: metodi e strumenti per ascoltare il target onlineListen to me: metodi e strumenti per ascoltare il target online
Listen to me: metodi e strumenti per ascoltare il target onlineWebsolute
 
Il SEO, i contenuti del sito e il social search
Il SEO, i contenuti del sito e il social searchIl SEO, i contenuti del sito e il social search
Il SEO, i contenuti del sito e il social searchWebsolute
 
Nuovo sito Scavolini 2013
Nuovo sito Scavolini 2013Nuovo sito Scavolini 2013
Nuovo sito Scavolini 2013Websolute
 

Andere mochten auch (14)

Apple cambierà il SEO Mobile? seo&love 2016
Apple cambierà il SEO Mobile? seo&love  2016Apple cambierà il SEO Mobile? seo&love  2016
Apple cambierà il SEO Mobile? seo&love 2016
 
Nuovo sito Eurotherm: informare ed educare con i contenuti
Nuovo sito Eurotherm: informare ed educare con i contenutiNuovo sito Eurotherm: informare ed educare con i contenuti
Nuovo sito Eurotherm: informare ed educare con i contenuti
 
Progettare l'esperienza e-commerce: Websolute per TUI.IT
Progettare l'esperienza e-commerce: Websolute per TUI.ITProgettare l'esperienza e-commerce: Websolute per TUI.IT
Progettare l'esperienza e-commerce: Websolute per TUI.IT
 
La nouvelle tag: turismo 3.0 e il Rinascimento del retailing
La nouvelle tag: turismo 3.0 e il Rinascimento del retailingLa nouvelle tag: turismo 3.0 e il Rinascimento del retailing
La nouvelle tag: turismo 3.0 e il Rinascimento del retailing
 
Campagne di visibilità: il pay per click
Campagne di visibilità: il pay per clickCampagne di visibilità: il pay per click
Campagne di visibilità: il pay per click
 
Brand Monitoring: monitoraggio del marchio in Rete
Brand Monitoring: monitoraggio del marchio in Rete Brand Monitoring: monitoraggio del marchio in Rete
Brand Monitoring: monitoraggio del marchio in Rete
 
Campagne di remarketing e eContent curation
Campagne di remarketing e eContent curationCampagne di remarketing e eContent curation
Campagne di remarketing e eContent curation
 
Facebook: trend, contenuti e gestione delle criticità
Facebook: trend, contenuti e gestione delle criticitàFacebook: trend, contenuti e gestione delle criticità
Facebook: trend, contenuti e gestione delle criticità
 
Social media: 11 consigli per usarli al meglio
Social media: 11 consigli per usarli al meglioSocial media: 11 consigli per usarli al meglio
Social media: 11 consigli per usarli al meglio
 
Scoprire le ricerche per cui essere visibili
Scoprire le ricerche per cui essere visibiliScoprire le ricerche per cui essere visibili
Scoprire le ricerche per cui essere visibili
 
Samsung Galaxy S III vs. iPhone 5
Samsung Galaxy S III vs. iPhone 5Samsung Galaxy S III vs. iPhone 5
Samsung Galaxy S III vs. iPhone 5
 
Listen to me: metodi e strumenti per ascoltare il target online
Listen to me: metodi e strumenti per ascoltare il target onlineListen to me: metodi e strumenti per ascoltare il target online
Listen to me: metodi e strumenti per ascoltare il target online
 
Il SEO, i contenuti del sito e il social search
Il SEO, i contenuti del sito e il social searchIl SEO, i contenuti del sito e il social search
Il SEO, i contenuti del sito e il social search
 
Nuovo sito Scavolini 2013
Nuovo sito Scavolini 2013Nuovo sito Scavolini 2013
Nuovo sito Scavolini 2013
 

Ähnlich wie App vs Mobile website: quale lo scenario vincente?

Sviluppo Mobile , quali approcci?
Sviluppo Mobile , quali approcci?Sviluppo Mobile , quali approcci?
Sviluppo Mobile , quali approcci?lostrettodigitale
 
Offering - I device mobili per l’aumento della produttività in azienda
Offering - I device mobili per l’aumento della produttività in aziendaOffering - I device mobili per l’aumento della produttività in azienda
Offering - I device mobili per l’aumento della produttività in aziendaXenesys
 
Mobile & Web Apps in Arscolor Interactive
Mobile & Web Apps in Arscolor InteractiveMobile & Web Apps in Arscolor Interactive
Mobile & Web Apps in Arscolor InteractiveWallaMe Ltd.
 
Workshop smau bari_16022012
Workshop smau bari_16022012Workshop smau bari_16022012
Workshop smau bari_16022012E-labora
 
b! & Cisco a TBZ2011_3
b! & Cisco a TBZ2011_3b! & Cisco a TBZ2011_3
b! & Cisco a TBZ2011_3TechnologyBIZ
 
Alberto Muritano - Mobile Evolution - Digital for Business
Alberto Muritano - Mobile Evolution - Digital for BusinessAlberto Muritano - Mobile Evolution - Digital for Business
Alberto Muritano - Mobile Evolution - Digital for BusinessCultura Digitale
 
Riccardo Bosio e Andrea Piovani: Mobile, le opportunità di una tecnologia vicina
Riccardo Bosio e Andrea Piovani: Mobile, le opportunità di una tecnologia vicinaRiccardo Bosio e Andrea Piovani: Mobile, le opportunità di una tecnologia vicina
Riccardo Bosio e Andrea Piovani: Mobile, le opportunità di una tecnologia vicinaDigital Accademia
 
Mobile, le opportunità di una tecnologia vicina
Mobile, le opportunità di una tecnologia vicinaMobile, le opportunità di una tecnologia vicina
Mobile, le opportunità di una tecnologia vicinaAndrea Piovani
 
Penelope Networking Solutions
Penelope Networking SolutionsPenelope Networking Solutions
Penelope Networking SolutionsValentina Ottini
 
Web to emotions - Mobilize your website
Web to emotions - Mobilize your websiteWeb to emotions - Mobilize your website
Web to emotions - Mobilize your websiteGiusy Zaccone
 
Spunti di APP, tra Consumer e Business
Spunti di APP, tra Consumer e BusinessSpunti di APP, tra Consumer e Business
Spunti di APP, tra Consumer e BusinessMatteo Ranzi
 
Dal Mobile al Responsive Design: la Rete che Cambia
Dal Mobile al Responsive Design: la Rete che CambiaDal Mobile al Responsive Design: la Rete che Cambia
Dal Mobile al Responsive Design: la Rete che CambiaFormazioneTurismo
 
Go Mobile – Lo Smart Working in Amadori
Go Mobile – Lo Smart Working in AmadoriGo Mobile – Lo Smart Working in Amadori
Go Mobile – Lo Smart Working in AmadoriFrancesco Fabbri
 
Presentazione Applix Appdoit
Presentazione Applix AppdoitPresentazione Applix Appdoit
Presentazione Applix AppdoitApplix Srl
 
Adobe: Stefano Longo, Web 2.0: come le imprese se ne possono avvantaggiare
Adobe: Stefano Longo, Web 2.0: come le imprese se ne possono avvantaggiareAdobe: Stefano Longo, Web 2.0: come le imprese se ne possono avvantaggiare
Adobe: Stefano Longo, Web 2.0: come le imprese se ne possono avvantaggiareManuela Moroncini
 
Presentazione Evento CBT "Soluzioni Mobile per il Business"
Presentazione Evento CBT "Soluzioni Mobile per il Business"Presentazione Evento CBT "Soluzioni Mobile per il Business"
Presentazione Evento CBT "Soluzioni Mobile per il Business"Ruggero Borgonovo
 

Ähnlich wie App vs Mobile website: quale lo scenario vincente? (20)

Sviluppo Mobile , quali approcci?
Sviluppo Mobile , quali approcci?Sviluppo Mobile , quali approcci?
Sviluppo Mobile , quali approcci?
 
Offering - I device mobili per l’aumento della produttività in azienda
Offering - I device mobili per l’aumento della produttività in aziendaOffering - I device mobili per l’aumento della produttività in azienda
Offering - I device mobili per l’aumento della produttività in azienda
 
Mobile & Web Apps in Arscolor Interactive
Mobile & Web Apps in Arscolor InteractiveMobile & Web Apps in Arscolor Interactive
Mobile & Web Apps in Arscolor Interactive
 
Le app
Le appLe app
Le app
 
Android Workshop
Android WorkshopAndroid Workshop
Android Workshop
 
Workshop smau bari_16022012
Workshop smau bari_16022012Workshop smau bari_16022012
Workshop smau bari_16022012
 
Micro Applicazioni Mobile
Micro Applicazioni MobileMicro Applicazioni Mobile
Micro Applicazioni Mobile
 
b! & Cisco a TBZ2011_3
b! & Cisco a TBZ2011_3b! & Cisco a TBZ2011_3
b! & Cisco a TBZ2011_3
 
Alberto Muritano - Mobile Evolution - Digital for Business
Alberto Muritano - Mobile Evolution - Digital for BusinessAlberto Muritano - Mobile Evolution - Digital for Business
Alberto Muritano - Mobile Evolution - Digital for Business
 
Riccardo Bosio e Andrea Piovani: Mobile, le opportunità di una tecnologia vicina
Riccardo Bosio e Andrea Piovani: Mobile, le opportunità di una tecnologia vicinaRiccardo Bosio e Andrea Piovani: Mobile, le opportunità di una tecnologia vicina
Riccardo Bosio e Andrea Piovani: Mobile, le opportunità di una tecnologia vicina
 
Mobile, le opportunità di una tecnologia vicina
Mobile, le opportunità di una tecnologia vicinaMobile, le opportunità di una tecnologia vicina
Mobile, le opportunità di una tecnologia vicina
 
Penelope Networking Solutions
Penelope Networking SolutionsPenelope Networking Solutions
Penelope Networking Solutions
 
Web to emotions - Mobilize your website
Web to emotions - Mobilize your websiteWeb to emotions - Mobilize your website
Web to emotions - Mobilize your website
 
Spunti di APP, tra Consumer e Business
Spunti di APP, tra Consumer e BusinessSpunti di APP, tra Consumer e Business
Spunti di APP, tra Consumer e Business
 
Dal Mobile al Responsive Design: la Rete che Cambia
Dal Mobile al Responsive Design: la Rete che CambiaDal Mobile al Responsive Design: la Rete che Cambia
Dal Mobile al Responsive Design: la Rete che Cambia
 
Go Mobile – Lo Smart Working in Amadori
Go Mobile – Lo Smart Working in AmadoriGo Mobile – Lo Smart Working in Amadori
Go Mobile – Lo Smart Working in Amadori
 
Presentazione Applix Appdoit
Presentazione Applix AppdoitPresentazione Applix Appdoit
Presentazione Applix Appdoit
 
Adobe: Stefano Longo, Web 2.0: come le imprese se ne possono avvantaggiare
Adobe: Stefano Longo, Web 2.0: come le imprese se ne possono avvantaggiareAdobe: Stefano Longo, Web 2.0: come le imprese se ne possono avvantaggiare
Adobe: Stefano Longo, Web 2.0: come le imprese se ne possono avvantaggiare
 
Presentazione Evento CBT "Soluzioni Mobile per il Business"
Presentazione Evento CBT "Soluzioni Mobile per il Business"Presentazione Evento CBT "Soluzioni Mobile per il Business"
Presentazione Evento CBT "Soluzioni Mobile per il Business"
 
Wise Emotions
Wise EmotionsWise Emotions
Wise Emotions
 

App vs Mobile website: quale lo scenario vincente?

  • 1. App o mobile website? Quale lo scenario vincente? Branding 2.0 Urbino, 4 Aprile 2012 Claudio Tonti websolute.it 1
  • 3. 3
  • 4. Cosa fa websolute ? Digital Strategy Interaction Design Web & Mobile Disegnare una Digital User Experience Engineering Strategy Web Design Sviluppo Siti Perpetual Beta Mobile Gestione Multi Sito Consulenza Integrazione con ERP App Iphone & Ipad Project Management Piattaforme Gestione progetti BOM Accounting Newsletter Manager 4.0 Customer Assistance Web tv, Digital Signage C-Netic Digital Presenter Data Center Digital Marketing Produzione Social Media Search Engine Marketing Contenuti Social Media Strategy Web & Mobile ADV Social Media Marketing Realizzazione Webcast Analytics Gestione Presenza Social Motion Graphics Leads generation Creazione e Gestione Web Copywriting A/B Testing Community Article Marketing E-mail marketing Web Monitoring 4
  • 5. Per chi lavoriamo ? 2001 2002 2003 2004 2005 2006 2007 2008 ALPI GROUP FDV INDESIT HAIER NOMINATION 2009 2010 2011 5
  • 6. 1. Apps VS Web Apps 6
  • 7. Web App - Pagina web sviluppata ad hoc per essere meglio fruita da un dispositivo mobile, tablet o smartphone - Utilizzo dei linguaggi di programmazione web (HTML, CSS, Javascript) - Accessibile ovunque e da svariati dispositivi: computer desktop, laptop, smartphone, tablet - Contenuti search-friendly 7
  • 8. Il sito Lancia tra Web e mobile. 8
  • 9. App - Sfrutta il linguaggio specifico del dispositivo - Dialoga con i framework del device: GPS, fotocamera, accelerometro, lista contatti - Notifiche push - Avvio anche in modalità offline - Velocità di caricamento dei dati - Possibilità di pubblicazione nello store Apple o Android 9
  • 10. NEWS LIFESTYLE NY Times Groupon per iPad. per iPhone. UTILITY Whatsapp per smartphone. Multidevice. SOCIAL Facebook per Android. 10
  • 11. 2. Web VS Mobile Cosa cambia nella USER EXPERIENCE ? 11
  • 12. Fattori quali le dimensioni dello schermo e l utilizzo in mobilità obbligano il mobile a ripensare le modalità di navigazione ed interazione a cui ci ha abituati il Web. 12
  • 13. Come lo rendo su mobile? 13
  • 14. Architettura dell informazione, struttura di navigazione e modalità di interazione non possono essere le stesse. È una questione di gradi di libertà: se nel Web ne ho 100, nei tablet diventano 30 e negli smartphone si riducono a 5. 14
  • 15. Il Web è customizzazione, il Mobile è standardizzazione. Il mobile fissa nuovi paradigmi di User Interface che privilegiano la semplificazione alla personalizzazione. Se nel Web conta distinguersi, nel mondo di app e web app occorre adeguarsi a dei modelli a cui gli utenti sono ormai abituati: si aspettano strumenti intuitivi, semplici, immediatamente comprensibili. Lo standard diventa un valore, perché rende fruibile e universalmente condivisa l esperienza di navigazione e consultazione delle informazioni. 15
  • 16. 3. Proviamo a capirci di più 16
  • 17. App Multidevice Molte piattaforme (tablet, (Apple, Android, smartphone) Windows, BlackBerry, Google, ecc...) Costi elevati di produzione e manutenzione 17
  • 18. Tra passato - Aggiornamenti ... e futuro - Potenza dell esperienza utente - Ripetizione di paradigmi già insiti nel device, performanti e ormai familiari soprattutto nel mondo Apple: switch, date picker, pdf viewer, ecc... 18
  • 19. Web App HTML5 supportato da Web distribuito: non ogni piattaforma richiede il download di (Apple, Android, aggiornamenti Windows, BlackBerry, Google, ecc...) Tenta di eguagliare le app native in materia di esperienza utente grazie all evoluzione dell HTML5, ma non raggiunge la stessa efficienza in materia di UI 19
  • 20. Per colmare il gap con le app, nascono framework specifici che forniscono alle web app elementi di UI standard e garantiscono compatibilità multidevice e multipiattaforma. La personalizzazione rimane appannaggio del contenuto. 20
  • 22. Sencha 22
  • 23. 4. La questione delle piattaforme 23
  • 24. a) Smartphone: iPhone VS Android 24
  • 25. b) Tablet: iPad VS Android VS Windows 8 25
  • 26. iPhone e iPod: 2 risoluzioni di schermo e due sistemi operativi ‒ iOS4 e iOS5 (75% di penetrazione del mercato per iOS5). L ecosistema Android: centinaia di device, diverse versioni di sistema operativo, varie risoluzioni di schermo. Che cosa significa sviluppare per Android? 26
  • 27. Temple Run da iOS ad Android 1 milione di download nel giro di 3 giorni, 1200 mail di segnalazione di malfunzionamento su centinaia di device. 27
  • 28. Audiobooks, app per Android I have a handful of Android devices, but since the range is so spread out trying to cover a large array of devices just isn t practical. And that is only half the picture: the other side is Android version, where 50% of users are on 2.3.3 and then the rest are are on things ranging from 1.6 to 4.0.3. David Smith, sviluppatore dell app 28
  • 29. It is a nightmare... The worst part for me is that ultimately it means that I have a lot of grumpy users that I just can t realistically help. It just doesn t make sense (economically) to run down every bug that is specialized to a particular device/OS combo . David Smith, sviluppatore dell app 29
  • 32. 5. Come scegliere se App o Web App ? 32
  • 33. Quanto sono critici questi fattori? Criticità Performance dell’interfaccia Rapidità di caricamento del percorso tipico Potenza di calcolo Frequenza d’uso Utilizzo di funzionalità native Persistenza dei dati Revenue Integrazione con altre applicazioni native Non necessita di diffusione capillare Funzionamento offline Quantità di contenuti non residenti online Restrizioni sul contenuto Tempo di rilascio aggiornamenti scadenzato 33
  • 34. NIKE GPS 34
  • 35. Criticità Performance dell’interfaccia ★ Rapidità di caricamento del percorso tipico ★ Potenza di calcolo ★★★ Frequenza d’uso ★★ Utilizzo di funzionalità native ★★★★★ Persistenza dei dati ★★★ Revenue Integrazione con altre applicazioni native Non necessita di diffusione capillare ★★ Funzionamento offline ★★★★★ Quantità di contenuti non residenti online ★★ Restrizioni sul contenuto Tempo di rilascio aggiornamenti scadenzato ★ Totale indice 23/65 (35%) 35
  • 36. INSTAGRAM 36
  • 37. Criticità Performance dell’interfaccia ★★ Rapidità di caricamento del percorso tipico ★★★★★ Potenza di calcolo ★★★★★ Frequenza d’uso ★★★★★ Utilizzo di funzionalità native ★★★ Persistenza dei dati ★ Revenue Integrazione con altre applicazioni native Non necessita di diffusione capillare ★★★ Funzionamento offline ★ Quantità di contenuti non residenti online ★ Restrizioni sul contenuto Tempo di rilascio aggiornamenti scadenzato ★★ Totale indice 28/65 (43%) 37
  • 38. ANGRY BIRDS Quale delle due è la versione app? 38
  • 39. Criticità Performance dell’interfaccia ★★ Rapidità di caricamento del percorso tipico ★★ Potenza di calcolo ★★ Frequenza d’uso ★★ Utilizzo di funzionalità native Persistenza dei dati Revenue ★★★★★ Integrazione con altre applicazioni native Non necessita di diffusione capillare Funzionamento offline ★★★★★ Quantità di contenuti non residenti online ★★★ Restrizioni sul contenuto Tempo di rilascio aggiornamenti scadenzato ★★ Totale indice 23/65 (35%) 39
  • 41. Criticità Performance dell’interfaccia ★★ Rapidità di caricamento del percorso tipico ★★ Potenza di calcolo ★ Frequenza d’uso ★★ Utilizzo di funzionalità native Persistenza dei dati ★ Revenue Integrazione con altre applicazioni native Non necessita di diffusione capillare ★ Funzionamento offline ★ Quantità di contenuti residenti non online ★ Restrizioni sul contenuto ★ Tempo di rilascio aggiornamenti scadenzato ★ Totale indice 13/65 (20%) 41
  • 43. Criticità Performance dell’interfaccia ★★★ Rapidità di caricamento del percorso tipico ★★★★★ Potenza di calcolo ★ Frequenza d’uso ★★★★★ Utilizzo di funzionalità native ★★★ Persistenza dei dati ★ Revenue Integrazione con altre applicazioni native Non necessita di diffusione capillare ★★ Funzionamento offline ★ Quantità di contenuti non residenti online ★ Restrizioni sul contenuto ★ Tempo di rilascio aggiornamenti scadenzato ★ Totale indice 24/65 (36%) 43
  • 44. TWITTER 44
  • 45. TWITTER 45
  • 46. TWITTER 46
  • 47. Criticità Performance dell’interfaccia ★★★ Rapidità di caricamento del percorso tipico ★★★★ Potenza di calcolo ★ Frequenza d’uso ★★★★★ Utilizzo di funzionalità native ★★ Persistenza dei dati ★ Revenue Integrazione con altre applicazioni native Non necessita di diffusione capillare ★ Funzionamento offline Quantità di contenuti non residenti online Restrizioni sul contenuto Tempo di rilascio aggiornamenti scadenzato ★ Totale indice 18/65 (27%) 47
  • 48. Come evolverà la questione nei prossimi anni (mesi) ? 48
  • 49. 49
  • 50. Claudio Tonti www.websolute.it ctonti@websolute.it info@websolute.it @ctonti Tel: 0721.411112 Strada della Campanara, 15 it.linkedin.com/in/claudiotonti 61100 Pesaro