Blog, marketing et prise de tête

Le 17 Jul 2006 à 18h18 | Catégorie : Publié sous | 3 commentaires

Entre deux bouclages de projets, une séance de photos avec un modèle plus que charmant et une reprise intensive de mon entraînement à DDR, je voulais profiter du week-end pour refaire le visuel de quatre sites dont je m’occupe et qui méritent clairement un petit rafraîchissement.

Pour les trois premiers, il s’agissait principalement de changer la palette de couleurs pour la rendre plus contemporaine, de faire preuve d’un peu de logique afin d’améliorer l’ergonomie des pages, et d’effectuer quelques petites modifications pour rendre le site accessible, ne serait-ce que changer la notion de “px” héritée du précédent webmaster en “em”, rien de bien sorcier là dedans.
En ce qui concerne les couleur, je m’aide de sites comme Colour Lovers ou Colr, qui m’aident à générer une palette soit à partir d’une couleur de départ, soit à partir d’une image. Mon sens artistique étant ce qu’il est, je ne saurais me passer de cette aide extérieure il est vrai bien pratique.
La partie ergonomique relève surtout d’un exercice pas toujours évident du bon sens, couplé à une application bête et méchante des cours, et ça marche plutôt bien généralement. Quand au passage de la CSS des “px” en “em”, je commence par mettre la taille de la font du body à 62.5% dans ma feuille de style CSS, ce qui me permet de fixer la taille de la police par défaut à 10px. On a donc 1em = 10px.

Là où les choses ont commencé à se corser, c’est quand j’ai voulu retravailler ce site ; je me suis retrouvé face à un problème que je n’avais jamais rencontré auparavant : ce blog souhaitant refléter ce que je suis professionnellement, comment traduire dans sa présentation la première impression que je souhaite donner à mes visiteurs. Une fois les couleurs choisies – pas vraiment une mince affaire de trouver une couleur dominante assortie à mes nuances de gris – il m’a fallu trouver une image en guise de bannière. Et là, c’est le drame, comme on dit par chez nous : je reste bloqué depuis trois jours à me demander quel type d’image représentera le mieux ce que je suis.

Commenter »

  1. em -> px 3 days later:

    1em = 10px ?

    Mais c’est afreusement petit ça … ça sera difficilement lisible pour pas mal de monde. Si j’ai mon navigateur avec une taille par défaut à 16px ce n’est pas pour rien.

    Déjà considérer qu’on peut traduire des em en px du point de vue du webmaster c’est tuer tout l’intérêt des em (qui sont justement proportionnel à un défaut du visiteur, donc sans aucune conversion “objective et globale” possible).

    Ensuite les réduire autant par défaut c’est encore pire, c’est dire “bon, tu veux 16px ? alors je vais t’en donner la moitié”. Imagines que ton vendeur de voiture te demande une couleur pour après t’en donner une tout à fait différente, autant qu’il ne te demande pas.

    Si c’est pour traduire en pixel et chercher des tailles qui ne cherchent pas à respecter les choix de l’utilisateur, autant utiliser directement les pixels : c’est fait pour ça.

  2. michel v 3 days later:

    Ce serait si bien si les doctes professeurs de la doctrine “1 em c’est ma taille par défaut !” montraient de temps à autre des sites de-la-vraie-vie qui utilisent ce principe sans rencontrer de problème selon la taille par défaut dans MSIE.

    Ce serait si bien.

  3. Frederic de Villamil 3 days later:

    Oh, j’avais oublié quelque chose.

    Ta comparaison avec la voiture est fausse. Il ne s’agit pas de la couleur mais de l’allonge du siège au moment de la livraison. Par défaut tu as l’habitude d’être reculé à fond, mais quelqu’un de plus petit que toi a du prendre le volant pour la garer, et l’a donc avancé. Mais rien ne t’empêche de le reculer à nouveau une fois au volant, sauf si le gars en question a bloqué la tirette de réglage.

    Et c’est ce qui se passe quand tu utilises des px avec IE.

Laisser un commentaire

Merci de vous exprimer dans un français correct. Les commentaires déplacés, injurieux et le spam seront supprimés.

Les trackbacks sont fermés pour cause de spam.