Penser sa présence mobile - Pourquoi ? Comment ?

33
Penser sa présence sur les mobiles Pourquoi ? Comment ?

description

Plus qu'une mode, le mobile est une véritable évolution des usages. Le trafic web mobile et le nombre d'applications augmentent de jour en jour. Comment bien aborder le passage au mobile ? Voici quelques clefs pour voir plus clair. Faîtes le point et ne manquez pas de vous adresser à ce public !

Transcript of Penser sa présence mobile - Pourquoi ? Comment ?

Page 1: Penser sa présence mobile - Pourquoi ? Comment ?

Penser sa présence sur les mobiles

Pourquoi ? Comment ?

Page 2: Penser sa présence mobile - Pourquoi ? Comment ?

une présentation proposée par :

Agence de développement mobilePrestations et réalisations :

[email protected] 04.56.80.66.01

developpement-mobile.fr

Page 3: Penser sa présence mobile - Pourquoi ? Comment ?

Quentin FouréMarketing - Conception - Design Directeur associé - ButterflyEffect SAS

[email protected] 06.81.37.82.29

Page 4: Penser sa présence mobile - Pourquoi ? Comment ?

Plus qu'une mode, le mobile est une véritable évolution des usages.

Le trafic web mobile et le nombre d'applications augmentent de jour en jour.

Ne manquez pas de vous adresser à ce public !

Page 5: Penser sa présence mobile - Pourquoi ? Comment ?

Pourquoi développer pour les mobiles* ?*écrans mobiles : tablettes incluses

En 2014, il y aura plus de « mobinautes » que d'internautes (ordinateurs)

- perspective pour le monde -

Source : VC firm Kleiner Perkins - Mary Meeker

Page 6: Penser sa présence mobile - Pourquoi ? Comment ?

Pourquoi développer pour les mobiles ?

Source : GFK Consumers Choices 2012 - France

+18 % des ventes entre 2011 et 2012+ 48 % des ventes 2010 et 2011

Aujourd'hui qu'en est-il ?

20Millions

6Millions

x1,5 des ventes entre 2011 et 2012x2 ,2 des ventes 2010 et 2011

Page 7: Penser sa présence mobile - Pourquoi ? Comment ?

Pourquoi développer pour les mobiles ?

Source : Proxima Mobile – France - 15 janvier 2013

+72 %

Trafic de données opérateurs 2012

7/10 des téléphones vendus en 2012sont des smartphones

Les « mobinautes » sont toujours plus nombreux et plus connectés  !

Page 8: Penser sa présence mobile - Pourquoi ? Comment ?

Les écrans mobiles sont utilisés en complément des PCs

58%

des connectés utilisent au moins 2 écrans pour se

connecter chaque semaine

Pourquoi développer pour les mobiles ?

Source et Image : COMSCORE – Device Essential UK - 2 janvier 2013

Répartition du trafic des pages vues par device au cours d'une journée (de travail) type

Page 9: Penser sa présence mobile - Pourquoi ? Comment ?

Pourquoi développer pour les mobiles ?

Domicile

Travail

Extérieur

94%

54%

0%

71%

13%

37% 76%

43%

57%

Taux de connexion par localisation (en % des multi-équipés) – Observatoire des écrans connectés 2013 - France

Les écrans mobiles sont utilisés principalement en extérieur et à la maison

Page 10: Penser sa présence mobile - Pourquoi ? Comment ?

Pourquoi développer pour les mobiles ?

Source : Google & Ipsos -France 2012 - Images : agence-csv.com

Les smartphones sont un portail multi-activités

Page 11: Penser sa présence mobile - Pourquoi ? Comment ?

Pourquoi développer pour les mobiles ?

Source : Google & Ipsos -France 2012 - Images : agence-csv.com

Les utilisateurs de smartphones sont plutôt jeunes et urbains

Page 12: Penser sa présence mobile - Pourquoi ? Comment ?

Synthèse 2011 - 2012Augmentation :

- des « utilisateurs mobiles »,- de la fréquence d'utilisation ,- des connexions au travers de plusieurs écrans (mobile + tablette + PC) ,

Public plutôt jeune (inférieur à 40 ans)Pic d’utilisation entre 17H et 21HPlusieurs usages - principalement :

internet, news, social, e-mails, jeux,

Page 13: Penser sa présence mobile - Pourquoi ? Comment ?

J'ai déjà un site web ! Les mobiles peuvent le lire !

Non !Le web « classique »

n'est pas adapté !

- déclarent revenir plus facilement sur le site

