Dive the web

L’article Balise <img> ou feuille de style ? publié par Raphaël sur Alsacréations (avec un S!!!) vaut le détour. En effet, ce n’est pas toujours évident de savoir si une image est porteuse de contenu (et doit donc être insérée dans le HTML) ou est uniquement décorative.

Dans un monde idéal, les rédacteurs devraient fournir aux intégrateurs les ALT et les descriptions longues des images quand ces dernières sont porteuses de sens. évidement, dans le vrai monde, ce n’est pas toujours le cas - dans l’agence où je travaille, on nous a dit que c’était aux intégrateurs de rédiger ces textes. D’accord quand il s’agit d’un bouton sur lequel on peu voir en belles lettres blanches le mot “recherche”. Mais dans la plupart des cas, ça peut devenir un réel problème. Imaginez un site web pour une compagnie de camionnage ayant une flotte de camions de la marque X. Personnellement, je n’y connais rien. Pour moi, un camion, c’est un camion. Si je dois mettre la marque du camion dans le ALT, il y a beaucoup de chances pour que je fasse de la publicité pour la marque Y.

Le métier est encore jeune, il y a beaucoup à faire pour avoir une méthode de travail vraiment efficace. Une équipe complète en agence devrait toujours avoir un rédacteur web (j’insiste sur le web).

Twitter This

Usuario: Password:

Jakob Nielsen publie sur son site les Top Ten Web Design Mistakes of 2005 [les 10 erreurs de design les plus répandues en 2005].

1. Problèmes de lisibilité
2. Lisibilité des liens (liens non standards)
3. Flash
4. Le contenu n’est pas rédigé pour le web
5. Les mauvaises recherches
6. Incompatibilité des navigateurs
7. Formulaires trop complexes
8. Il manque l’information de contact ou de l’information sur la compagnie
9. Manque de flexibilité de la mise en page - tailles fixes
10. Agrandissement inadéquat des photos

Nielsen précise que le numéro 10 aurait du être les pop-ups. Ces derniers ont étés qualifiés de technique de publicité la plus détestée [ hé hé hé ]. Il a toutefois choisi de parler des agrandissements de photos car c’est un problème assez répandu.

Twitter This

Usuario: Password:

Cette semaine, le Alertbox de Jakob Nielsen nous parle de l’importance des normes sur le Web.

Nielsen compare le web à une fourmilère battie par des fourmis sous l’influence de substances illicites. Du LSD, si vous voulez tout savoir. Bien entendu, on ne parle pas ici de normes HTML ou CSS. Ni même d’accessibilité. On parle plutôt de normes d’un point de vue ergonomie.

Nielson définit 3 niveaux de standardisation:

1. Standard - 80% des sites utilisent la même approche
2. Convention - 50-79% des sites utilisent la même approche
3. Confusion - c’est descriptif, non?

Par exemple, 37% des sites visités ont un logo dans le coin supérieur gauche de la page ou une boîte de recherche sur la page d’accueil. Il s’agit ici d’un standard: beaucoup d’usagers s’attendent à cela. En plus, on s’attend aussi souvent à ce que le logo soit cliquable et nous redirige vers la page d’entré du site.

Respecter les standards et conventions du web facilite grandement la convivialité d’un site car les usagers savent où trouver certains éléments (recherche, carte du site etc).

Twitter This

Usuario: Password:

Dans un carnet récent, Vincent Flanders parlait du Mystery Meat Navigation [en] (plus ou moins: navigation à la viande mystère).

Selon Flanders, il s’agit d’un type de navigation qui est basée sur des rollovers ; et ce n’est qu’en passant la souris par dessus que l’usager sait où il va se retrouver en cliquant. Je ne crois pas qu’il soit nécessaire d’expliquer ici pourquoi ce type de navigation est mauvais.

