SlideShare une entreprise Scribd logo
#DIGITALBREAKFAST
Face aux apps,
quelles opportunités en Web Mobile ?
Conférence NiceToMeetYou + La Revanche des Sites
Paris, Palais de Tokyo + Lille, Hermitage Gantois – Juin 2015
Tendances d’usages
Mobile Web Design
Possibilités techniques
Mobile SEO
Email Responsive
Let’s talk about...
NiceToMeetYou est une agence
digitale full-services dotée d’une
forte sensibilité utilisateur / client.
Nous concentrons les expertises
stratégiques, créatives et technologiques
au service des principaux challenges
digitaux des marques :
+ réinventer l’expérience de marque
+ développer une audience
+ booster la visibilité
+ maîtriser l’e-réputation
+ engager une clientèle
+ générer des leads ou des ventes
STRATÉGIE
CODE
CRÉATION RELATION
La Revanche des Sites est une agence
experte en référencement naturel,
avec une vision internationale.
L’agence propose ses expertises sur
plusieurs leviers :
+ Audit SEO
+ Backlinks Building
+ Transfert SEO
+ Géolocalisation
+ Bombing Antidot
+ Ajax Optimization
Les intervenants
Ange POZZO DI BORGO
Planneur Digital – Associé
Agence NiceToMeetYou
Chargé de cours Skema BS / Iscom
Olivier COULON
DC Digital – Associé
Agence NiceToMeetYou
Benoît DUGAST
Directeur Technique
Agence NiceToMeetYou
Sylvain GARIN
Consultant SEO – Associé
Agence LRDS
Avec l’appui de Solon COSTOPOULOS Krystel ROBERT
Directeur de Clientèle Directrice Commerciale
STATE OF
WEB MOBILE
Où en est-on en France ?
2014 2015 2016 2017
1H20
1H40
1H50
2H10
UNE QUESTION DE TEMPS D’USAGE
Soit environ 15 minutes par jour
dans le navigateur...
FAIBLE ?
En termes de croissance,
NON.
PROPORTIONNELLEMENT, OUI.
+400%
de trafic mobile
Sans oublier les préférences
liées au contexte !
Et de l’âge
dépend aussi l’usage
« Mobile UX will be a
ranking signal »
SearchEngine Land, 11/14
Des utilisateurs qui privilégient forcément
une expérience mobile-friendly
Dans un écosystème fragmenté
et en évolution constante...
Source : Kerensen (2015)
Le Web Mobile est la voie du bon sens
pour une large majorité de marques !
Coût de déploiement mutualisé
Code universel
Leviers de trafic habituels
Responsive ou Adaptive Design
Fonctionnalités « app-like »
EN BREF
1. Jetez d’abord un œil à vos analytics sur la partie mobile
2. Réfléchissez bien à votre valeur ajoutée pour l’utilisateur sur mobile
3. Tenez compte des usages, dans votre contexte
4. Comparez les coûts de production et d’évolution !
WEB MOBILE
Le futur est dans nos mains
DESIGN
Est-ce une app ?
Un site web ?
Superman ?
Applification
http://www.transpole.fr
Context is king
Un site web qui
ressemble à une app
http://www.my7up.com/
Un site web qui s’adapte
http://www.citedeleconomie.fr/
http://www.sauve-qui-pique.fr/
Serious Gaming
https://youtube10.withgoogle.com/
Drag n drop + Touch
Mais jusqu’où ?
Allons un peu plus loin…
Can I (really) use ?
Hardware + Software
Scalable Vector Graphics
Dessin vectoriel dans le navigateur
Svg
Software
https://awwapp.com/
Touch + SVG
Capteur qui permet de mesurer l’angle d’inclinaison (x,y,z)
Le gyroscope donne la position angulaire (selon un, deux ou les trois axes)
Gyroscope
Hardware
http://graphics.wsj.com/3d-nasdaq/
Web GL + Gyroscope
http://hexgl.bkcore.com/
Web GL + Drag
Communication bidirectionnelle
WebSocket est une technologie évoluée qui permet d'ouvrir un canal de communication interactif entre
un navigateur (côté client) et un serveur. Avec cette API vous pouvez
- envoyer des messages à un serveur
- recevoir ses réponses de manière événementielle sans avoir à aller consulter le serveur pour obtenir
une réponse.
Websocket
http://flight.iberia.com/desktop/
Web Socket + Web GL
Capteur qui permet de mesurer l'accélération linéaire de ce dernier.
On parle encore d'accéléromètre même s'il s'agit en fait de 3 accéléromètres qui calculent les 3
accélérations linéaires selon 3 axes orthogonaux.
Accéléromètre
Hardware
http://branlettedenoel.com/
Accéléromètre + Web Socket
Chiche !
Et si on mélange tout ?
http://www.mountainsofmouthness.com/
Web GL + Gyroscope +
Twitter + Voice Synth
http://sakuradream.lux.co.jp/
Web GL + Gyroscope + Geolocation
+ Google Street View
https://www.chrome.com/racer
WebSockets + Chrome + Canvas +
Paper.js + Web Audio API
Full Screen API :
Pas de barre d’URL. API qui autorise le contenu (video ou canvas) à prendre l'intégralité de l'écran
File Api :
Permet d’uploader des fichier présents sur son mobile
HTML Media Capture :
Enregistrement de photo, video et son pour envoi au travers d’un input files (formulaire)
Web Speech API :
Reconnaissance vocale, permet a la page web d’écouter l’utilisateur. (ios)
Autres fonctions créatives
Quelques ressources
Chrome to
Phone
Must have
http://uiohmy.com/
Comparatif d’apps par OS
http://capptivate.co/category/patterns/instructional/
UI Motion Galerie
https://fr.pinterest.com/pausegraphik/ui-motion/
Share the love, merci Jérôme
http://1000.chromeexperiments.com/
History of Web Experiences
EN BREF
1. Selon les cas : pensez App, produisez web
2. Identifiez les « instants de mobilité » entre votre public cible et votre projet
3. Explorez les features qui ont du sens pour votre site / marque / OP / communauté
VS vos analytics
4. Profitez de l’impact de cette technologie facile à intégrer, et (encore) innovante
5. Le gaming : une première étape simple et rapide à mettre en place
A vivre uniquement sur
tablette ou mobile !
Petit bonus
WEB MOBILE
Mobilegeddon Google
SEO
Ce qu’il faut savoir :
• Algorithme fonctionnant page par page
• La compatibilité mobile n’est qu’un des nombreux critères de l’algorithme
• Plus la concurrence est mobile-friendly, plus le la perte est importante
• L’impact dépend du taux de compatibilité (score entre 0 et 100)
• En temps réel : remontée de la page presque « automatique »
Avril 2015
Google change les résultats du SERP sur smartphones en
privilégiant les sites dits « Mobile Friendly ».
• Pas de révolution mais juste un ajustement
• Forte corrélation entre l’impact et la compatibilité mobile des concurrents
• Impact uniquement sur les SERP mobile
• En moyenne -5,3% de perte de visibilité sur mobile (sites non adaptés)
Cas spécifique : sous domaine dédié mobile
Pour quels impacts ?
Bing = follower
•Un site est considéré MOBILE-FRIENDLY par Google lorsque :
• Le contenu peut être intégralement affiché sur un téléphone
• Il n’est pas nécessaire de réduire ou zoomer pour afficher le site correctement
• Le contenu est lisible sur des petits écrans
• Il est possible de naviguer simplement avec un doigt
• Bouton de 48px min
• Écart de 32px entre 2 boutons
• Le site est compréhensible par les robots Google
Un peu de technique…
RESPONSIVE WEB DESIGN : même URL, même code HTML, affichage différent en fonction de
la taille de l’écran
DYNAMIC SERVING : L’URL est identique quelque soit le support mais une version spécifique
du code HTML est chargée selon le type d’appareil
URL DISTINCTES : les versions sont accessibles depuis des URL distinctes
(m.monsite.fr/content-1 vs monsite.fr/content-1), le code est aussi différent sur chacune des
versions.
URL IDENTIQUES
?
CODE SOURCE
IDENTIQUE ?
Mobile Friendly : 3 options
Temps de
chargement
réduit : pas de
redirection pour
accéder aux
contenus
optimisés
Evite la possibilité de
duplicate content
entre site web et site
mobile. Pas besoin
d’utiliser de canonical
ou de balises
rel=alternate.
Crawl plus efficace :
Les bots ne crawl
qu’un seul et unique
site. Votre site est de
ce fait mieux compris
par les robots,
l’indexation est plus
pertinente et à jour.
Vos
utilisateurs
partagent vos
contenus plus
facilement :
URL unique Réduit les
possibilités
d’erreurs entre
m-site et site
web
Google ♥ Responsive
Moins de
temps
d’intégration
pour les mises
à jour >> 1 seul
et unique
• Compresser le contenu
• Prioriser le contenu au-dessus de la ligne
de flottaison
• Mettre en cache le contenu
• Éviter les nombreuses redirections
• Optimiser votre serveur Web
La vitesse ça compte
EN BREF
1. Ne plus négliger la version mobile (si ce n’est déjà fait)
2. Privilégier le Responsive, dans la plupart des cas
3. Respectez quelques règles simples d’ergonomie
4. Ne négligez pas la technique
5. …jusqu’à la prochaine évolution
EMAIL
ET MOBILE
Une update bien utile ;)
En France, l’email est lu sur mobile
dans plus de 36% des cas...
Source : ReturnPath (2014)
Source : Litmus (mai 2015)
#1 Apple iPhone 28% +0.55
#2 Gmail 18% +1.28
#3 Apple iPad 11% -0.21
#4 Apple Mail 8% -0.29
#5 Google Android 8% +0.16
#6 Outlook 8% -0.86
#7 Outlook.com 5% +0.41
#8 Yahoo! Mail 4% -0.28
#9 Windows Live Mail 2% -0.09
#10 AOL Mail 1% -0.11
Les clients mails
les plus utilisés au monde sont...
Mais de nombreux clients mail
ne supportent toujours pas
les media queries !
Source : Litmus (2014)
2012
2015
Tri Consultation et action
Consultation et action
Dream land
Dans la réalité…
Responsive ?
Context is king
Success !
Source : http://blog.movableink.com/clients-corner-best-western/
Device Targeting
+143%
App Download
Geolocation
+12%
Taux de clic
Solution #1 : CSS
Solution #2 : One Column
Solution #3 : Get Help
Et vos clients dans tout ça ?
Source : http://zurb.com/playground/responsive-email-templates
Welcome
Inspiration
EN BREF
1. Vous DEVEZ avoir une vision mobile
2. La technologie n’évolue presque pas, à l’inverse des usages
3. Vérifiez la manière dont vos utilisateurs consomment vos emails (stats + parcours)
4. Concevez mobile first, ou profitez des outils aujourd’hui peu coûteux et performants
5. Adaptez (si possible) vos contenus au contexte de consultation
Merci :)
NiceToMeetYou / Agence Digitale « Full-Services »
www.ntmy.fr & @ntmy_fr
La Revanche des Sites / Agence SEO
www.la-revanche-des-sites.fr & @RevancheSites

