gwix.net - Dynamic font resize

gwix.net
stratégie web & expérience utilisateur

Tailles des fenêtre utilisateurs vs résolution d'écran

04 août 2005 - 12:05 # Web UI control
Dynamic font resize

Voici une fonctionnalité qui est assez rarement disponible sur les sites car il faut avouer qu'à défaut d'être très compliquée à développer, est assez contraignante au niveau design.

C'est Herald Tribune qui a été un des premiers sites à proposer la fonctionnalités il y a de cela quelques années.Ils proposent déjà la deuxième version de la fonctionnalité qui s'est légèrement assagie;

Les principaux bénéfices apportés par cette fonctionnalité sont:

permettre un confort de lecture adapté à ce que l'utilisateur désire
permettre de changer les tailles de polices malgré qu'elles soient bloquées dans la CS
augmenter l'accessibilité pour des personnes qui ont des problèmes de vue

Cette fonctionnalité est surtout d'application sur tout les sites à contenu éditorial important et en particulier dans le secteur de la presse en ligne. En étendant le domaine, c'est une fonctionnalité très intéressantes pour les blogs en général et d'ailleurs, certains thèmes wordpress proposent déjà la fonctionnalité.

Malgré qu'elle soit intéressante pour ce type d'application, elle est très rarement proposée. A mon avis elle est peu proposée car :

C'est contraignant pour les designers et en général ils n'aiment pas qu'on puisse manipuler le rendu d'une page
C'est basé sur des scripts client side qui posent tôt ou tard des problèmes de compatibilité browser
ca donne une impression de redondance avec les contrôles dans les menu du navigateur donc "pourquoi irions nos développer quelque chose qui existe déjà?"

Malgré tout cela, je considère que cette fonctionnalité devrait être standard dans beaucoup de site au même titre que le print this page() ou send to a friend() ou blog this () ou encore del.icio.us this()

Cela pourrait être étendu à beaucoup d'autres sites et pour généraliser tout les sites où il y a de l'information à lire : blogs, supports en ligne, forums, etc... La liste est vraiment très longue.

Voici quelques exemples de contrôles UI qui donnent accès à la fonctionnalité dans l'interface d'un site web.

Site

UI control employé

International Herald Tribune

top navigation	above folder nav

abc news

LatPro.com

eeoc.com

Tucows

Sconul

La Nacion

Wired

Cette fonctionnalité propose souvent une solution aux problèmes de changement de taille de texte qui ne sont plus possibles au moyen des contrôles du navigateur quand les taille des textes sont spécifiées dans la CSS en Pixels.

On ne contrôle que très rarement la lisibilité du texte d'un site car on ne connait pas la qualité de la vue de l'utilisateur et en plus de cela, certains utilisateurs emploient des résolutions d'écran trop grandes par rapport à leur taille d'écran : essayer du 1280px sur un 15" et du corps 12 px devient limite lisible.

Ce problème n'est pas présent sur tout les navigateurs, Firefox et Opera changent les tailles de fontes malgré tout ce que vous avez défini dans la CSS.

Il est intéressant de proposer la fonctionnalité directement dans l'interface du site magré que ce soit une réinterprétaion d'une fonctionnalité du browser.

L'implémentation est toujours réalisée client side au moyen de javascript qui manipulent les attributs des classes css ou la référence vers la CSS.

Visites(1907 | poster un commentaire

Un commentaire ou une question ...?

Laurent Goffin
Strategy director Emakina Brussel

Mes projets