Penser sa présence mobile - Pourquoi ? Comment ?
-
Upload
butterflyeffect-sas -
Category
Technology
-
view
4.330 -
download
0
description
Transcript of Penser sa présence mobile - Pourquoi ? Comment ?
Penser sa présence sur les mobiles
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
Quentin FouréMarketing - Conception - Design Directeur associé - ButterflyEffect SAS
[email protected] 06.81.37.82.29
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 !
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
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
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 !
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
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
Pourquoi développer pour les mobiles ?
Source : Google & Ipsos -France 2012 - Images : agence-csv.com
Les smartphones sont un portail multi-activités
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
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,
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
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.
Comment ?
Que choisir ?
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
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)
Site web responsive1
Exemple :3200tigres.wwf.fr
Crédits photos : Vivek R Sinha / WWF
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
Exemple : 20minutes.fr
Crédits photos : 20minutes.fr
Site web mobile2
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
Exemple : facebook.com
Crédits photos : Facebook.com - ButterflyEffect
Web-application3
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.
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
Exemple : Cardio Info
Utilisation du GPS
Application native4
Passer au mobile,une charge de travail supplémentaire pour le client ?
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.
Pour résumer :
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
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.
Vos publics parlent mobile. Et vous ?
À vous de jouer !
Besoin d'aide, d'un avis, d'un conseil, d'une idée ?
Contactez-nous :
developpement-mobile.fr