- déclarent acheter plus facilement sur le site (produit ou service)

Site web optimisé Site web non-optimisé- qui ne trouvent pas ce qu'ils cherchent directement sur un site mobile repartent pour un autre

- déclarent que même s'ils aiment l'entreprise, ils reviendront moins souvent

- se déclarent frustrés et contrariés

74%

67%

61%

50%

48%Source & Images : Masha Fisch, Google Mobile Ads Marketing

Page 14: Penser sa présence mobile - Pourquoi ? Comment ?

Conclusion :

L’effet de mode a maintenant été largement dépassé. Mieux vaut être prêt et proposer dès aujourd’hui un

site adapté à l’usage sur smartphone.

Page 15: Penser sa présence mobile - Pourquoi ? Comment ?

Comment  ?

Que choisir  ?

Page 16: Penser sa présence mobile - Pourquoi ? Comment ?

Comment  ?Les solutions techniques disponibles :

Adapter pour les mobiles Concevoir pour les mobiles

Web-application

une application pour les mobiles disponible sans téléchargement

Application native

une application pour les mobiles à télécharger sur les

« marchés d'applications »

Site webmobile

un site dédié aux mobiles / tablettes

disponible en parallèle du site standard

Site webresponsive

une seule interface capable de s'adapter

aux différentes largeurs d'écrans

1 2 3 4

Page 17: Penser sa présence mobile - Pourquoi ? Comment ?

Site web responsive1

Qu'est ce que c'est ?Il s'agit d'une technique de

développement qui prévoit un affichage différent selon la largeur d'écran du visiteur.

Le contenu n'est pas modifié, il est seulement affiché différemment.

Les avantages du responsive design :

- possibilité d'adapter un site existant(pas de travail de reconception à faire)- un seul gestionnaire de contenu- adapté à toutes les résolutions (PC, netbooks, tablettes, smartphones, …)- pas de redirection et mise à jour immédiate

Les inconvénients du responsive design :

- ergonomie complexe pour les longs menus - contenu non optimisé (chargement plus long des images) - pas d'outil de fidélisation (notifications push)

Page 18: Penser sa présence mobile - Pourquoi ? Comment ?

Site web responsive1

Exemple :3200tigres.wwf.fr

Crédits photos : Vivek R Sinha / WWF

Page 19: Penser sa présence mobile - Pourquoi ? Comment ?

Site web mobile

Qu'est ce que c'est ?Il s'agit de rediriger les visiteurs

mobiles vers un site dédié à cet usage.

Il faut repenser le contenu pour qu'il soit plus abordable sur un petit écran : réduire les textes, alléger les menus et les sections - ALLER À L'ESSENTIEL -

Les avantages du site mobile:

- possibilité de reprendre un site existant(travail de reconception préférable)- un seul gestionnaire de contenu- contenu optimisé pour les mobiles- pas de rupture de canal (accès en ligne)- mise à jour immédiate

Les inconvénients du site mobile:

- limiter les fonctionnalités peut frustrer un visiteur (toujours prévoir un passage vers le site complet)- pas d'outil de fidélisation (notifications push)

2

Page 20: Penser sa présence mobile - Pourquoi ? Comment ?

Exemple : 20minutes.fr

Crédits photos : 20minutes.fr

Site web mobile2

Page 21: Penser sa présence mobile - Pourquoi ? Comment ?

Web-application

Qu'est ce que c'est ?Il s'agit d'un site mobile dont le design,

l'ergonomie, les transitions font croire à l'utilisation d'une application.

C'est une application mobile, disponible sur un site sans aucun téléchargement.

Les avantages de la web-application:

