Polices de caractères, Böxli et Printtagging
Les concepteurs de sites web et les graphistes travaillent dans des univers différents. Pourtant, ils auraient beaucoup à apprendre les uns des autres. Tribune libre d'Oliver Reichenstein, architecte de l'information à Tokyo.
Sur Internet, les petites polices de caractères sont assez populaires. C'est étonnant, car les pages web sont censées être lues. C'est encore plus surprenant quand on sait que la taille de police imposée par le navigateur web (16 pixels) serait en soi merveilleusement lisible. Elle paraît grande lorsqu'on la tient à côté d'un texte imprimé. Mais si l'on compare les tailles de police en perspective, le texte web correspond à l'écriture imprimée à la distance de lecture.
La raison pour laquelle les webdesigners utilisent des petites polices est à la fois historique et technique : les polices d'écran ont été développées à une époque où les écrans étaient beaucoup plus petits qu'aujourd'hui. On a donc développé des polices de petite taille en conséquence. De plus, la résolution de l'écran est inférieure à celle du papier.
Le rôle du designer : résoudre les problèmes
Cela laisse très peu de marge de manœuvre, à moins de réduire la taille de la police de lecture. Plus la police est petite, plus la tâche du designer est facile, plus la page est jolie. Mais le travail du designer est de résoudre des problèmes et non de gagner des prix de beauté.
Même avec les Böxli, les designers se rendent souvent la tâche trop facile. Si l'on compare un site web moyen avec une page imprimée professionnelle, on constate que : Les webdesigners utilisent beaucoup plus de cadres et de Böxli que les designers d'impression.
La BBC.com en est un exemple. Tout y est, l'accroche, la météo et chaque teaser, dans un seul boxli. C'est fatigant pour l'œil de sauter d'un Böxli à l'autre. Le fait que les Böxli aient des coins arrondis Web 2.0 n'améliore pas les choses.
Ce que les webdesigners peuvent apprendre des graphistes
Il suffit de lire la règle typographique très évidente - même pour un non designer - concernant les lignes pour se rendre compte que le bombage est une aussi mauvaise habitude que les petits caractères :
1. rapprochez visuellement les éléments dont le contenu est lié.
2. placez dans l'espace les éléments qui ne vont pas ensemble
3. les choses qui ne vont pas ensemble mais qui doivent être rapprochées pour des raisons de place sont séparées par des lignes afin de pouvoir les distinguer.
En d'autres termes, on n'utilise des lignes que lorsqu'il n'y a pas assez d'espace blanc. L'espace blanc n'est pas une question de goût, mais un élément d'ordre. Si l'on trace des lignes non seulement à gauche et à droite, mais aussi en haut et en bas, et que l'on relie ces lignes, si l'on fait donc une boîte, cela signifie que ce qui se trouve dans la boîte est vraiment différent de ce qui se passe autour de la boîte. Les sites web qui utilisent encore et toujours Böxli communiquent : Il y a ici beaucoup de choses qui ne vont pas ensemble. En d'autres termes, ce site est un bordel.
Pourquoi utilise-t-on les Böxli de manière aussi excessive ? Les Böxli sont utilisés parce qu'il est plus facile de mettre un cadre autour de tout que de réfléchir à une structure claire. Ils sont donc souvent l'indice d'un design d'information "bouffant".
Ce que les graphistes peuvent apprendre des webdesigners
Les exemples de Böxli et de petite police montrent bien comment les webdesigners peuvent apprendre des graphistes. Je pense que les graphistes devraient également apprendre des webdesigners. Car ce qui est encore plus étonnant que les petites polices et les Böxli, c'est l'architecture souvent impénétrable de l'information et les déserts de plomb peu amènes que nous proposent encore les journaux et les magazines actuels.
La solution au problème : mettre les mots-clés en couleur. Un texte avec des mots-clés colorés peut être scanné par le lecteur en cinq secondes. Ce n'est peut-être pas très joli, mais la vraie beauté du texte n'est pas esthétique, elle réside dans sa lisibilité. Si tous les textes de ce magazine étaient parsemés de mots-clés, il serait possible de scanner chaque article et de vérifier rapidement s'il y a quelque chose d'intéressant.
est écrit.
En outre, on saurait alors quels sont les mots-clés à rechercher pour retrouver le texte en ligne et le commenter. Car les mots-clés ont un équivalent simple en ligne : Le webdesigner appelle cela le tagging. Les rédacteurs aussi se réjouiraient des tags imprimés, car les mots-clés de couleur contrastée, à côté du titre, du chapeau, du chapeau principal et des intertitres, sont des crochets pointus pour attirer le lecteur dans le texte. N'est-ce pas ?
La raison pour laquelle les webdesigners utilisent des petites polices est à la fois historique et technique : les polices d'écran ont été développées à une époque où les écrans étaient beaucoup plus petits qu'aujourd'hui. On a donc développé des polices de petite taille en conséquence. De plus, la résolution de l'écran est inférieure à celle du papier.
Le rôle du designer : résoudre les problèmes
Cela laisse très peu de marge de manœuvre, à moins de réduire la taille de la police de lecture. Plus la police est petite, plus la tâche du designer est facile, plus la page est jolie. Mais le travail du designer est de résoudre des problèmes et non de gagner des prix de beauté.
Même avec les Böxli, les designers se rendent souvent la tâche trop facile. Si l'on compare un site web moyen avec une page imprimée professionnelle, on constate que : Les webdesigners utilisent beaucoup plus de cadres et de Böxli que les designers d'impression.
La BBC.com en est un exemple. Tout y est, l'accroche, la météo et chaque teaser, dans un seul boxli. C'est fatigant pour l'œil de sauter d'un Böxli à l'autre. Le fait que les Böxli aient des coins arrondis Web 2.0 n'améliore pas les choses.
Ce que les webdesigners peuvent apprendre des graphistes
Il suffit de lire la règle typographique très évidente - même pour un non designer - concernant les lignes pour se rendre compte que le bombage est une aussi mauvaise habitude que les petits caractères :
1. rapprochez visuellement les éléments dont le contenu est lié.
2. placez dans l'espace les éléments qui ne vont pas ensemble
3. les choses qui ne vont pas ensemble mais qui doivent être rapprochées pour des raisons de place sont séparées par des lignes afin de pouvoir les distinguer.
En d'autres termes, on n'utilise des lignes que lorsqu'il n'y a pas assez d'espace blanc. L'espace blanc n'est pas une question de goût, mais un élément d'ordre. Si l'on trace des lignes non seulement à gauche et à droite, mais aussi en haut et en bas, et que l'on relie ces lignes, si l'on fait donc une boîte, cela signifie que ce qui se trouve dans la boîte est vraiment différent de ce qui se passe autour de la boîte. Les sites web qui utilisent encore et toujours Böxli communiquent : Il y a ici beaucoup de choses qui ne vont pas ensemble. En d'autres termes, ce site est un bordel.
Pourquoi utilise-t-on les Böxli de manière aussi excessive ? Les Böxli sont utilisés parce qu'il est plus facile de mettre un cadre autour de tout que de réfléchir à une structure claire. Ils sont donc souvent l'indice d'un design d'information "bouffant".
Ce que les graphistes peuvent apprendre des webdesigners
Les exemples de Böxli et de petite police montrent bien comment les webdesigners peuvent apprendre des graphistes. Je pense que les graphistes devraient également apprendre des webdesigners. Car ce qui est encore plus étonnant que les petites polices et les Böxli, c'est l'architecture souvent impénétrable de l'information et les déserts de plomb peu amènes que nous proposent encore les journaux et les magazines actuels.
La solution au problème : mettre les mots-clés en couleur. Un texte avec des mots-clés colorés peut être scanné par le lecteur en cinq secondes. Ce n'est peut-être pas très joli, mais la vraie beauté du texte n'est pas esthétique, elle réside dans sa lisibilité. Si tous les textes de ce magazine étaient parsemés de mots-clés, il serait possible de scanner chaque article et de vérifier rapidement s'il y a quelque chose d'intéressant.
est écrit.
En outre, on saurait alors quels sont les mots-clés à rechercher pour retrouver le texte en ligne et le commenter. Car les mots-clés ont un équivalent simple en ligne : Le webdesigner appelle cela le tagging. Les rédacteurs aussi se réjouiraient des tags imprimés, car les mots-clés de couleur contrastée, à côté du titre, du chapeau, du chapeau principal et des intertitres, sont des crochets pointus pour attirer le lecteur dans le texte. N'est-ce pas ?
