Physical Graffiti : blog d’un webdesigner curieux

Cette article est le début d’une série que je vais consacrer à la conception de Newsletter.
S’il est devenu indispensable à une démarche marketing professionnelle l’emailing est un piège pour tout webdesigner / développeur. Aux problèmes de design, viennent s’ajouter ceux de portabilité entre les webmails et les différents outils de messagerie, de déliverabilité, des filtres anti spam, etc.
Autant d’écueils inimaginables avant que votre fameux mail arrive en boite, et ne soit lu.

Vous avez designé une superbe newsletter, avec des belles images et un message attractif, mais comment faire pour que votre email ne soit considéré comme spam ?
Arkantos Consulting en partenariat avec Cibleweb nous livre les conclusions d’une étude sur 25 millions d’adresses mails. Voici donc le résultat de cette étude, afin que votre email puisse atteindre le destinataire ciblé sans être jetée automatiquement aux oubliettes. En revanche, nous n’aborderons pas ici les considérations liées aux différences d’affichage entre les nombreux clients de messagerie.

Les erreurs à ne pas commettre :

Lire la suite…

M’intéressant depuis un petit moment sur les outils disponibles pour une mise en page optimale d’un site, je suis tombé sur pléthore de sites proposant chacun son outil et sa méthodologie. Pour y voir plus clair, je vais essayer de synthétiser mes trouvailles.

D’abord, un Framework kézako ? On peut être le définir comme un cadre de travail, intégrant une structure ou squelette, que vous utilisez pour démarrer vos projets de sites. Par exemple, au lieu de définir une remise à zéro globale, à chaque fois que vous commencez un nouveau projet, vous pouvez (devez, dans un souci d’efficacité) mettre en place des styles par défaut (neutres) qui seront modifiés au fur et à mesure de l’avancement du projet. C’est-à-dire :
- des CSS déjà remplies avec vos besoins en attributs bloc, texte, titre, etc.
- des pages vides appelant les CSS, JS et autres
- des pages appelant les divers formulaires
- des gabarits pour la mise en forme de catalogue produits
- etc.
C’est ce que nous appelons un environnement (gabarit) de travail CSS.
Vous ne voyez pas bien l’intérêt d’un Framework de ce style, et bien détrompez-vous.

La mise en place optimisée d’éléments ne date pas d’hier, dans le monde du Print, les graphistes s’aident de grilles pour caler les éléments et harmoniser la disposition des blocs, tout en facilitant la lecture. Car le rythme de lecture est lui aussi très important, comme l’explique très bien David Larlet sur Biologeek :

Si je le rapproche ici du rythme vertical c’est qu’il procure exactement la même sensation d’harmonie et de stabilité à un site, on peut passer ainsi d’un design amateur à quelque chose de plus professionnel, le rythme vertical peut même parfois se suffire à lui-même.
Mais de quoi parle-t-on concrètement ?
C’est une notion ancienne qui vient de l’imprimerie et qui prend en compte l’alignement et l’esthétique typographique en dosant judicieusement la taille des lignes (font-size) et des interlignes (line-height) mais aussi des marges (margin et padding) afin d’obtenir un résultat agréable et régulier. On parle de rythme car c’est vraiment ce qui va donner sa dynamique à la page et retirer toute notion de cacophonie de tailles de polices et de marges inadéquates.
source : www.biologeek.com

Lire la suite…