Contenu connexe

Tendances

Information google apps
Information google appsInformation google apps
Information google appsinovallee
 
"Qui seront les HEROes de l'entreprise 4.0 ?" Anne Rey-Ferrer #MBAMCI
"Qui seront les HEROes de l'entreprise 4.0 ?" Anne Rey-Ferrer #MBAMCI"Qui seront les HEROes de l'entreprise 4.0 ?" Anne Rey-Ferrer #MBAMCI
"Qui seront les HEROes de l'entreprise 4.0 ?" Anne Rey-Ferrer #MBAMCI
Anne Rey-Ferrer
 
Les tendances des site web en 2015
Les tendances des site web en 2015Les tendances des site web en 2015
Les tendances des site web en 2015
Vincent Pereira
 
CADRAGE DU PROGRAMME DE PARIS 2.0. DES ETUDES CONSOMMATEUR POUR DE MEILLEURES...
CADRAGE DU PROGRAMME DE PARIS 2.0. DES ETUDES CONSOMMATEUR POUR DE MEILLEURES...CADRAGE DU PROGRAMME DE PARIS 2.0. DES ETUDES CONSOMMATEUR POUR DE MEILLEURES...
CADRAGE DU PROGRAMME DE PARIS 2.0. DES ETUDES CONSOMMATEUR POUR DE MEILLEURES...
PSST (opinions et tendances 2.0) par jeremy dumont
 
Le marketing digital pour les nuls et les fauchés !
Le marketing digital pour les nuls et les fauchés !Le marketing digital pour les nuls et les fauchés !
Le marketing digital pour les nuls et les fauchés !
Marseille Innovation
 
Acquisition de trafic web B to B
Acquisition de trafic web B to B Acquisition de trafic web B to B
Acquisition de trafic web B to B
Indépendant
 
Synodiance > Widgets - Conférence Paris Salon E Commerce 24/09/2008
Synodiance > Widgets - Conférence Paris Salon E Commerce 24/09/2008Synodiance > Widgets - Conférence Paris Salon E Commerce 24/09/2008
Synodiance > Widgets - Conférence Paris Salon E Commerce 24/09/2008Search Foresight
 
Responsive web design new14
Responsive web design new14Responsive web design new14
Responsive web design new14
FullSIX Group
 
Transmédia ou Crossmédia ?
Transmédia ou Crossmédia ?Transmédia ou Crossmédia ?
Transmédia ou Crossmédia ?Geoffrey Laloux
 
Les tendances UX et UI en 2015
Les tendances UX et UI en 2015Les tendances UX et UI en 2015
Les tendances UX et UI en 2015
Intuiti
 
Mieux communiquer et vendre sur internet industrie agroalimentaire - CCI de B...
Mieux communiquer et vendre sur internet industrie agroalimentaire - CCI de B...Mieux communiquer et vendre sur internet industrie agroalimentaire - CCI de B...
Mieux communiquer et vendre sur internet industrie agroalimentaire - CCI de B...
polenumerique33
 
RDV TIC en partenariat avec Google
RDV TIC en partenariat avec GoogleRDV TIC en partenariat avec Google
RDV TIC en partenariat avec Google
COMPETITIC
 
