60questions.net Comment réussir sur le web

(1) Un effet typographique amateur a été appliqué sur la titraille « C.H.U. Saint-Pierre » dans le bandeau supérieur. Cet effet de caractères grossièrement écrasés sur fond dégradé douteux vient difficilement compenser l’absence de logo, qui permettrait de donner, de manière plus simple, une identité plus consistante à l’éditeur.

(2) La rubrique « langue » est accessible sous la forme d’un menu déroulant qui ne contient qu’un seul choix (« Nederlands » lorsque vous êtes sur une page en Français, et inversément). Par définition, une liste déroulante est sensée proposer plusieurs options. Dans ce cas-ci, mieux vaudrait prévoir un accès direct vers l’autre version linguistique.

(3) Les menus déroulants latéraux réagissent de manière aléatoire. Tantôt ils se dévoilent au survol de la souris, tantôt ils exigent un clic de souris. Le curseur, lui aussi, hésite nerveusement entre la « flèche » et le « doigt tendu ». La lisibilité du menu, en jaune sur fond bleu clair, laisse également à désirer.

(4) Les news sont dépassées. Elles couvrent la période de 1999 à 2004. Rien de nouveau depuis quatre ans. Ce qui ne donne pas confiance dans la maintenance du site.

(5) La zone centrale de contenu est encombrée par des généralités. Il y a trop de littérature. L’idée de parler aux différents publics (patients, médecins, fournisseurs) nous semble bonne. Mais elle pourrait prendre une autre forme, à travers une navigation soigneusement segmentée plutôt qu’un texte d’accueil trivial. Que recherchent les visiteurs en priorité ? Se voir souhaiter la bienvenue par le conseil d’administration ou accéder aux services médicaux ?

(6) Aucune photographie à se mettre sous la dent. La page est aride, entièrement textuelle. Les seuls effets visuels proviennent de variations discutables dans le choix des couleurs et des styles de caractères. Plus quelques éléments de ponctuation graphique, de facture très moyenne. Les plans d’accès (le plan de la ville, par exemple) sont de qualité très insuffisante. Manque une touche humaine.

(7) Des instructions techniques peu rassurantes apparaissent en rouge, au pied du texte d’accueil. Autant préciser tout de suite que l’installation d’une console Java en version anglaise n’est pas ce qu’il y a de mieux pour accueillir les grands-mères sur ce site hospitalier ! Ce lien purement technique est paradoxalement le plus visible de la page.

(8) Le pied de page contient les coordonnées de l’hôpital (adresse postale, messagerie électronique et point de contact téléphonique). C’est un point positif.

(9) Certains sigles en bas de page risquent de paraître fort énigmatiques aux yeux du visiteur lambda. Sont-ils cliquables ? Apparemment non. S’il s’agit de logos, il conviendrait d’en faire une utilisation plus affirmée et plus transparente.

(10) Le code source de cette page d’accueil contient de nombreuses instructions redondantes. Le recours à une feuille de style permettrait de rationaliser les choses. L’accessibilité du site demeure imparfaite. La navigation dépend de la technologie Java et aucun texte alternatif n’est associé au bandeau graphique.

(1) Le logo de l’institution a été intégré discrètement mais proprement. Un effet d’arrondi intéressant vient épouser la forme de ce logo, dans le coin supérieur gauche. La mention « Cliniques universitaires Saint-Luc » apparaît en caractères lisibles et équilibrés.

(2) Trois versions linguistiques sont disponibles. La version française reste la plus complète, mais des informations minimales sont fournies en Anglais et en Néerlandais, moyennant un accès direct très intuitif. Dans une capitale à vocation européenne, la présence d’une version anglaise nous semble un atout.

(3) Des liens très évidents (format standard : bleu souligné) conduisent les visiteurs directement vers les endroits clés du site. Ce qui est moins évident, c’est le fait que les têtes de chapitre (aux libellés en lettres capitales blanches sur fond rouge) soient, à leur tour, cliquables. Elles risquent fort probablement d’échapper aux utilisateurs.

(4) « Rechercher un service » est certainement un des scénarios clés dans l’utilisation d’un site web hospitalier. L’hôpital Saint-Luc l’a bien compris, en proposant, dans la zone la plus centrale de la page d’accueil, un menu déroulant qui aiguille vers les différents départements médicaux avec, à la clé, la liste des médecins responsables et les coordonnées de contact direct de chaque service.

(5) Quelques photographies parviennent à donner une touche concrète et une touche humaine à la page d’accueil. Le choix des photos colle bien avec les rubriques qu’elles sont sensées illustrer : une photo du bâtiment associée à la partie plus « institutionnelle », des photos de patients en « consultation » et une photo centrée sur les « professionnels » à l’oeuvre.

(6) Le choix des couleurs pourrait être plus rationnel. Nous conseillons d’utiliser des couleurs distinctes pour identifier des publics distincts. Le fait d’utiliser le même rouge pour l’espace professionnel et pour l’espace grand public n’aide pas à différencier les informations. Pourquoi le communiqué de presse n’apparaitrait-il pas sur la même couleur de fond que celle qui est dédiée aux actualités – presse (le vert, en l’occurrence) ?

(7) Le communiqué de presse bénéficie d’une bonne mise en évidence, grâce à un encadré qui se détache du reste de la page. L’insertion d’un petit visuel (le logo du Centre du Cancer, dans le cas présent) aide aussi à attirer l’attention du lecteur.

(8) Le titre de ce communiqué de presse nous paraît, en revanche, vraiment trop long. Il faudrait l’amputer d’au moins 5 ou 6 mots et éviter les éléments de syntaxe compliqués tels que le point-virgule. Par ailleurs, l’utilisateur devrait être prévenu que le communiqué s’ouvre au format PDF.

(9) La petite bannière intitulée « Du cœur et de la maîtrise » présente un format surprenant. S’agit-il d’une publicité ? Est-elle cliquable ? Que fait-elle là ? La réponse n’est pas évidente pour le visiteur non averti.

(10) Le pied de page, comme sur le site du CHU Saint-Pierre, contient les coordonnées de l’institution : adresse physique ainsi que numéros de téléphone et de fax. C’est appréciable.