Plutôt que de vous prédire de quoi sera fait 2012, je vais vous présenter mes objectifs personnels pour 2012, ceux sur lesquels j’aimerais mettre l’accent.

Cette checklist a été développée [...]]]> Les usages changent en matière d’utilisation des technologies mobiles. C’est pourquoi il devient urgent de s’adapter pour ne pas laisser le train passer. Cet article présente 19 points auxquels il faut porter une attention particulière afin de pouvoir être lu dans les meilleures conditions sur les smartphones et autres tablettes.

Cette checklist a été développée à la base pour les clients de WDM Belgium et de Yento!

Ce sont des considérations principalement techniques, mais il est évident que d’un point de vue marketing il y a aussi des adaptations à effectuer.

Le sujet et le preheader

1. Assurez-vous que le but principal de votre email soit clair en lisant uniquement le 25 premières lettres du sujet de votre email.

2. Il n’y a pas de problème à avoir un long sujet, mais il faut organiser le contenu par importance.

3. Il est important d’avoir un appel à l’action lié à votre page d’atterrissage directement dans le preheader. Voir l’exemple ci-dessous :

4. N’oubliez pas non plus la phrase classique de tout preheader : Cet email ne s’affiche pas ? Cliquez-ici (ou quelque chose du même style)

La version texte

5. Une version texte est indispensable ! Les anciens clients email mobiles ne comprennent pas l’html.

6. Essayez de réutiliser le contenu de la version html.

7. Coupez les lignes après 30 caractères.

Conseils de design

8. Pensez écran tactile ! Utilisez de larges boutons (44px x 44px est la taille minimum pour un bouton tactile)

9. Utilisez des couleurs d’arrière plan pour identifier les différentes sections au lieu de séparateurs sous forme d’images.

10. Assurez-vous que votre email soit lisible sans les images affichées.

11. Essayez de créer des designs sur une seule colonne. Si ce n’est pas possible, essayez de placer la colonne principale sur la gauche et la colonne secondaire sur la droite.

Le code html

12. N’utilisez pas de tables imbriquées.

13. Utilisez la balise css @media pour adapter votre design sur les terminaux nomades. Exemple :

@media only screen and (max-device-width: 480px) {
.hideinmobile { display: none !important; }
.table, .cell, .headerimg { width: 300px !important; }
}

En utilisant @media, vous pouvez modifier les largeurs, changer les marges, cacher du contenu et bien plus encore.

14. Ajoutez une classe à tous les éléments que vous désirez adapter (tableaux, cellules, images, …)

15. Désactivez le redimensionnement automatique des polices de webkit en utilisant « -webkit-text-size-adjust:none; »

16. N’oubliez pas les balises alt !

17. Cachez les contenus secondaires sur la version mobile (en utilisant une classe spécifique)

18. Tentez de réduire le poids de votre matériel à 20 ko maximum

Autre remarque

19. N’oubliez pas d’adapter votre page d’atterissage.

Ressources

Generalités

• http://www.lyris.com/resources/email-marketing/articles/mobile-email-marketing-tips
• http://www.aweber.com/blog/email-marketing/mobile-email-design-tips.htm
• 10 frequent misfires when designing emails for touch: http://stylecampaign.com/blog/?p=113

Sujet et preheader

• http://www.email-marketing-reports.com/iland/2010/05/are-you-insulting-readers-subject-line-lessons-from-gmail-yahoo-and-hotmail.html
• http://emailresourcecenter.net/blog/2011/05/04/better-preheaders-six-ideas-to-consider/

HTML

• http://blog.getresponse.com/how-to-create-mobile-newsletters.html
• http://www.campaignmonitor.com/blog/post/3442/mobile-email-design-in-practice/
• http://www.campaignmonitor.com/blog/post/3163/optimizing-your-emails-for-mobile-devices-with-media/

Voici donc la première livraison :

Estimation des parts de marchés … routage en France http://bit.ly/gW13gz by @SabriMahjoub [...]]]> Vu que je trouve difficilement le temps de publier cette rubrique, j’ai décidé de la déporter sur Twitter avec le hashtag #envracemm et de republier ces tweets régulièrement sur ce blog.

Voici donc la première livraison :

Estimation des parts de marchés … routage en France http://bit.ly/gW13gz by @SabriMahjoub – #envracemm #emailmarketing

Enquête : point sur les pratiques e-mailing du secteur public http://bit.ly/ejzYoP via Dolist @dolist_net – #envracemm #emailmarketing

Disastrous Mistakes can have wonderous consequences by @JamesKBunting – http://bit.ly/dRyxP0 – #envracemm #emailmarketing

10 Key Considerations for Email, Mobile, & Social http://bit.ly/gYVY4C by @emailyogi #envracemm #emailmarketing

Facebook Postmaster page – http://bit.ly/i5Kiy9 – via @wise_laura – #envracemm #emailmarketing

Après le rachat de NutshellMail par Constant Contact ou plus proche de nous de Directinet par Bisnode/WDM France et d’autres encore. On peut [...]]]> Avec le rachat de Conversa Marketing et de Magnetik, StrongMail créée une toute nouvelle agence spécialisé dans l’emailing et le CRM. Cette nouvelle agence s’appelle ThreadMarketing.

Après le rachat de NutshellMail par Constant Contact ou plus proche de nous de Directinet par Bisnode/WDM France et d’autres encore. On peut voir que les secteur du digital direct marketing est plus que jamais en plein mouvement.

Le fait qu’un grand spécialiste de l’email marketing comme StrongMail fonde une agence spécialisé prouve que nous sommes plus que jamais à l’heure du marketing multi-canal. Les sociétés spécialistes en marketing direct qui survivront seront celles qui seront capables de maîtriser l’email, les réseaux sociaux, le monde mobile, l’analytics, la géolocalisation et le CRM. Et tout cela en maîtrisant aussi la création.

Cliquez-ici pour lire le communiqué de presse de StrongMail

Depuis peu, ce guide CSS a été mis à jour pour intégrer des clients emails mobiles. Voici la liste de nouveaux clients e-mail pris en compte :