BtoB : Digital for Business - Utiliser les forces du digital pour générer des...
BtoB : Digital for Business - Utiliser les forces du digital pour générer des...BtoB : Digital for Business - Utiliser les forces du digital pour générer des...
BtoB : Digital for Business - Utiliser les forces du digital pour générer des...
Vanksen
 
Comment construire une stratégie digitale?
Comment construire une stratégie digitale?Comment construire une stratégie digitale?
Comment construire une stratégie digitale?
Butter-Cake blog by Youmna Ovazza
 
Actulligence Consulting - Polen - Conférence E-Reputation - Décembre 2009
Actulligence Consulting - Polen - Conférence E-Reputation - Décembre 2009Actulligence Consulting - Polen - Conférence E-Reputation - Décembre 2009
Actulligence Consulting - Polen - Conférence E-Reputation - Décembre 2009
Actulligence Consulting
 
MobiliteaTime #9 : les Search Ads d'Apple
MobiliteaTime #9 : les Search Ads d'AppleMobiliteaTime #9 : les Search Ads d'Apple
MobiliteaTime #9 : les Search Ads d'Apple
USERADGENTS
 
E-réputation et marques : état de l'art et enjeux - by Vanksen
E-réputation et marques : état de l'art et enjeux - by VanksenE-réputation et marques : état de l'art et enjeux - by Vanksen
E-réputation et marques : état de l'art et enjeux - by Vanksen
Vanksen
 
8 Conseils pour Réussir votre Communication Digitale
8 Conseils pour Réussir votre Communication Digitale8 Conseils pour Réussir votre Communication Digitale
8 Conseils pour Réussir votre Communication DigitaleAgoralink
 
Web, mobilité, réseaux sociaux: Comment les évènements internationaux du Qué...
Web, mobilité, réseaux sociaux:  Comment les évènements internationaux du Qué...Web, mobilité, réseaux sociaux:  Comment les évènements internationaux du Qué...
Web, mobilité, réseaux sociaux: Comment les évènements internationaux du Qué...
Guillaume Brunet
 
Banques et Digital : la nouvelle relation
Banques et Digital : la nouvelle relationBanques et Digital : la nouvelle relation
Banques et Digital : la nouvelle relation
Vanksen
 

Tendances (20)

Information google apps
Information google appsInformation google apps
Information google apps
 
"Qui seront les HEROes de l'entreprise 4.0 ?" Anne Rey-Ferrer #MBAMCI
"Qui seront les HEROes de l'entreprise 4.0 ?" Anne Rey-Ferrer #MBAMCI"Qui seront les HEROes de l'entreprise 4.0 ?" Anne Rey-Ferrer #MBAMCI
"Qui seront les HEROes de l'entreprise 4.0 ?" Anne Rey-Ferrer #MBAMCI
 
Les tendances des site web en 2015
Les tendances des site web en 2015Les tendances des site web en 2015
Les tendances des site web en 2015
 
CADRAGE DU PROGRAMME DE PARIS 2.0. DES ETUDES CONSOMMATEUR POUR DE MEILLEURES...
CADRAGE DU PROGRAMME DE PARIS 2.0. DES ETUDES CONSOMMATEUR POUR DE MEILLEURES...CADRAGE DU PROGRAMME DE PARIS 2.0. DES ETUDES CONSOMMATEUR POUR DE MEILLEURES...
CADRAGE DU PROGRAMME DE PARIS 2.0. DES ETUDES CONSOMMATEUR POUR DE MEILLEURES...
 
Le marketing digital pour les nuls et les fauchés !
Le marketing digital pour les nuls et les fauchés !Le marketing digital pour les nuls et les fauchés !
Le marketing digital pour les nuls et les fauchés !
 
Acquisition de trafic web B to B
Acquisition de trafic web B to B Acquisition de trafic web B to B
Acquisition de trafic web B to B
 
Synodiance > Widgets - Conférence Paris Salon E Commerce 24/09/2008
Synodiance > Widgets - Conférence Paris Salon E Commerce 24/09/2008Synodiance > Widgets - Conférence Paris Salon E Commerce 24/09/2008
Synodiance > Widgets - Conférence Paris Salon E Commerce 24/09/2008
 
Responsive web design new14
Responsive web design new14Responsive web design new14
Responsive web design new14
 
Transmédia ou Crossmédia ?
Transmédia ou Crossmédia ?Transmédia ou Crossmédia ?
Transmédia ou Crossmédia ?
 
Les tendances UX et UI en 2015
Les tendances UX et UI en 2015Les tendances UX et UI en 2015
Les tendances UX et UI en 2015
 
Mieux communiquer et vendre sur internet industrie agroalimentaire - CCI de B...
Mieux communiquer et vendre sur internet industrie agroalimentaire - CCI de B...Mieux communiquer et vendre sur internet industrie agroalimentaire - CCI de B...
Mieux communiquer et vendre sur internet industrie agroalimentaire - CCI de B...
 
RDV TIC en partenariat avec Google
RDV TIC en partenariat avec GoogleRDV TIC en partenariat avec Google
RDV TIC en partenariat avec Google
 
BtoB : Digital for Business - Utiliser les forces du digital pour générer des...
BtoB : Digital for Business - Utiliser les forces du digital pour générer des...BtoB : Digital for Business - Utiliser les forces du digital pour générer des...
BtoB : Digital for Business - Utiliser les forces du digital pour générer des...
 
Comment construire une stratégie digitale?
Comment construire une stratégie digitale?Comment construire une stratégie digitale?
Comment construire une stratégie digitale?
 
Actulligence Consulting - Polen - Conférence E-Reputation - Décembre 2009
Actulligence Consulting - Polen - Conférence E-Reputation - Décembre 2009Actulligence Consulting - Polen - Conférence E-Reputation - Décembre 2009
Actulligence Consulting - Polen - Conférence E-Reputation - Décembre 2009
 
MobiliteaTime #9 : les Search Ads d'Apple
MobiliteaTime #9 : les Search Ads d'AppleMobiliteaTime #9 : les Search Ads d'Apple
MobiliteaTime #9 : les Search Ads d'Apple
 
E-réputation et marques : état de l'art et enjeux - by Vanksen
E-réputation et marques : état de l'art et enjeux - by VanksenE-réputation et marques : état de l'art et enjeux - by Vanksen
E-réputation et marques : état de l'art et enjeux - by Vanksen
 
8 Conseils pour Réussir votre Communication Digitale
8 Conseils pour Réussir votre Communication Digitale8 Conseils pour Réussir votre Communication Digitale
8 Conseils pour Réussir votre Communication Digitale
 
Web, mobilité, réseaux sociaux: Comment les évènements internationaux du Qué...
Web, mobilité, réseaux sociaux:  Comment les évènements internationaux du Qué...Web, mobilité, réseaux sociaux:  Comment les évènements internationaux du Qué...
Web, mobilité, réseaux sociaux: Comment les évènements internationaux du Qué...
 
Banques et Digital : la nouvelle relation
Banques et Digital : la nouvelle relationBanques et Digital : la nouvelle relation
Banques et Digital : la nouvelle relation
 

En vedette

10 tendances digitales pour 2016
10 tendances digitales pour 201610 tendances digitales pour 2016
10 tendances digitales pour 2016
NiceToMeetYou
 
RP Digitalisées : la fin des frontières
RP Digitalisées : la fin des frontièresRP Digitalisées : la fin des frontières
RP Digitalisées : la fin des frontières
NiceToMeetYou
 