- qualité de navigation optimale (impressiond'utiliser une application)- contenu optimisé pour les mobiles- pas de téléchargement (accès direct en ligne)- mise à jour immédiate

Les inconvénients de la web-application:

- nécessite une conception et une gestion distincte de celle du site standard- lenteur d'affichage (téléphones anciens)- pas d'outil de fidélisation (notifications push)

3

Page 22: Penser sa présence mobile - Pourquoi ? Comment ?

Exemple : facebook.com

Crédits photos : Facebook.com - ButterflyEffect

Web-application3

Page 23: Penser sa présence mobile - Pourquoi ? Comment ?

Web-application

Application native

Site web mobile

Site web responsive1

2

3

4

Logique Web

Logique Mobile

Les applications conservent la fonction d'information des sites web mais ajoute un service, un usage, une interaction plus forte avec l'utilisateur.

Elles sont complémentaires aux services fournis par les sites web.

Page 24: Penser sa présence mobile - Pourquoi ? Comment ?

Application native

Qu'est ce que c'est ?Il s'agit de la référence en matière de

mobiles. Elle permet une multitude de fonctionnalités, elle est directement disponible sur l'écran d'accueil.

* les iPhones et smartphones Android représentent 80 % des smartphones

Les avantages de l'application :

- fidélisation (notifications push)- qualité de navigation optimale- contenu optimisé- fonctionnement hors ligne- accès complet aux fonctions du téléphone (contacts, géolocalisation, photo, vidéo , ...)

Les inconvénients de l'application:

- nécessité d'inciter au téléchargement- prévoir au moins 2 versions (Apple & Android)*- se conformer aux règles de l'App Store

4

Page 25: Penser sa présence mobile - Pourquoi ? Comment ?

Exemple :  Cardio Info

Utilisation du GPS

Application native4

Page 26: Penser sa présence mobile - Pourquoi ? Comment ?

Passer au mobile,une charge de travail supplémentaire pour le client ?

Page 27: Penser sa présence mobile - Pourquoi ? Comment ?

Site web responsive1

Web-application & Application native

Site web mobile2

3 4

Il est possible de conserver tout ou partie d'un site existant (selon la structure), de conserver le gestionnaire de contenu (CMS) et le design général - il n'y a pas de contenu spécifique à prévoir. L'idéal étant de le prévoir pour la conception ou le renouvellement d'un site.

Il est possible de conserver une partie des textes et images existants, il est cependant préférable de repenser la plupart du contenu pour l'optimiser (longueur des textes, structure, taille des images...). S'il existe un gestionnaire de contenu il sera enrichi avec des pages dédiées à la version mobile.

Dans l'idée où l'application et la web-application apportent plus que de l'information brute, il est conseillé de créer un contenu spécifique pour correspondre à l'usage des mobiles.Une partie du contenu et du design peut être réutilisée mais il faut prévoir la création d'un contenu spécifique à l'application ou web-application.

Page 28: Penser sa présence mobile - Pourquoi ? Comment ?

Pour résumer :

Page 29: Penser sa présence mobile - Pourquoi ? Comment ?

Synthèse

Site Responsive

Site Mobile

Web-app

Application

Fidélisation de l'utilisateur *

Public mobile adressé *

Image de marque *

Engagement de l'utilisateur *

Création de contenu spécifique *

Coût *

€€

€€€

0

0% - 30%

50% - 100%

50% - 100%

90% *

100%

100%

80% *

* détails page suivante

Page 30: Penser sa présence mobile - Pourquoi ? Comment ?

Fidélisation de l'utilisateur : accueillir comme il se doit les visiteurs mobiles est déjà un premier pas vers la fidélisation. L'utilisation des notifications push et l'accès rapide depuis l'écran d'accueil font de l'application le meilleur outil de fidélisation et témoigne de l'implication de l'utilisateur ( il a téléchargé l'application ! ).

Public mobile adressé : il est fonction des technologies employées. Les mobiles d'ancienne génération (+ de 3 ans) utilisent des navigateurs internet dépassés qui ne respectent pas certains standards. Pour les applications seuls les deux OS majoritaires ont été pris en compte  : Android et iOS ( 80 % du marché ).

Image de marque : recevoir les visiteurs mobiles avec un contenu adapté est un signe de qualité et de soin. L'application reste l'outil le plus spécifique au mobile, c'est celui qui témoigne le plus de l'engagement de la marque.

Engagement de l'utilisateur : les applications et web-applications apportent généralement un contenu plus dynamique avec lequel l'utilisateur peut interagir.

Création de contenu spécifique : les applications et web-applications demandent une création spécifique de contenu, de design, d'ergonomie tandis que les sites mobiles ou responsives peuvent reprendre quasi-intégralement le contenu et la charte du site PC.

Coût: les coûts varient considérablement selon les fonctionnalités recherchées. Pour les applications, plus il y a d'OS différents à couvrir ( iOS, Android, BlackBerry, Windows Phone, Symbian, Bada, …) plus ce sera coûteux.

Page 31: Penser sa présence mobile - Pourquoi ? Comment ?

Vos publics parlent mobile. Et vous ?

À vous de jouer !

Page 32: Penser sa présence mobile - Pourquoi ? Comment ?

Besoin d'aide, d'un avis, d'un conseil, d'une idée ?

Contactez-nous :

[email protected]

developpement-mobile.fr

Page 33: Penser sa présence mobile - Pourquoi ? Comment ?