Simuler le daltonisme en conception d'interfaces

Mine de rien, près de 10 % de la population masculine est atteinte de daltonisme. Avec une telle représentation, difficile de faire l'impasse lorsque l'on conçoit des interfaces. Jusqu'ici, j'utilisais une technique assez approximative consistant à passer la maquette en noir et blanc (simulant l'achromatopsie).

Mais un collègue vient de me conseiller un outil beaucoup plus rigoureux. Avec Color Oracle il est carrément possible de simuler les trois types de dyschromatopsie (le nom scientifique du daltonisme).
Le logiciel écrit en java est multi-plateforme et ne nécessite pas d'installation. D'un clic, vous choisissez le type de daltonisme (deutéranopie, protanopie, ou tritanopie) et hop, tout l'écran change de couleurs.

Via: Color Oracle

March 2nd, 2010 / 0 Commentaires / Tags: Webdesign, Utilisabilité, Liens / Trackback

Le dessin vectoriel nouvelle génération

Illustrator ou Fireworks sont incontournables, mais ils sont vieux, lourds et bogués. Adobe prend le même chemin avec sa suite que Microsoft avec Office. Leur unique but : ajouter des fonctionnalités pour vendre des mises à jour.
Heureusement, sur Mac en tout cas (je ne sais pas pour Windows), des développeurs indépendants se jettent dans la bataille avec un regard neuf sur le dessin vectoriel. L'un d'eux est Bohemian Coding avec son logiciel DrawIt. C'est difficile à décrire comme ça, mais le voir en action a été une vraie claque pour moi. J'ai trouvé sur Youtube une video à intégrer ici, mais je vous conseille d'aller voir directement sur leur site.



Le logiciel est encore un peu jeune et manque par exemple d'outils pour mieux gérer le texte. Impossible pour le moment de gérer les hauteurs de lignes. Du coup, il ne remplace pas encore Fireworks pour moi, mais je l'attends au tournant. Et j'ai cru comprendre qu'ils préparaient un concurrent à Illustrator du nom de Sketch dont on peut télécharger une bêta (malheureusement assez ancienne).

Via: Bohemian Coding

February 25th, 2010 / 0 Commentaires / Tags: Logiciels, Liens, Webdesign, Mac / Trackback

Les sélecteurs CSS3 au coin du bois

Alors que toute l'attention se porte actuellement sur le HTML5 et sa balise vidéo, on en oublierait presque que l'autre standard du web avance aussi. En même temps, les CSS3 sont en développement depuis 1998. On n'en finit tellement plus de les attendre que les navigateurs modernes (entendez, tout le monde sauf IE) ont déjà commencé à les implémenter alors que les spécifications n'ont pas encore atteint le statut de recommandation !

Son développement est tellement freiné par la bureaucratie que Daniel Glazman (le co-ceo du CSS Working Group) nous enjoignait lors d'une conférence à l'utiliser, forçant ainsi la main du WG...

Mais il y a à peine deux mois, l'impossible s'est enfin produit : les sélecteurs de niveau 3 sont devenus le premier module CSS3 à atteindre le stade de recommandation. Vous pouvez dors et déjà pointer votre navigateur sur cette page pour vérifier lesquels il supporte.

Via: Les sélecteurs CSS3

February 19th, 2010 / 0 Commentaires / Tags: CSS, Liens, Webdesign / Trackback

Attention à vos choix d'illustrations

Ce matin j'ai été sollicité pour répondre à un sondage de FIA-NET pour évaluer un webmarchant. Le sondage est court, je sais qu'il ne me prendra pas longtemps, je répond. Et là, tout en cochant, je vois cette illustration assez surprenante :



Et un certain nombre de questions m'assaillent :

• Mais qui sont ces gens ?
• Quel est le rapport avec moi ?
• Et pourquoi tiennent-ils leur carte bleue en l'air comme ça ?
• Suis-je en train de répondre à un formulaire de convention obsèques ?

En allant sur leur site web, je découvre qu'ils ont toute la panoplie des photos d'américains. On sent la volonté farouche de représenter tout le monde. Il y a les vieux, les noirs, et un trentenaire tout seul qui doit représenter la communauté gay. Ils sont tous beaux et brandissent fièrement leur carte bleue et leur sourire forcé.

Tout cela est tellement artificiel, tellement étranger à ma réalité qu'il m'est absolument impossible de m'identifier à ces chimères. Du coup, au lieu de me rassurer, cette illustration n'a fait qu'évoquer en moi des questions, et le sentiment de ne pas être au bon endroit. October 13th, 2009 / 0 Commentaires / Tags: Webdesign / Trackback

Activer @font-face dans Chrome

Malgré un moteur de rendu (webkit) tout à fait capable de gérer les polices externes, le navigateur de Google ne supporte pas la règle @font-face par défaut (pour des raisons de sécurité). Si comme moi vous souhaitez les réactiver malgré tout, c'est tout à fait possible en ajoutant un argument au raccourcis de l'application :
--enable-remote-fonts October 5th, 2009 / 0 Commentaires / Tags: Navigateurs, Webdesign / Trackback