Le Design au service du Commerce Digital
Le Design au service du Commerce DigitalLe Design au service du Commerce Digital
Le Design au service du Commerce Digital
NiceToMeetYou
 
Quelles tendances digitales pour le Brand Content en 2016 ?
Quelles tendances digitales pour le Brand Content en 2016 ?Quelles tendances digitales pour le Brand Content en 2016 ?
Quelles tendances digitales pour le Brand Content en 2016 ?
NiceToMeetYou
 
Brand Content : comment émerger du chaos en digital ?
Brand Content : comment émerger du chaos en digital ?Brand Content : comment émerger du chaos en digital ?
Brand Content : comment émerger du chaos en digital ?
NiceToMeetYou
 
UX & UI Design : les tendances pour 2017
UX & UI Design : les tendances pour 2017UX & UI Design : les tendances pour 2017
UX & UI Design : les tendances pour 2017
NiceToMeetYou
 
RP 2.0 : réussir sa prise de contact avec un blogueur - Salon du SYNAP
RP 2.0 : réussir sa prise de contact avec un blogueur - Salon du SYNAPRP 2.0 : réussir sa prise de contact avec un blogueur - Salon du SYNAP
RP 2.0 : réussir sa prise de contact avec un blogueur - Salon du SYNAP
NiceToMeetYou
 
Comment exploiter vos données sociales pour générer de l'engagement ?
Comment exploiter vos données sociales pour générer de l'engagement ?Comment exploiter vos données sociales pour générer de l'engagement ?
Comment exploiter vos données sociales pour générer de l'engagement ?
NiceToMeetYou
 
Les marques alimentaires face au digital
Les marques alimentaires face au digitalLes marques alimentaires face au digital
Les marques alimentaires face au digital
NiceToMeetYou
 
Comment évaluer le succès d'une stratégie Social Media ?
Comment évaluer le succès d'une stratégie Social Media ?Comment évaluer le succès d'une stratégie Social Media ?
Comment évaluer le succès d'une stratégie Social Media ?
NiceToMeetYou
 
10 règles d'or pour animer votre communauté via les médias sociaux - Conféren...
10 règles d'or pour animer votre communauté via les médias sociaux - Conféren...10 règles d'or pour animer votre communauté via les médias sociaux - Conféren...
10 règles d'or pour animer votre communauté via les médias sociaux - Conféren...
NiceToMeetYou
 
Avez-vous compris ce que sont les Features toggles ?
Avez-vous compris ce que sont les Features toggles ?Avez-vous compris ce que sont les Features toggles ?
Avez-vous compris ce que sont les Features toggles ?
Eric Le Merdy
 
Continuous Delivery chez LesFurets -- Deep dive Dec 2015
Continuous Delivery chez LesFurets -- Deep dive Dec 2015Continuous Delivery chez LesFurets -- Deep dive Dec 2015
Continuous Delivery chez LesFurets -- Deep dive Dec 2015
beastiefurets
 
Exemples et solutions : Difficultés de l’implémentation de SCRUM
Exemples et solutions : Difficultés de l’implémentation de SCRUMExemples et solutions : Difficultés de l’implémentation de SCRUM
Exemples et solutions : Difficultés de l’implémentation de SCRUM
Agile Tour 2009 Québec
 
Comment construire sa communauté en partant de zéro : l'exemple Youmiam.
Comment construire sa communauté en partant de zéro : l'exemple Youmiam. Comment construire sa communauté en partant de zéro : l'exemple Youmiam.
Comment construire sa communauté en partant de zéro : l'exemple Youmiam.
SocialMixCity
 
Réussir son startup weekend agile
Réussir son startup weekend agileRéussir son startup weekend agile
Réussir son startup weekend agileFlorian Labadens
 
Devoxx france 2015 livrer chaque jour ce qui est prêt
Devoxx france 2015   livrer chaque jour ce qui est prêtDevoxx france 2015   livrer chaque jour ce qui est prêt
Devoxx france 2015 livrer chaque jour ce qui est prêt
beastiefurets
 
Ionic, ce n'est pas que de l'UI, meetup PhoneGap le 25-05-2015
Ionic, ce n'est pas que de l'UI, meetup PhoneGap le 25-05-2015Ionic, ce n'est pas que de l'UI, meetup PhoneGap le 25-05-2015
Ionic, ce n'est pas que de l'UI, meetup PhoneGap le 25-05-2015
Loïc Knuchel
 
12 Tendances en Marketing Digital pour 2013
12 Tendances en Marketing Digital pour 201312 Tendances en Marketing Digital pour 2013
12 Tendances en Marketing Digital pour 2013
NiceToMeetYou
 
De la pensée projet à la pensée produit
De la pensée projet à la pensée produitDe la pensée projet à la pensée produit
De la pensée projet à la pensée produit
OCTO Technology Suisse
 

En vedette (20)

10 tendances digitales pour 2016
10 tendances digitales pour 201610 tendances digitales pour 2016
10 tendances digitales pour 2016
 
RP Digitalisées : la fin des frontières
RP Digitalisées : la fin des frontièresRP Digitalisées : la fin des frontières
RP Digitalisées : la fin des frontières
 
Le Design au service du Commerce Digital
Le Design au service du Commerce DigitalLe Design au service du Commerce Digital
Le Design au service du Commerce Digital
 
Quelles tendances digitales pour le Brand Content en 2016 ?
Quelles tendances digitales pour le Brand Content en 2016 ?Quelles tendances digitales pour le Brand Content en 2016 ?
Quelles tendances digitales pour le Brand Content en 2016 ?
 
Brand Content : comment émerger du chaos en digital ?
Brand Content : comment émerger du chaos en digital ?Brand Content : comment émerger du chaos en digital ?
Brand Content : comment émerger du chaos en digital ?
 
UX & UI Design : les tendances pour 2017
UX & UI Design : les tendances pour 2017UX & UI Design : les tendances pour 2017
UX & UI Design : les tendances pour 2017
 
RP 2.0 : réussir sa prise de contact avec un blogueur - Salon du SYNAP
RP 2.0 : réussir sa prise de contact avec un blogueur - Salon du SYNAPRP 2.0 : réussir sa prise de contact avec un blogueur - Salon du SYNAP
RP 2.0 : réussir sa prise de contact avec un blogueur - Salon du SYNAP
 
Comment exploiter vos données sociales pour générer de l'engagement ?
Comment exploiter vos données sociales pour générer de l'engagement ?Comment exploiter vos données sociales pour générer de l'engagement ?
Comment exploiter vos données sociales pour générer de l'engagement ?
 
Les marques alimentaires face au digital
Les marques alimentaires face au digitalLes marques alimentaires face au digital
Les marques alimentaires face au digital
 
Comment évaluer le succès d'une stratégie Social Media ?
Comment évaluer le succès d'une stratégie Social Media ?Comment évaluer le succès d'une stratégie Social Media ?
Comment évaluer le succès d'une stratégie Social Media ?
 
10 règles d'or pour animer votre communauté via les médias sociaux - Conféren...
10 règles d'or pour animer votre communauté via les médias sociaux - Conféren...10 règles d'or pour animer votre communauté via les médias sociaux - Conféren...
10 règles d'or pour animer votre communauté via les médias sociaux - Conféren...
 
Avez-vous compris ce que sont les Features toggles ?
Avez-vous compris ce que sont les Features toggles ?Avez-vous compris ce que sont les Features toggles ?
Avez-vous compris ce que sont les Features toggles ?
 
Continuous Delivery chez LesFurets -- Deep dive Dec 2015
Continuous Delivery chez LesFurets -- Deep dive Dec 2015Continuous Delivery chez LesFurets -- Deep dive Dec 2015
Continuous Delivery chez LesFurets -- Deep dive Dec 2015
 
Exemples et solutions : Difficultés de l’implémentation de SCRUM
Exemples et solutions : Difficultés de l’implémentation de SCRUMExemples et solutions : Difficultés de l’implémentation de SCRUM
Exemples et solutions : Difficultés de l’implémentation de SCRUM
 
Comment construire sa communauté en partant de zéro : l'exemple Youmiam.
Comment construire sa communauté en partant de zéro : l'exemple Youmiam. Comment construire sa communauté en partant de zéro : l'exemple Youmiam.
Comment construire sa communauté en partant de zéro : l'exemple Youmiam.
 
Réussir son startup weekend agile
Réussir son startup weekend agileRéussir son startup weekend agile
Réussir son startup weekend agile
 
Devoxx france 2015 livrer chaque jour ce qui est prêt
Devoxx france 2015   livrer chaque jour ce qui est prêtDevoxx france 2015   livrer chaque jour ce qui est prêt
Devoxx france 2015 livrer chaque jour ce qui est prêt
 
Ionic, ce n'est pas que de l'UI, meetup PhoneGap le 25-05-2015
Ionic, ce n'est pas que de l'UI, meetup PhoneGap le 25-05-2015Ionic, ce n'est pas que de l'UI, meetup PhoneGap le 25-05-2015
Ionic, ce n'est pas que de l'UI, meetup PhoneGap le 25-05-2015
 
12 Tendances en Marketing Digital pour 2013
12 Tendances en Marketing Digital pour 201312 Tendances en Marketing Digital pour 2013
12 Tendances en Marketing Digital pour 2013
 
De la pensée projet à la pensée produit
De la pensée projet à la pensée produitDe la pensée projet à la pensée produit
De la pensée projet à la pensée produit
 

Similaire à Web Mobile : quelles opportunités face aux apps ?

[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
Chambé-Carnet
 
Atelier T7 Développer un site ou une application mobile - Salon e-tourisme V...
Atelier T7 Développer un site ou une application  mobile - Salon e-tourisme V...Atelier T7 Développer un site ou une application  mobile - Salon e-tourisme V...
Atelier T7 Développer un site ou une application mobile - Salon e-tourisme V...
Salon e-tourisme #VeM
 
Offre migrer vers_flutter
Offre migrer vers_flutterOffre migrer vers_flutter
Offre migrer vers_flutter
Julien Saumande
 
Salon Use IT Lyon
Salon Use IT LyonSalon Use IT Lyon
Salon Use IT Lyon
Intuitiv Technology
 
Web responsive & E-Commerce, un seul site pour tous les devices ?
Web responsive & E-Commerce, un seul site pour tous les devices ?Web responsive & E-Commerce, un seul site pour tous les devices ?
Web responsive & E-Commerce, un seul site pour tous les devices ?
altima°
 
Parlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usageParlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usage
LaFrenchMobile
 
Atelier - Stratégie Mobile : les clés pour réussir
Atelier - Stratégie Mobile : les clés pour réussir Atelier - Stratégie Mobile : les clés pour réussir
Atelier - Stratégie Mobile : les clés pour réussir
Medialibs
 
Conférence SEO mobile – mobile first - 10 ans CyberCité Nantes
Conférence SEO mobile –  mobile first - 10 ans  CyberCité NantesConférence SEO mobile –  mobile first - 10 ans  CyberCité Nantes
Conférence SEO mobile – mobile first - 10 ans CyberCité Nantes
CyberCité
 
Atelier 11 - Nos sites internet se refont une jeunesse html5 css3 - ET8
Atelier 11 - Nos sites internet se refont une jeunesse html5 css3 - ET8Atelier 11 - Nos sites internet se refont une jeunesse html5 css3 - ET8
Atelier 11 - Nos sites internet se refont une jeunesse html5 css3 - ET8
Rencontres Nationales du etourisme institutionnel
 
Atelier "Nos sites internet se refont une jeunesse html5 css3" - ET8
Atelier "Nos sites internet se refont une jeunesse html5 css3" - ET8Atelier "Nos sites internet se refont une jeunesse html5 css3" - ET8
Atelier "Nos sites internet se refont une jeunesse html5 css3" - ET8
Vincent Vandevelde
 
Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)
SCALA
 
Applications Mobiles - Bonnes pratiques de conception et de développement de ...
Applications Mobiles - Bonnes pratiques de conception et de développement de ...Applications Mobiles - Bonnes pratiques de conception et de développement de ...
Applications Mobiles - Bonnes pratiques de conception et de développement de ...
BEIJAFLORE
 
SEO Mobile : Tout Savoir sur le Référencement Mobile pour être "Google-Friendly"
SEO Mobile : Tout Savoir sur le Référencement Mobile pour être "Google-Friendly"SEO Mobile : Tout Savoir sur le Référencement Mobile pour être "Google-Friendly"
SEO Mobile : Tout Savoir sur le Référencement Mobile pour être "Google-Friendly"
One Clic Conseil
 
Comment se préparer au Mobile Index First de Google
Comment se préparer au Mobile Index First de GoogleComment se préparer au Mobile Index First de Google
Comment se préparer au Mobile Index First de Google
Kseo Conseil
 
Blog ecommerce conférence mobile - analyse de logs
Blog ecommerce   conférence mobile - analyse de logsBlog ecommerce   conférence mobile - analyse de logs
Blog ecommerce conférence mobile - analyse de logs
Brigitte Marandon
 
Competitic soyez present sur le mobile de vos clients
Competitic soyez present sur le mobile de vos clientsCompetitic soyez present sur le mobile de vos clients
Competitic soyez present sur le mobile de vos clients
COMPETITIC
 
Présentation atelier mobile frenchweb ad4 screen
Présentation atelier mobile frenchweb ad4 screenPrésentation atelier mobile frenchweb ad4 screen
Présentation atelier mobile frenchweb ad4 screen
FrenchWeb.fr
 
2011 05 05 rendez accessible votre site internetvia un telephone portable by ...
2011 05 05 rendez accessible votre site internetvia un telephone portable by ...2011 05 05 rendez accessible votre site internetvia un telephone portable by ...
2011 05 05 rendez accessible votre site internetvia un telephone portable by ...
COMPETITIC
 
Competitic applications accessibles tablettes
Competitic   applications accessibles tablettesCompetitic   applications accessibles tablettes
Competitic applications accessibles tablettes
COMPETITIC
 
Veille : L'impact de l'évolution des technologies web sur le référencement et...
Veille : L'impact de l'évolution des technologies web sur le référencement et...Veille : L'impact de l'évolution des technologies web sur le référencement et...
Veille : L'impact de l'évolution des technologies web sur le référencement et...
maclic
 

