BONNES PRATIQUES AUDIENCE MOBILE

Transcription

1 BONNES PRATIQUES AUDIENCE MOBILE

2 IDENTIFIEZ VOS MOBINAUTES Identifiez les mobinautes de votre base de contacts et leur équipement mobile. Combien de contacts consultent vos s sur mobile? Quel(s) équipement(s) utilisent vos abonnés mobinautes? Quels systèmes d exploitation (OS) utilisent-ils? Quel média privilégient-ils pour ouvrir vos s? COUVERTURE FONCTIONNELLE Enrichissement & Qualification des critères mobiles dans votre base de données : Type de terminal : PC/MAC, Mobiles, Tablettes, Consoles Terminal : IPhone, BlackBerry, Ipad, Windows Phone OS utilisé : Symbian / Android / Windows / ios Navigateur utilisé : Safari / Opéra / FireFox / IE Agrégat et scoring des données Préférence d utilisation 2

3 SEGMENTEZ EN FONCTION DES DONNEES MOBILES Segmentez votre population en fonction du comportement de vos mobinautes. COUVERTURE FONCTIONNELLE Types de terminal Terminal utilisé OS utilisé Ouvertures sur mobile Clics sur mobile Pages consultées sur mobile Achat sur mobile 3

4 COMPATIBILITE AVEC LES OS MOBILE Version HTML Images activés par défaut Mise à l échelle automatique Prévisualisation Version Texte Voici comment les OS mobiles gèrent l affichage de vos messages. Source : Litmus 4

5 ADAPTEZ VOTRE AUX DIFFERENTES TAILLES D ECRAN Vous faut-il adapter votre à l ensemble des systèmes existants? La réponse dépend des marques privilégiées par vos contacts et des résultats de votre observation lors de l étape d identification des mobinautes. Trouvez la taille idéale du message pouvant correspondre au maximum de marques utilisées par les mobinautes. Taille de l mobile La résolution moyenne d'un écran smartphone est de 320 x 480 pixels Une largeur de message en adéquation avec la taille des écrans : entre 320 px et 550px Inclure une «Version mobile» et «Version web» dans le pré header de votre ing : un destinataire utilisant son mobile pour consulter ses s peut très bien revenir sur ce même message depuis un ordinateur. Dans ce cas, l ing optimisé pour un affichage sur smartphone va inévitablement perdre de son impact. 5

6 SOIGNEZ L EXPEDITEUR & L OBJET L expéditeur et l objet sont les 2 facteurs qui conditionnent l ouverture de l . Ils sont d autant plus importants sur mobiles car ces derniers n offrent pas la possibilité de pré visualiser la partie Texte de votre message. Expéditeur Clair et court, pour que le mobinaute vous reconnaisse immédiatement Objet Tout doit être dit dans les 25 premières lettres Créez un objet attractif et pertinent. Le mobile est un outil très personnel alors n hésitez pas à personnaliser le contenu dès l objet Cabestan Atelier Mobile: Inscrivez-vous Marc Dupont RE: Melli Pillou Commande validée Quentin Masse Marion, Quentin M.. Brand up Mise à jour de vos 10:30 9:50 10/09/ /09/ /09/2012 Virgnie Lesage RE: 10/09/2012 CAISSE FEDERALE DE CRED. Avis d ordre virem. 10/09/2012 6

7 1 2 3 DEDICATED MARKETING SOLUTIONS CONTENU Privilégiez un code HTML «simple». Le rédactionnel doit être concis et efficace : il vous faut captiver le lecteur par la pertinence du contenu. Privilégiez l interaction avec le client : soyez attentif aux call to action. Soignez la mise en page Limitez votre message à une colonne pour présenter votre contenu Pas de tableau imbriqué Une couleur d arrière-plan (et non une image qui risque d être trop lourde à charger) Un poids réduit au maximum (en dessous de 20Kb si possible) afin d accélérer l affichage de l ensemble du contenu. Privilégiez le ration 80% Texte / 20% Images Augmentez la police Utilisez des majuscules dans vos titres afin de les distinguer du reste de votre contenu Favorisez la lisibilité : augmentez le contraste et la taille des caractères : Corps de texte: 14px Titre: 22px Un design clair & simple Simplifiez l en-tête de votre message Evitez la barre de navigation < Atelier mobilité: Inscrivez-vous > INVITATION ATELIER THEMATIQUE ATELIER THÉMATIQUE DU JEUDI 27 SEPTEMBRE, À 9H00 : L'AUDIENCE MOBILE Inscription gratuite, nombre de places limité Lieu : Centre de conférences Edouard VII - 23 square Edouard VII PARIS Métro : Madeleine, Opéra, Auber, Haussmann-St Lazare Parking : Vinci Edouard VII > Plan d accès Utilisez des images Renoncez aux s tout en images car la plupart des OS bloquent d office leur chargement Remplissez les balises ALT pour nommer les images, la plupart des mobiles n affichent pas les images par défaut Exploitez les call to action Réduisez le nombre de call to action Augmentez la taille de la police des liens de navigation Intégrez des boutons «call to action» suffisamment larges autour des px pour faciliter leurs utilisations Laissez assez d espace entre les liens ou boutons pour éviter de les utiliser par erreur Mises en garde Limitez les animations Flash qui ne sont pas ou difficilement lisibles par les systèmes d exploitation Si vous utilisez l vidéo, tenez compte des restrictions de débit 7

8 ADAPTEZ VOS FORMULAIRES & PAGES WEB La spécification CSS3 Media Queries du W3C définit les techniques pour l'application de feuilles de styles en fonction des supports de consultation utilisés pour des pages HTML. On nomme également cette pratique Responsive Web Design, pour dénoter qu'il s'agit d'adapter dynamiquement le design à l'aide de CSS. Lire: Critères device-height : dimension en hauteur du périphérique device-width : dimension en largeur du périphérique height : dimension en hauteur de la zone d'affichage orientation : orientation du périphérique (portait ou paysage) width : dimension en largeur de la zone d'affichage 8

9 TESTEZ LE RENDU Testez en amont de vos envois s, le rendu de votre message sur les principaux terminaux mobiles. COUVERTURE FONCTIONNELLE Analyse des filtres anti-spam Test des messages sur les supports smartphones et tablettes Test de rendu sur mobiles et tablettes 9

10 MESUREZ L AUDIENCE MOBILE Mesurez la réactivité sur mobile de vos campagnes marketing. COUVERTURE FONCTIONNELLE Indicateurs clés par campagne et par segment Ventilation des supports de lecture par campagne 10

11 BONNES PRATIQUES D UN MOBILE Designed by DAVYTOPIOL