Surlignage

Restons simples

Sur son blog 456 Berea Street, Roger Johansson revient sur le problème des styles appliqués aux éléments de formulaires. Ainsi que le démontrent les expériences qu’il a menées, obtenir un aspect identique des contrôles (boutons, cases à cocher, champs de saisie, etc.) sur différents navigateurs et systèmes d’exploitation est tout à fait impossible. Eric Meyer, qui a mis au point une feuille de style supprimant les attributs propres à chaque navigateur, s’est d’ailleurs bien gardé de toucher à l’aspect des contrôles. Il n’utilise pas la règle universelle *{margin:0; padding:0}, car elle produit des résultats désastreux sur ceux-ci.

J’ajouterais que, du point de vue ergonomique, modifier l’aspect des éléments de formulaire est une erreur. Certes, ils ne sont pas toujours très esthétiques et la tentation est grande d’en adapter l’apparence au décor de la page. Mais une règle fondamentale de l’ergonomie veut que l’on présente aux utilisateurs les éléments d’interface sous l’aspect qui leur est le plus familier. Ce n’est plus le cas si chaque concepteur s’amuse à redéfinir le style des contrôles (avec le succès mitigé que l’on sait).

Il me semble plus raisonnable de laisser le navigateur gérer lui-même leur aspect et de se contenter de les mettre en page proprement. Comme souvent, la solution la plus simple est la plus pertinente. Il ne faut pas oublier qu’une page web n’est pas du print et — n’en déplaise aux purs graphistes et agences de communication — qu’il est illusoire, et parfois même non souhaitable, de vouloir en gérer précisément tous ses aspects.

Mis en ligne le 25/05/2007 | Poster un commentaire

4 commentaires sur Restons simples :

Waow, 456 Berea a pondu un article de dingues !

“Il me semble plus raisonnable de laisser le navigateur gérer lui-même leur aspect”
Le problème c’est justement que chacun veut se démarquer et proposer quelque chose d’originale. On la vu avec les ascenseurs des pages web (ça s’est drôlement calmé). Aussi, on a tendance à personnaliser les éléments pour qu’ils rentrent dans le design général puisque les couleurs par défaut ne sont pas très joyeuses.

Personnellement, je crois qu’il est possible de personnaliser ses boutons avec une marge raisonnable sur les différentes palteformes et être aussi efficace en terme d’ergonomie.

Posté par katsoura le 12/07/2007 à 13h23

C’est vrai, il m’arrive aussi de modifier le style des boutons, pour faire «plus joli». Cela dépend du site et du public qu’il vise. Pour un site s’adressant à une large audience (par exemple un service public), j’ai tendance à utiliser les boutons standards, sans aucune fantaisie.

Les contrôles par défaut ne sont pas toujours très beaux, mais ils ont un aspect familier, que l’on retrouve partout sur l’ordinateur que l’on utilise pour accéder au web.

Posté par Thierry le 12/07/2007 à 13h47

Tiens, 456 Berea a fait une mise à jour de son article avec la même conclusion: on ne peut pas maîtriser le rendu des styles sur toutes les plateformes avec parfois des problèmes de lisibilité. C’est fou les différences qu’il peut y avoir entre les navigateurs.

Posté par katsoura le 15/07/2007 à 10h03

Katsoura > Oui, j’ai également vu cette mise à jour et les conclusions qu’il en tire.

Posté par Thierry le 16/07/2007 à 18h20

Poster un commentaire :

Restons simples

4 commentaires sur Restons simples :

Poster un commentaire :

Articles récents :

Derniers commentaires :

Archives :

Rubriques :

Abonnement (syndication) :

Je soutiens :