Similaire à Web Mobile : quelles opportunités face aux apps ? (20)

[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
 
Atelier T7 Développer un site ou une application mobile - Salon e-tourisme V...
Atelier T7 Développer un site ou une application  mobile - Salon e-tourisme V...Atelier T7 Développer un site ou une application  mobile - Salon e-tourisme V...
Atelier T7 Développer un site ou une application mobile - Salon e-tourisme V...
 
Offre migrer vers_flutter
Offre migrer vers_flutterOffre migrer vers_flutter
Offre migrer vers_flutter
 
Salon Use IT Lyon
Salon Use IT LyonSalon Use IT Lyon
Salon Use IT Lyon
 
Web responsive & E-Commerce, un seul site pour tous les devices ?
Web responsive & E-Commerce, un seul site pour tous les devices ?Web responsive & E-Commerce, un seul site pour tous les devices ?
Web responsive & E-Commerce, un seul site pour tous les devices ?
 
Parlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usageParlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usage
 
Atelier - Stratégie Mobile : les clés pour réussir
Atelier - Stratégie Mobile : les clés pour réussir Atelier - Stratégie Mobile : les clés pour réussir
Atelier - Stratégie Mobile : les clés pour réussir
 
Conférence SEO mobile – mobile first - 10 ans CyberCité Nantes
Conférence SEO mobile –  mobile first - 10 ans  CyberCité NantesConférence SEO mobile –  mobile first - 10 ans  CyberCité Nantes
Conférence SEO mobile – mobile first - 10 ans CyberCité Nantes
 
Atelier 11 - Nos sites internet se refont une jeunesse html5 css3 - ET8
Atelier 11 - Nos sites internet se refont une jeunesse html5 css3 - ET8Atelier 11 - Nos sites internet se refont une jeunesse html5 css3 - ET8
Atelier 11 - Nos sites internet se refont une jeunesse html5 css3 - ET8
 
Atelier "Nos sites internet se refont une jeunesse html5 css3" - ET8
Atelier "Nos sites internet se refont une jeunesse html5 css3" - ET8Atelier "Nos sites internet se refont une jeunesse html5 css3" - ET8
Atelier "Nos sites internet se refont une jeunesse html5 css3" - ET8
 
Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)
 
Applications Mobiles - Bonnes pratiques de conception et de développement de ...
Applications Mobiles - Bonnes pratiques de conception et de développement de ...Applications Mobiles - Bonnes pratiques de conception et de développement de ...
Applications Mobiles - Bonnes pratiques de conception et de développement de ...
 
SEO Mobile : Tout Savoir sur le Référencement Mobile pour être "Google-Friendly"
SEO Mobile : Tout Savoir sur le Référencement Mobile pour être "Google-Friendly"SEO Mobile : Tout Savoir sur le Référencement Mobile pour être "Google-Friendly"
SEO Mobile : Tout Savoir sur le Référencement Mobile pour être "Google-Friendly"
 
Comment se préparer au Mobile Index First de Google
Comment se préparer au Mobile Index First de GoogleComment se préparer au Mobile Index First de Google
Comment se préparer au Mobile Index First de Google
 
Blog ecommerce conférence mobile - analyse de logs
Blog ecommerce   conférence mobile - analyse de logsBlog ecommerce   conférence mobile - analyse de logs
Blog ecommerce conférence mobile - analyse de logs
 
Competitic soyez present sur le mobile de vos clients
Competitic soyez present sur le mobile de vos clientsCompetitic soyez present sur le mobile de vos clients
Competitic soyez present sur le mobile de vos clients
 
Présentation atelier mobile frenchweb ad4 screen
Présentation atelier mobile frenchweb ad4 screenPrésentation atelier mobile frenchweb ad4 screen
Présentation atelier mobile frenchweb ad4 screen
 
2011 05 05 rendez accessible votre site internetvia un telephone portable by ...
2011 05 05 rendez accessible votre site internetvia un telephone portable by ...2011 05 05 rendez accessible votre site internetvia un telephone portable by ...
2011 05 05 rendez accessible votre site internetvia un telephone portable by ...
 
Competitic applications accessibles tablettes
Competitic   applications accessibles tablettesCompetitic   applications accessibles tablettes
Competitic applications accessibles tablettes
 
Veille : L'impact de l'évolution des technologies web sur le référencement et...
Veille : L'impact de l'évolution des technologies web sur le référencement et...Veille : L'impact de l'évolution des technologies web sur le référencement et...
Veille : L'impact de l'évolution des technologies web sur le référencement et...
 

Plus de NiceToMeetYou

Comment la vidéo digitale bouscule le marketing #NiceTalk
Comment la vidéo digitale bouscule le marketing #NiceTalkComment la vidéo digitale bouscule le marketing #NiceTalk
Comment la vidéo digitale bouscule le marketing #NiceTalk
NiceToMeetYou
 
Storytelling Digital : comment l'écriture se réinvente avec le numérique
Storytelling Digital : comment l'écriture se réinvente avec le numériqueStorytelling Digital : comment l'écriture se réinvente avec le numérique
Storytelling Digital : comment l'écriture se réinvente avec le numérique
NiceToMeetYou
 
Changements de Facebook et Google : quelles stratégies digitales pour y faire...
Changements de Facebook et Google : quelles stratégies digitales pour y faire...Changements de Facebook et Google : quelles stratégies digitales pour y faire...
Changements de Facebook et Google : quelles stratégies digitales pour y faire...
NiceToMeetYou
 
Comprendre l'Inbound & le Content Marketing
Comprendre l'Inbound & le Content MarketingComprendre l'Inbound & le Content Marketing
Comprendre l'Inbound & le Content Marketing
NiceToMeetYou
 
Comment les technologies révolutionnent le contenu digital des marques
Comment les technologies révolutionnent le contenu digital des marquesComment les technologies révolutionnent le contenu digital des marques
Comment les technologies révolutionnent le contenu digital des marques
NiceToMeetYou
 
Comment réussir ses campagnes publicitaires sur les médias sociaux ?
Comment réussir ses campagnes publicitaires sur les médias sociaux ?Comment réussir ses campagnes publicitaires sur les médias sociaux ?
Comment réussir ses campagnes publicitaires sur les médias sociaux ?
NiceToMeetYou
 
Le Brand Content digital dans tous ses états
Le Brand Content digital dans tous ses étatsLe Brand Content digital dans tous ses états
Le Brand Content digital dans tous ses étatsNiceToMeetYou
 
Optimiser son Référencement par les Médias Sociaux
Optimiser son Référencement par les Médias SociauxOptimiser son Référencement par les Médias Sociaux
Optimiser son Référencement par les Médias Sociaux
NiceToMeetYou
 
La Créativallée sur les Médias Sociaux, bilan 1 an après
La Créativallée sur les Médias Sociaux, bilan 1 an aprèsLa Créativallée sur les Médias Sociaux, bilan 1 an après
La Créativallée sur les Médias Sociaux, bilan 1 an après
NiceToMeetYou
 
Analyse du LiveTweet NutrEvent
Analyse du LiveTweet NutrEventAnalyse du LiveTweet NutrEvent
Analyse du LiveTweet NutrEvent
NiceToMeetYou
 