En fait, je voulais surtout relever ceci dans l’article de Flanders : Web design is not about art, it’s about making money (or disseminating information). [Le design web n'est pas pour faire de l'art, c'est pour faire de l'argent (ou distribuer de l'information)]. Ok, vous voyez tout de suite pourquoi j’apprécie ce monsieur: il est encore plus extrémiste que moi :-P!!

Malgré tout, les principes énoncés par Flanders sont, souvent, très viables. Il s’agit en général de règles d’érgonomie et de convivialité de base, les mêmes (ou presque) que celles énoncées par Jakob Nielsen [en], mais de façon beaucoup plus amusante…

Twitter This

Usuario: Password:

Je n’aime pas cuisiner. Vous allez me dire que je ne suis pas la seule, que normalement je parle de sujets reliés au Web et qu’il n’y a pas de raisons que je vous confie une information aussi personnelle. Et pourtant…

Quand on n’a pas envie de cuisiner, la livraison est une solution idéale - et le mariage entre internet et la livraison a fait de moi une dévoreuse de poulet. En effet, St-Hubert offre un service de commande par internet. Et les commandes par internet arrivent toujours plus rapidement que lorsque la commande est passée par téléphone.

Mais voilà… enocre une fois, mon browser n’est pas assez bien. Vous vous rendez compte: moi qui utilise Firebird (je sais, je devrais upgrader à Firefox), on me conseille de télécharger Netscape 4.x ou Netscape 5!!! Netscape 5!?!?!?!?

Et de toute évidence, je n’ai pas parlé des cadres, des couleurs (jaune et rouge, oui, le logo est jaune et rouge, mais y’a quand même des limites) et de tout le reste. Pourtant, je vous assure qu’il y a moyen de faire des sites dynamiques transactionnels accessibles et respectants les normes.

Non, je ne suis pas aussi folle qu’on pourrait le penser, juste un peu insultée. J’ai vraiment beaucoup de difficulté à comprendre pourquoi AccèsD fonctionne avec Firebird et pas St-Hubert. C’est vrai que dans le cas des services bancaires (entre autres) il y a encore du travail…

Twitter This

Usuario: Password:

Il existe de nombreuses techniques pour mettre en place un site aussi ergonomique et convivial que possible. Jakob Nielsen [en], Vincent Flanders [en] ou encore Louis Rosenfeld [en] font partie des gourous du domaine.

J’ai déjà parlé de ergolab le mois dernier… J’en reparle parce que les principes d’ergonomie sont souvent oubliés lorsque nous parlons de respect de normes ou d’accessibilité. Pourtant, les trois vont main dans la main. Un site qui n’est par ergonomique ne sera pas accessible à une partie de vos usagers et respecter certaines normes de développement vont vous permettre de vous assurer d’un minimum d’ergonomie.

Retournez-donc faire une visite chez ergolab pour lire leur dernier article: tri de cartes et ergonomie web.

Twitter This

Usuario: Password:

Il existe un nouveau site francophone sur l’ergonomie du web… Il s’agit du site ergolab qui présente de nombreux articles regroupés sous différentes rubriques:

• questions existentielles
• principes
• éléments d’interface
• pratiques

Intéressant donc, surtout car ce site rassemble des notions d’ergonomie et de convivialité en français - un bon site de référence pour nous, francophones!

Une section “livres” sur le site parle même d’un livre en français…

Twitter This

Usuario: Password:

Dans le Alertbox du 10 novembre, Jakob Nielson nous fait la liste des erreurs les plus fréquentes sur les pages d’accueil de site…

Faudrait que je vérifie la mienne, mais je peux déjà dire qu’à la job (si vous savez pas ou je travaille je vous le dirais pas. Na!), on est plutôt dans le pourcentage élevé de ceux qui ne respectent pas ces lignes directrices… Et pourtant, on vient de faire un redesign…

Il est assez surprenant de constater que, d’après cette étude, les compagnies ont de la difficultés à mettre l’emphase sur ce qu’elles ont à offrir (voir les #1, 4, 5 et 7 en particulier). Comment-ce fait-il qu’encore aujourd’hui les preneurs de décisions ne comprennent pas mieux le Web et ses enjeux? Sont-ils mal conseillés? Si c’est le cas, c’est nous, les professionnels du Web, qui sommes coupables…

Twitter This

Usuario: Password:

Convivialité, c’est le terme français pour usability…

Jakob Nielsen a publié un article sur le sujet: Usability 101 en précisant que cet article est à donner à votre patron ou à ceux qui n’ont pas beaucoup de temps mais qui doivent savoir ce que c’est…

Et n’oubliez pas: en français, on dit convivialité…

Twitter This

Usuario: Password: