IFT2905
Interface personne machine
TP2
Évaluation heuristique de pages web
présenté à M. Sébastien Roy
par
Nicola Grenon
GREN30077303 (grenonni)
le lundi 19 mars 2007
Première page web: http://www.dokimos.org/main.html
«Holy Spirit Revival, Renewal & Restoration in Worship & Intimacy with God»
Il s'agit ici d'une page visant manifestement à promouvoir une certain idéologie (je dirais extrémiste) chrétienne. Elle est complètement surchargée (c'est un euphémisme), sans aucune cohérence, très difficile à suivre (pas de structure propre) et cache beaucoup de "surprises"...
1. Connexion avec l'usager déficiente (visibilité):
Il n'est pas du tout clair en arrivant sur le site de déterminer ce qui peut être fait, ce à quoi sert la page, etc. On s'aperçoit seulement plus tard, en voyant l'état de la barre de défilement que la page continue plus bas.
2. Aide / Besoin d'expliciter:
Il est anormal que l'on ait à expliquer que la colonne du centre représente des liens. Si on avait utilisé des liens standard, par exemple, on aurait pu éviter ce message.
3. Commentaires inutiles:
Il est inutile de demander aux gens de lire la page. Pour s'assurer qu'ils le fassent, il faut simplement s'assurer qu'elle ait un design approprié. (Ce
problème découle donc principalement des autres se trouvant sur cette page)
4. Visibilité:
Il est difficile de bien voir le texte dans ces cases... Problèmes de contraste et de fond (à l'arrière du texte). Effet visuel agaçant (ralentit la lecture) pour les onMouseOver.
5. Minimalisme:
Clairement, cette page est beaucoup trop longue pour espérer conserver l'intérêt de l'usager.
6. Connecter avec l'usager / Aide:
Il est difficile de savoir que ces gros carrés sont des liens (pas de repères visuels autre que le pointeur changeant du navigateur) et ce n'est que par hasard qu'on découvre l'explication de ces liens, qui sont des genres de bannières offertes... On n'en découvre l'usage que par le texte alternatif de l'image.
7. Visibilité / Duplication de l'information / Liberté de l'utilisateur:
Le menu de la page est caché tout au bas de celle-ci (ce qui, dans le contexte, est très loin!); il y a plusieurs répétition de chaque lien dans la page, en outre dans le menu textuel du bas et dans la menu imagé un peu plus haut
et finalement, il semble y avoir un lien vers un menu à l'extérieur de la page actuel (il est différent du simple menu dont nous venons de discuter), ce qui force l'utilisateur à faire un détour vers une page spéciale de menu au lieu de pouvoir naviguer directement d'une page à l'autre de ce "grand menu".
8. Cohérence interne:
On pourrait s'attendre à ce que les images/icônes de ce type aient toutes
(ou aucune) des liens sous-jacents, mais non, seulement certaines en ont, ce qui rend la chasse aux liens aléatoire.
9. Cohérence interne (du site):
Il n'y a aucune référence stylistique au site lui-même d'une page à l'autre (en l'occurrence sur le style de celle- ci), si bien qu'on ne sait pas d'instinct si on est toujours sur le même site web après avoir suivi un lien.
10.Cohérence interne:
Trop de polices/couleurs différentes!
11.Couleurs incompatibles:
Bleu sur rouge ou rouge sur bleu.
Seconde page web: http://www.hrodc.com/
«Human Resource and OD Consultancy (HRODC)»
C'est un site surchargé offrant (si j'ai bien compris!) des cours en commerce spécialisé à travers le monde.
1. Connexion avec l'usager déficiente (visibilité):
Il y a beaucoup trop de choix, de liens possibles sur la même page. Il est utopiste de croire que l'usager fera un choix éclairé.
2. Texte inutile (aide évidente):
On ajoute ici des informations inutiles.
Remarquons qu'on aurait peut-être été moins tenté de l'ajouter eut été d'une conception plus légère.
3. Minimalisme:
Heu... si ce n'est pas évident qu'il y a trop de choses sur cette page et qu'elle est trop longue... ouf!
4. Connexion avec l'usager (métaphore):
Il y a un très mauvais usage de la métaphore de la banderole défilante publicitaire partout sur cette page. Cela rend le texte difficile à lire et la page étourdissante.
5. Couleurs incompatibles:
Bleu sur rouge.
6. Cohérence externe:
Le mot "Jobs" est un lien, mais il n'est pas reconnaissable puisqu'il n'a aucune des caractéristiques classique d'un lien.
7. Cohérence interne:
Il n'y a pas de régularité dans le soulignement des numéros de ligne...
(16, 17, 18?) Et non, ce ne sont pas des liens!
8. Cohérence interne:
Trois façons totalement différentes d'offrir un lien vers une adresse courriel.
[nb.: je trouve le second lien particulièrement spectaculaire....]
9. Cohérence externe:
Ce gros paquet de texte est un lien tout à fait invisible.
10.Prévention des erreurs / Aide:
Ce lien conduit à un document Word. Si on n'a pas ce logiciel installé, on sera dans l'impossibilité de visualiser l'information (problème). Offrir un lien vers une visionneuse Word ou utiliser un autre format pourrait être intéressant. De plus il s'agit d'une relativement gros fichier, alors un avertissement pourrait être souhaitable.
11.Aide / Manque de clarté:
On ne sait pas où vont nous mener ces liens particuliers, il n'y a pas d'information les explicitant et leur libellés sont tout à fait obscurs.
Troisième page web: http://www.sex.com/
«Sex.com - Free Sex Videos and pictures, free porn and sex sites »
J'espère que vous ne m'en voudrez pas trop pour cette liberté, je manquais de temps et d'imagination, j'y suis donc allé pour ce petit clin d'œil. Plus sérieusement, le site consiste en une façade listant des liens catégorisés vers des sites externes fiancés par de la publicité abondante.
1. Terminologie spécialisée (Connexion avec l'usager):
En soit, pour un usager typique du web, il n'est pas évident de déterminer ce qu'est un thumbnail.
2. Aide:
Il n'est pas clair de savoir ce qui va se passer une fois que j'aurai cliqué sur le bouton de soumission.
[Il est vrai que l'objectif de ce genre de site est de berner l'utilisateur à fournir des informations privées, mais on aurait pu au moins, alors, signifier que l'usager allait être redirigé vers un formulaire plus complet d'inscription comme c'est le cas ici. Ce qui me fait mentionner alors un problème de minimalisme puisqu'on répète les cases de password et de email sur ce second formulaire... ]
3. Cohérence externe:
Le symbole de [+] ainsi représenté est généralement associé à une action, dans l'OS et/ou
dans les menus "actifs" de page web, ce qui n'est pas le cas ici (dans Firefox!) 4. Aide / Liberté et contrôle:
Il n'est pas clair ici si en allant dans cette section si on quittera le site vers une page publicisée externe ou si on restera dans une sous-section du site même.
5. Cohérence externe et standards / Minimalisme:
Il est inutile d'ajouter le libellé "Search" en utilisant un bouton "Go" alors qu'un
simple bouton
"Search" aurait fait l'affaire.
6. Récupération des erreurs:
Manifestement, le code javascript n'est pas prêt à supporter ce navigateur (IE7) et n'a pas été blindé contre les cas imprévus.
7. Prévention des erreurs:
Ce formulaire laisse entrer des informations manifestement erronées. Il n'y a pas de protection au niveau local (JavaScript?) contre par exemple les espaces, ni au niveau serveur, car les informations sont passées telles quelles au prochain formulaire.
8. Aide (exagérée) / Minimalisme:
Les informations sont répétées plusieurs fois inutilement et sont beaucoup trop verbeuses.
9. Cohérence externe:
Ce texte est un lien, mais il ne respecte pas les conventions pour laisser voir que c'est un lien.
10.Liberté de l'usager / Aide:
Partout sur le site on n'informe pas l'usager s'il s'agit de liens internes ou de liens externes au site, ce qui, dans le contexte, serait pertinent.
11.Termes spécialisés:
(Ouch) La terminologie utilisée dans ce menu n'est pas claire pour un client débutant. (Abréviations quelques fois obscures dont je ne suis pas sûr de vouloir connaître le sens à bien y penser... héhé)
12. Minimalisme:
La taille de la page est très grande et il y a beaucoup de texte, dont une multitude de redondances.
13.Rétroaction:
Ce logo/lien ramène, lorsque cliqué, à la page d'accueil du site.
Est-il alors nécessaire qu'il soit actif sur la page d'accueil elle-même?
Car dans ce cas là, l'usager n'obtient aucune rétroaction réelle lorsqu'il clique ce lien.
À noter:
Ce site, comme d'autres de ce type, garde l'usager «prisonnier» lorsqu'il passe par certain site auquel il est redirigé, on pourrait alors parler d'un problème de Liberté de l'usager qui ne peut plus choisir de quitter ce site au moment voulu (aisément).