Les Entreprises de Sante face aux Medias Sociaux
Les Entreprises de Sante face aux Medias SociauxLes Entreprises de Sante face aux Medias Sociaux
Les Entreprises de Sante face aux Medias Sociaux
NiceToMeetYou
 
Planifier une Stratégie Médias Sociaux
Planifier une Stratégie Médias SociauxPlanifier une Stratégie Médias Sociaux
Planifier une Stratégie Médias Sociaux
NiceToMeetYou
 
Business Models 2.0
Business Models 2.0Business Models 2.0
Business Models 2.0
NiceToMeetYou
 
Marque Territoriale & Web 2.0 - Conférence Créativallée - Salon VAD 2010
Marque Territoriale & Web 2.0 - Conférence Créativallée - Salon VAD 2010Marque Territoriale & Web 2.0 - Conférence Créativallée - Salon VAD 2010
Marque Territoriale & Web 2.0 - Conférence Créativallée - Salon VAD 2010
NiceToMeetYou
 

Plus de NiceToMeetYou (14)

Comment la vidéo digitale bouscule le marketing #NiceTalk
Comment la vidéo digitale bouscule le marketing #NiceTalkComment la vidéo digitale bouscule le marketing #NiceTalk
Comment la vidéo digitale bouscule le marketing #NiceTalk
 
Storytelling Digital : comment l'écriture se réinvente avec le numérique
Storytelling Digital : comment l'écriture se réinvente avec le numériqueStorytelling Digital : comment l'écriture se réinvente avec le numérique
Storytelling Digital : comment l'écriture se réinvente avec le numérique
 
Changements de Facebook et Google : quelles stratégies digitales pour y faire...
Changements de Facebook et Google : quelles stratégies digitales pour y faire...Changements de Facebook et Google : quelles stratégies digitales pour y faire...
Changements de Facebook et Google : quelles stratégies digitales pour y faire...
 
Comprendre l'Inbound & le Content Marketing
Comprendre l'Inbound & le Content MarketingComprendre l'Inbound & le Content Marketing
Comprendre l'Inbound & le Content Marketing
 
Comment les technologies révolutionnent le contenu digital des marques
Comment les technologies révolutionnent le contenu digital des marquesComment les technologies révolutionnent le contenu digital des marques
Comment les technologies révolutionnent le contenu digital des marques
 
Comment réussir ses campagnes publicitaires sur les médias sociaux ?
Comment réussir ses campagnes publicitaires sur les médias sociaux ?Comment réussir ses campagnes publicitaires sur les médias sociaux ?
Comment réussir ses campagnes publicitaires sur les médias sociaux ?
 
Le Brand Content digital dans tous ses états
Le Brand Content digital dans tous ses étatsLe Brand Content digital dans tous ses états
Le Brand Content digital dans tous ses états
 
Optimiser son Référencement par les Médias Sociaux
Optimiser son Référencement par les Médias SociauxOptimiser son Référencement par les Médias Sociaux
Optimiser son Référencement par les Médias Sociaux
 
La Créativallée sur les Médias Sociaux, bilan 1 an après
La Créativallée sur les Médias Sociaux, bilan 1 an aprèsLa Créativallée sur les Médias Sociaux, bilan 1 an après
La Créativallée sur les Médias Sociaux, bilan 1 an après
 
Analyse du LiveTweet NutrEvent
Analyse du LiveTweet NutrEventAnalyse du LiveTweet NutrEvent
Analyse du LiveTweet NutrEvent
 
Les Entreprises de Sante face aux Medias Sociaux
Les Entreprises de Sante face aux Medias SociauxLes Entreprises de Sante face aux Medias Sociaux
Les Entreprises de Sante face aux Medias Sociaux
 
Planifier une Stratégie Médias Sociaux
Planifier une Stratégie Médias SociauxPlanifier une Stratégie Médias Sociaux
Planifier une Stratégie Médias Sociaux
 
Business Models 2.0
Business Models 2.0Business Models 2.0
Business Models 2.0
 
Marque Territoriale & Web 2.0 - Conférence Créativallée - Salon VAD 2010
Marque Territoriale & Web 2.0 - Conférence Créativallée - Salon VAD 2010Marque Territoriale & Web 2.0 - Conférence Créativallée - Salon VAD 2010
Marque Territoriale & Web 2.0 - Conférence Créativallée - Salon VAD 2010
 

