Le webdesign, c’est 95% de typographie ? oui… et non !

Suite à un premier article du site Information Architects Japan, dont le titre plutôt direct est « Web Design is 95% Typography« , un débat c’est instauré sur la blogosphère. Un tel titre est, c’est vrai, choquant pour un webdesigner qui serait réduit à un simple agenceur de textes et de mots ! D’ailleurs, au vu de l’avalanche de réactions, les auteurs d’IA ont rédigé un second article, pour nuancer mais aussi insister.

Alors un petit état des lieux s’imposait, avec les partisans, les contres… et les autres ! Le début de l’article met les choses au clair de suite :

95% of the information on the web is written language. It is only logical to say that a web designer should get good training in the main discipline of shaping written information, in other words: Typography.

Pour résumer, le reste du billet essaie de démontrer que l’optimisation typographique est partout et obligatoire pour améliorer la lisibilité, l’accessibilité, la facilité d’utilisation, tous en respectant un équilibre graphique. Ensuite, il démonte un par un les arguments « anti-typographie » des webdesigners, comme le fait qu’il y ait trop peu de polices utilisables sur un site, des résolutions trop faibles, que choisir une police de caractères n’est pas la typographie… Il insiste également sur le fait qu’il faut traiter le texte comme une interface utilisateur, à l’instar de : google, ebay, youtube, flickr, Digg, delicious !

Dans l’article « réponse aux détracteurs », le site répond aux principales remarques de bloggeurs, mais les Gourous du web en prennent pour leur grade.

Where usability gurus usually fail

1. The text lines (measure) are too long
2. 100% scalable is not a reader friendly solution: Don’t make me think, ok, but don’t make me resize my window either
3. Lack of whitespace
4. Lack of active whitespace
5. Linespacing is too narrow
6. The text blocks are not well aligned
7. Too many font sizes
8. Pictures are badly placed and disrupt the reading ease

et les diplômés du Webdesign aussi :

Common art school graduate’s mistakes are

1. Text-background color contrast
2. Lazy handling of titles and subtitles
3. Text sizes
4. Text blocks that are not split up into enough small, scannable, digestible parts
5. Indiscernible links. Visited and non visited links are not discerned
6. Text is not treated as an interface but as decoration
7. It’s not clear if the text is a navigational element, a link or plain text
8. Fancy navigations marking the center of attention (content is the center of attention, content deserves the most love from the designer)

Et la tendance graphique du Web 2.0 aussi…

L’article se poursuit, et il aurait pu durer sur de nombreux écrans, heureusement il se termine sur un lien vers un adepte de leur discours, George Everet. Il cautionne l’idée que le texte est plus important que l’image, à l’opposé du discours traditionnel de la publicité ou des magazines (journaux) de reportages. A lire…

Type is only 90% of web design. The rest is using images and color theory. I haven’t ignored graphic design, something several of the critics of the article mention. Graphic design is typography, derives from typography, and can’t exist without typography. If a designer is good at using type they can design.

En France, sur le site Barbablog, l’auteur est moins convaincu (un peu comme moi). Il revient (en lien avec un article de The online journalism review) sur l’utilisation des images, surtout celles qui illustrent les textes ou les mettent en page.

The OJR préconise de remplacer ces images inutiles par des images en rapport avec le contenu, voire par un espace vide (et l’espace vide, c’est vraiment un élément de design).

Il répète des notions hyper-connues, mais qu’il convient de redonner :

- un texte struturé à l’aide de titres et de puces se lit et se retient mieux qu’un pavé non structuré;
- sur le web on scanne plus qu’on ne lit, il faut donc adapter son design à ce genre de comportement;
- en terme de navigation la simplicité paie;

A voir, enfin, le blog Design et Typo fort intéressant.

Pour ma part, le Webdesign ne se résume pas à la typographie, mais elle est omniprésente, dans la conception d’interface, de visuel, de mise en page. Pour autant, l’optimisation des images, leur choix, les agencements de couleurs ne sont pas à reléguer au placard pour autant.

Articles similaires:

---

• Référencer un blog, c’est différent d’un site ?,
• 7 + 10 + 5 = 22 principes essentiels de conception web,
• Vectorisation de monstres… un tuto sympa,
• Une caverne d’Alibaba de menus CSS,
• Les 6 étapes du design stratégique,