Web Mobile : quelles opportunités face aux apps ?

  • 1. #DIGITALBREAKFAST Face aux apps, quelles opportunités en Web Mobile ? Conférence NiceToMeetYou + La Revanche des Sites Paris, Palais de Tokyo + Lille, Hermitage Gantois – Juin 2015
  • 2. Tendances d’usages Mobile Web Design Possibilités techniques Mobile SEO Email Responsive Let’s talk about...
  • 3. NiceToMeetYou est une agence digitale full-services dotée d’une forte sensibilité utilisateur / client. Nous concentrons les expertises stratégiques, créatives et technologiques au service des principaux challenges digitaux des marques : + réinventer l’expérience de marque + développer une audience + booster la visibilité + maîtriser l’e-réputation + engager une clientèle + générer des leads ou des ventes STRATÉGIE CODE CRÉATION RELATION
  • 4. La Revanche des Sites est une agence experte en référencement naturel, avec une vision internationale. L’agence propose ses expertises sur plusieurs leviers : + Audit SEO + Backlinks Building + Transfert SEO + Géolocalisation + Bombing Antidot + Ajax Optimization
  • 5. Les intervenants Ange POZZO DI BORGO Planneur Digital – Associé Agence NiceToMeetYou Chargé de cours Skema BS / Iscom Olivier COULON DC Digital – Associé Agence NiceToMeetYou Benoît DUGAST Directeur Technique Agence NiceToMeetYou Sylvain GARIN Consultant SEO – Associé Agence LRDS Avec l’appui de Solon COSTOPOULOS Krystel ROBERT Directeur de Clientèle Directrice Commerciale
  • 6. STATE OF WEB MOBILE Où en est-on en France ?
  • 7. 2014 2015 2016 2017 1H20 1H40 1H50 2H10 UNE QUESTION DE TEMPS D’USAGE
  • 8. Soit environ 15 minutes par jour dans le navigateur...
  • 9. FAIBLE ? En termes de croissance, NON. PROPORTIONNELLEMENT, OUI.
  • 11. Sans oublier les préférences liées au contexte !
  • 12. Et de l’âge dépend aussi l’usage
  • 13. « Mobile UX will be a ranking signal » SearchEngine Land, 11/14 Des utilisateurs qui privilégient forcément une expérience mobile-friendly
  • 14. Dans un écosystème fragmenté et en évolution constante... Source : Kerensen (2015)
  • 15. Le Web Mobile est la voie du bon sens pour une large majorité de marques ! Coût de déploiement mutualisé Code universel Leviers de trafic habituels Responsive ou Adaptive Design Fonctionnalités « app-like »
  • 16. EN BREF 1. Jetez d’abord un œil à vos analytics sur la partie mobile 2. Réfléchissez bien à votre valeur ajoutée pour l’utilisateur sur mobile 3. Tenez compte des usages, dans votre contexte 4. Comparez les coûts de production et d’évolution !
  • 17. WEB MOBILE Le futur est dans nos mains DESIGN
  • 18. Est-ce une app ? Un site web ? Superman ? Applification
  • 20. Un site web qui ressemble à une app http://www.my7up.com/
  • 21. Un site web qui s’adapte http://www.citedeleconomie.fr/
  • 24. Mais jusqu’où ? Allons un peu plus loin…
  • 25. Can I (really) use ?
  • 27. Scalable Vector Graphics Dessin vectoriel dans le navigateur Svg Software
  • 29. Capteur qui permet de mesurer l’angle d’inclinaison (x,y,z) Le gyroscope donne la position angulaire (selon un, deux ou les trois axes) Gyroscope Hardware
  • 32. Communication bidirectionnelle WebSocket est une technologie évoluée qui permet d'ouvrir un canal de communication interactif entre un navigateur (côté client) et un serveur. Avec cette API vous pouvez - envoyer des messages à un serveur - recevoir ses réponses de manière événementielle sans avoir à aller consulter le serveur pour obtenir une réponse. Websocket
  • 34. Capteur qui permet de mesurer l'accélération linéaire de ce dernier. On parle encore d'accéléromètre même s'il s'agit en fait de 3 accéléromètres qui calculent les 3 accélérations linéaires selon 3 axes orthogonaux. Accéléromètre Hardware
  • 36. Chiche ! Et si on mélange tout ?
  • 37. http://www.mountainsofmouthness.com/ Web GL + Gyroscope + Twitter + Voice Synth
  • 38. http://sakuradream.lux.co.jp/ Web GL + Gyroscope + Geolocation + Google Street View
  • 39. https://www.chrome.com/racer WebSockets + Chrome + Canvas + Paper.js + Web Audio API
  • 40. Full Screen API : Pas de barre d’URL. API qui autorise le contenu (video ou canvas) à prendre l'intégralité de l'écran File Api : Permet d’uploader des fichier présents sur son mobile HTML Media Capture : Enregistrement de photo, video et son pour envoi au travers d’un input files (formulaire) Web Speech API : Reconnaissance vocale, permet a la page web d’écouter l’utilisateur. (ios) Autres fonctions créatives
  • 47. EN BREF 1. Selon les cas : pensez App, produisez web 2. Identifiez les « instants de mobilité » entre votre public cible et votre projet 3. Explorez les features qui ont du sens pour votre site / marque / OP / communauté VS vos analytics 4. Profitez de l’impact de cette technologie facile à intégrer, et (encore) innovante 5. Le gaming : une première étape simple et rapide à mettre en place
  • 48. A vivre uniquement sur tablette ou mobile ! Petit bonus
  • 50. Ce qu’il faut savoir : • Algorithme fonctionnant page par page • La compatibilité mobile n’est qu’un des nombreux critères de l’algorithme • Plus la concurrence est mobile-friendly, plus le la perte est importante • L’impact dépend du taux de compatibilité (score entre 0 et 100) • En temps réel : remontée de la page presque « automatique » Avril 2015 Google change les résultats du SERP sur smartphones en privilégiant les sites dits « Mobile Friendly ».
  • 51. • Pas de révolution mais juste un ajustement • Forte corrélation entre l’impact et la compatibilité mobile des concurrents • Impact uniquement sur les SERP mobile • En moyenne -5,3% de perte de visibilité sur mobile (sites non adaptés) Cas spécifique : sous domaine dédié mobile Pour quels impacts ?
  • 53. •Un site est considéré MOBILE-FRIENDLY par Google lorsque : • Le contenu peut être intégralement affiché sur un téléphone • Il n’est pas nécessaire de réduire ou zoomer pour afficher le site correctement • Le contenu est lisible sur des petits écrans • Il est possible de naviguer simplement avec un doigt • Bouton de 48px min • Écart de 32px entre 2 boutons • Le site est compréhensible par les robots Google Un peu de technique…
  • 54. RESPONSIVE WEB DESIGN : même URL, même code HTML, affichage différent en fonction de la taille de l’écran DYNAMIC SERVING : L’URL est identique quelque soit le support mais une version spécifique du code HTML est chargée selon le type d’appareil URL DISTINCTES : les versions sont accessibles depuis des URL distinctes (m.monsite.fr/content-1 vs monsite.fr/content-1), le code est aussi différent sur chacune des versions. URL IDENTIQUES ? CODE SOURCE IDENTIQUE ? Mobile Friendly : 3 options
  • 55. Temps de chargement réduit : pas de redirection pour accéder aux contenus optimisés Evite la possibilité de duplicate content entre site web et site mobile. Pas besoin d’utiliser de canonical ou de balises rel=alternate. Crawl plus efficace : Les bots ne crawl qu’un seul et unique site. Votre site est de ce fait mieux compris par les robots, l’indexation est plus pertinente et à jour. Vos utilisateurs partagent vos contenus plus facilement : URL unique Réduit les possibilités d’erreurs entre m-site et site web Google ♥ Responsive Moins de temps d’intégration pour les mises à jour >> 1 seul et unique
  • 56. • Compresser le contenu • Prioriser le contenu au-dessus de la ligne de flottaison • Mettre en cache le contenu • Éviter les nombreuses redirections • Optimiser votre serveur Web La vitesse ça compte
  • 57. EN BREF 1. Ne plus négliger la version mobile (si ce n’est déjà fait) 2. Privilégier le Responsive, dans la plupart des cas 3. Respectez quelques règles simples d’ergonomie 4. Ne négligez pas la technique 5. …jusqu’à la prochaine évolution
  • 58. EMAIL ET MOBILE Une update bien utile ;)
  • 59. En France, l’email est lu sur mobile dans plus de 36% des cas... Source : ReturnPath (2014)
  • 60. Source : Litmus (mai 2015) #1 Apple iPhone 28% +0.55 #2 Gmail 18% +1.28 #3 Apple iPad 11% -0.21 #4 Apple Mail 8% -0.29 #5 Google Android 8% +0.16 #6 Outlook 8% -0.86 #7 Outlook.com 5% +0.41 #8 Yahoo! Mail 4% -0.28 #9 Windows Live Mail 2% -0.09 #10 AOL Mail 1% -0.11 Les clients mails les plus utilisés au monde sont...
  • 61. Mais de nombreux clients mail ne supportent toujours pas les media queries ! Source : Litmus (2014)
  • 62. 2012 2015 Tri Consultation et action Consultation et action
  • 67. Success ! Source : http://blog.movableink.com/clients-corner-best-western/ Device Targeting +143% App Download Geolocation +12% Taux de clic
  • 69. Solution #2 : One Column
  • 70. Solution #3 : Get Help
  • 71. Et vos clients dans tout ça ? Source : http://zurb.com/playground/responsive-email-templates
  • 73.
  • 75. EN BREF 1. Vous DEVEZ avoir une vision mobile 2. La technologie n’évolue presque pas, à l’inverse des usages 3. Vérifiez la manière dont vos utilisateurs consomment vos emails (stats + parcours) 4. Concevez mobile first, ou profitez des outils aujourd’hui peu coûteux et performants 5. Adaptez (si possible) vos contenus au contexte de consultation
  • 76. Merci :) NiceToMeetYou / Agence Digitale « Full-Services » www.ntmy.fr & @ntmy_fr La Revanche des Sites / Agence SEO www.la-revanche-des-sites.fr & @RevancheSites