Rapport des tests d'utilisabilité

Présenté à Daniel Chamberland-Tremblay

Par
Garcia Kevin
Houédanou Jean-Luc
Fournier Antoine
Hanine Mustapha
Zongo Jackye

GCE 840
 Table des matières
Introduction ................................................................................................................................ 1
I. Les critères de comparaison ................................................................................................. 2
a. Contenu ........................................................................................................................... 2
1. Aspect clair des menus................................................................................................. 2
2. Découpage logique et homogénéité de la structure ....................................................... 3
3. Qualité de la langue ..................................................................................................... 3
4. La pertinence des illustrations utilisées sur le site ......................................................... 3
b. Navigation ....................................................................................................................... 3
1. Aspect concis des onglets, catégories et liens hypertextes ............................................. 3
2. Repérage...................................................................................................................... 4
3. Présence de FAQ ou de plan de site sur la page ............................................................ 4
c. Esthétique et design du site .............................................................................................. 4
1. L’esthétique globale du site, ......................................................................................... 4
2. La sobriété des couleurs du site, ................................................................................... 4
3. Espace réservé aux commentaires sur le design du site ................................................. 4
II. Méthodologie ...................................................................................................................... 4
a. Objectifs des tests d’utilisabilité ....................................................................................... 4
b. Méthode .......................................................................................................................... 5
1. Locaux......................................................................................................................... 5
2. Personnel ..................................................................................................................... 5
3. Matériel de test ............................................................................................................ 5
4. Déroulement des tests .................................................................................................. 6
5. Scénarios et tâches ....................................................................................................... 6
c. Échantillon ...................................................................................................................... 6
III. Présentation et analyse des résultats ................................................................................. 7
a. Analyse comparative ....................................................................................................... 7
1. Analyse du contenu...................................................................................................... 8
2. Navigation ................................................................................................................. 11
3. Esthétique et design du site ........................................................................................ 12
IV. Recommandations ......................................................................................................... 13
 a. Recommandations basées sur les résultats de l’analyse ................................................... 13
b. Recommandations basées sur les commentaires des personnes interrogées ..................... 18
1. Suggestions de rubriques............................................................................................ 18
2. Recommandations pour les liens ................................................................................ 18
3. Suggestions d'images ................................................................................................. 18
4. Quelle(s) icône(s), onglet(s) ou lien(s) du site trouvez vous confus ? .......................... 18
5. Après votre navigation, donnez votre avis sur la facilité de recherche du site .............. 19
6. Espace réservé aux commentaires sur le design du site ............................................... 19
Annexe 1 – Statistiques descriptives ............................................................................................. i
1. L’importance des rubriques ......................................................................................... iii
Annexe 2 – Moyennes ................................................................................................................ iv
Annexe 3 - InterfaceV1 et Nouvmaq .......................................................................................... 6
Annexe 4 - Journal professionnel................................................................................................. 8
Annexe 5 - Modèle .................................................................................................................... 15
Annexe 6 – Questionnaire ( avec sommaire exécutif)................................................................. 16
Introduction
Le site Web de l’université de Sherbrooke (disponible sur
http://www.usherbrooke.ca/adm/) a mis à la disposition de ses utilisateurs un site web.
Ces informations peuvent être de caractère académique (programme d’étude, cours,
horaires de cours, etc.) ou encore d’autre ordre, telles les activités culturelles, les
évènements.
Il s’avère que le STI, le service des technologies de l’information de l’UdeS pilote
actuellement un projet de refonte du site Web (dont une ébauche est disponible à
l’adresse http://www.usherbrooke.ca/typo3_adm/accueil/). Ce site sera réalisé via un
CMS ou système de gestion de contenu dénommé Typo3 (http://www.typo3.fr/).
En effectuant une première comparaison des 3 sites, on constate la présence de quelques
différences, telles la possibilité d’agrandir le texte présent sur la page web, ou encore la
présence d’une barre de navigation horizontale. On peut se demander si ces changements
correspondent aux nouvelles exigences des internautes de l’UdeS. Parmi celles-ci, nous
pouvons citer la nécessité d’effectuer des paiements en ligne, la nécessité d’adapter la
taille des caractères à la vision des internautes, etc. Au même titre, on peut s’interroger
sur le degré d’implication des utilisateurs finaux du site web de l’UdeS dans ce projet.
Afin de répondre à cette problématique, notre équipe de travail se donne comme objectif
d’évaluer l’utilisabilité des deux sites Web de l’UdeS, c'est-à-dire le nouveau et l’ancien,
afin d’élaborer des recommandations pour le STI. Pour ce faire, nous effectuerons des
tests d’utilisabilité qui poursuivent les objectifs suivants :

• Vérifier la facilité à naviguer sur le site;

• Déterminer si l’information sur le site est complète et facile à trouver,
• Evaluer le nouveau site de la faculté d’administration,
• Evaluer le futur site de recrutement,
• Evaluer la satisfaction des utilisateurs par rapport au site;
• Recueillir les commentaires, suggestions et attentes des utilisateurs.
Plus concrètement, il s’agira de comparer les 3 sites (en se basant sur des critères qui
illustrent l’utilisabilité du site) afin de relever les points à améliorer sur le nouveau site de
la faculté d’administration.

Page 1
I. Les critères de comparaison
Afin d’effectuer l’analyse comparative de l’utilisabilité des 3 sites à l’étude, nous
avons choisis les critères de comparaison issus du modèle (voir annexe 4) de
l’étude « Using Protocol Analysis to evaluate the usability of commercial website ».
Cette étude a été réalisée en 2007 par Raquel Benbunan-Fich, dans le but d’évaluer
l’utilisabilité de sites web commerciaux. Les variables non pertinentes, telles la
présence d’un panier d’achat, ont été supprimées dans le but d’adapter ces critères
de comparaison à notre étude.
Les variables suivantes ont donc été retenues dans le cadre de notre étude.

Voyons quels sont les items qui ont permis de mesurer ces critères .

a. Contenu

1. Aspect clair des menus

Afin de déterminer l’aspect clair des menus, l’avis de la personne
interrogée était sollicité sur les points suivants :

• Le caractère explicite et clair des menus présents sur la page,

• La pertinence des différentes rubriques présentes sur la page,

• La facilité de lire les caractères utilisés pour les menus du site,

• La facilité de repérer les grandes rubriques de l’information

présentes sur la page

Page 2
 • Les rubriques que la personne interrogée souhaiterait voire figurer
dans le site

• L’ordre d’importance des rubriques du site.

2. Découpage logique et homogénéité de la structure

Afin de déterminer cet aspect, l’avis de la personne interrogée était
sollicité sur les points suivants :

• La capacité du texte d’approche à résumer le contenu de chaque

section de la page,

• Le caractère actif (ou inactif) des liens hypertextes présents sur la

page,

• La concordance entre les libellés des liens hypertextes et le contenu

des sections vers lesquels ils pointaient

• La pertinence de la mise en forme des liens hypertextes,

• La facilité d’obtenir l’information recherchée,

• Le fait que les barres de navigation du site restent identiques, et ce

quelque soit la page où l’on se trouve sur le site de la faculté
d’administration de l’UdeS.

3. Qualité de la langue
En ce qui concerne ce point, il s’agissait d’évaluer si la langue
employée sur le site correspond au registre de langue utilisée par des
étudiants du CEGEP.

4. La pertinence des illustrations utilisées sur le site

En ce qui concerne ce point, l’avis de la personne interrogée était
sollicité sur les 2 points suivants :

• Les illustrations sont représentatives de l’image que devrait

véhiculer l’UdeS,

• Les illustrations laissent une image marquante (positive ou

négative) ?

b. Navigation

1. Aspect concis des onglets, catégories et liens hypertextes

Afin de déterminer cet aspect, l’avis de la personne interrogée était
sollicité sur les points suivants :

Page 3
 • Le caractère explicite des boutons de navigation et des icones
présentes sur la page,

• Le caractère explicite des onglets et les liens présents sur la page,

• L’avis de l’internaute en ce qui concerne certaines icônes qui

peuvent être une source de confusion,

• L’avis de l’internaute sur le gabarit en 3 colonnes du site.

2. Repérage
Par « repérage », on entend la facilité qu’a l’internaute de naviguer sur
le site. Pour évaluer cet aspect, l’avis de la personne interrogée était
sollicité sur les points suivants :

• L’accessibilité de la navigation par les liens, en d’autres termes : est

ce qu’il est possible de naviguer dans le site sans utiliser la touche
back du navigateur,

• La facilité de recherche sur le site,

• La provenance des résultats de recherche.

3. Présence de FAQ ou de plan de site sur la page

c. Esthétique et design du site

Afin de déterminer cet aspect, l’avis de la personne interrogée était sollicité
sur les points suivants :

1. L’esthétique globale du site,

2. La sobriété des couleurs du site,

3. Espace réservé aux commentaires sur le design du site

II. Méthodologie
La présente section décrit la méthode utilisée pour les tests d’utilisabilité que nous
avons réalisés.

a. Objectifs des tests d’utilisabilité

Les objectifs des tests d’utilisabilité du site Web étaient les suivants :

• Vérifier la facilité à naviguer sur le site;

• Déterminer si l’information sur le site est complète et facile à trouver,
• Evaluer le nouveau site de la faculté d’administration,
• Evaluer le futur site de recrutement,
• Evaluer la satisfaction des utilisateurs par rapport au site;

Page 4
 • Recueillir les commentaires, suggestions et attentes des utilisateurs.
Les tests d’utilisabilité ont tous été effectués au sein de la faculté
d’administration. Afin d’avoir un environnement de test neutre, ils ont été
effectués dans la salle focus group.

b. Méthode
Afin de réaliser les tests d’utilisabilité, nous avons eu recours à la méthode
suivante

1. Locaux
Le test a été réalisé dans une salle d’observation avec une caméra vidéo et un
miroir sans tain. Les observateurs étaient physiquement séparés des activités
des testeurs et des participants. Ils ont ainsi pu ainsi observer le test sans
interférer.

2. Personnel
Pour réaliser ce test, plusieurs rôles ont été attribués au sein de notre équipe :
Moniteur
Son rôle consiste à accompagner physiquement le participant et à le guider
lors du test. Il devra s’occuper du briefing, le mettre en confiance, répondre à
ses interrogations, et lui faire un débriefing. Il sera aussi l’intermédiaire entre
l’équipe d’observation de l’autre côté du miroir et le participant. La récolte
des données grâce à un questionnaire fait aussi partie de ses prérogatives.
Preneur de notes
Ce rôle consiste à être attentif à la vidéo et noter à quel moment le
participant se dirige sur tel ou tel écran. Cette personne devra avoir de
bonnes capacités de concentration.
Responsable vidéo
Ce rôle consiste à ajuster et tester le matériel vidéo et audio d’enregistrement
De plus, il doit s’assurer que l’image et le son sont bien transmis aux écrans
de la salle d’observation
Observateur additionnel
Ce rôle consiste à épauler l’une des 3 personnes citées ci dessus. Cependant,
elle peut aussi examiner visuellement le comportement physique du
participant à travers le miroir sans tain. Ses prises de notes seront ensuite
comparées avec l’enregistrement vidéo.

3. Matériel de test
Pour la plupart des tests, le matériel suivant a été utilisé. Un ordinateur
portable avec écran de 14 pouces, Windows XP, Firefox et l’interface sur
papier du futur site de recrutement (qui elle n’était pas encore en ligne).

Page 5
 4. Déroulement des tests
Le schéma ci-dessous illustre le processus de déroulement des tests

Chaque utilisateur testait une seule interface sur 3 trois pour éviter le
biais du déjà vu qui pourrait changer les résultats. La durée de chaque
session de test est d’environ 45 minutes et la participation au test a été
rémunérée de 10$ par participants à la fin du test.

5. Scénarios et tâches
Des scénarios ont été présentés afin de mesurer différentes utilisations
possibles. Afin de les connaître, nous vous invitons à consulter le
questionnaire fourni en annexe.

c. Échantillon
20 utilisateurs ont participé aux tests. Les utilisateurs ont été recrutés dans la
faculté d’administration. Le tableau ci-dessous résume les principales
caractéristiques des utilisateurs ciblés par le test d’utilisabilité:

Caractéristiques Détails Distribution

Bac 1ere Année ou CEGEP 50 %

Niveau d’éducation
Étudiants actuels (UdeS Bac 3e année,
50 %
MsC et Doctorat)
Administration (Technique
Domaine d’étude informatique, 100%
GIS)

Page 6
 Nous avons choisi d’interroger 18 personnes, selon la règle heuristique qui
consiste à définir un nombre de 3 personnes par interface à tester. Qui plus
est, nous avons eu recours aux services de 2 étudiants en tant que pré testeurs.
Voyons maintenant quelques statistiques descriptives relatives à notre
échantillon.

• 8 des 20 personnes interrogées étaient du sexe féminin.

• 15 des 20 personnes interrogées se situaient dans la tranche d’âge de 18 à 25 ans.
• 6 des personnes interrogées provenaient du cycle de maîtrise en administration des
affaires, 3 de la propédeutique, 1 du doctorat et 10 de la première année du
baccalauréat en administration des affaires,

III. Présentation et analyse des résultats

Avant de présenter les résultats, il convient de définir 3 termes qui apparaîtront de
manière récurrente tout au long de notre analyse.
Nom Description

Cette interface correspond à la version actuelle du site, disponible sur la page

Interface classique
http://www.usherbrooke.ca/adm

Interface nouvelle 1 Cette interface correspond à la nouvelle mouture du site, disponible sur la page

Interface V1 http://www.usherbrooke.ca/typo3_adm/accueil/

Cette interface correspond à la nouvelle mouture du site, disponible sur la

Interface nouvelle
page, avec une variation dans la colonne de gauche. En lieu et place des
maquette
intitulés « dates » et « événements », on a une section qui permet aux
différents utilisateurs du site (étudiants, futurs étudiants, professeurs et
Nouvmaq
diplômés) de se connecter à un espace personnalisé sur le site.

Pour plus de détails sur les différences entre les Interface V1 et NouvMaq, nous vous invitons à consulter
l’annexe 3

a. Analyse comparative
Notre objectif était de comparer les 3 sites, afin de relever les points à
améliorer dans le nouveau site de l’UdeS. Pour ce faire, nous avons suivi
le processus suivant d’analyse de données :
1. On fait une moyenne des scores pour chacun des critères à l’étude :
le tableau qui résume les scores est disponible à l’annexe 2 du
présent document,
2. On compare les scores obtenus par chacune des 3 interfaces pour un
critère donné,
3. On détermine les recommandations qui découlent de cette
comparaison.
Il est important de noter que pour certains points relatifs à l’évaluation de
la navigation, nous avons du recourir à une analyse par tableau croisé. En

Page 7
 effet, les items de ces questions étaient mesurés grâce une variable
dichotomique du type oui/non.

1. Analyse du contenu
Aspect clair des menus
Les scores montrent que les menus les plus explicites et les plus clairs
sont ceux de l’interface classique. Paradoxalement, les nouvelles
moutures du site web présentent des menus moins clairs et moins
explicites.
Pertinence des différentes rubriques
Nouvmaq obtient le meilleur score. Il s'avère que les rubriques
proposées sur cette interface sont plus pertinentes. De plus, le
classement des rubriques par ordre d'importance se recoupe avec
l'évaluation.
Lisibilité de la police
L’interface V1 possède, de l’avis des personnes interrogées, la police la
plus lisible. Plusieurs des personnes interrogées nous ont fait remarquer
que la police utilisée est plus lisible et plus large que celle de l'ancienne
interface, ce qui contribue à l'espacement des caractères et crée un
certain confort de lecture.
Taille de police adaptée à la vue
On en arrive à la même conclusion qu’à la question précédente :
l’Interface V1 est la plus agréable à lire. Les causes citées
précédemment sont valables aussi ici.
Rubriques de l'information facilement identifiables
Selon les personnes interrogées, l'interface qui propose les rubriques les
plus identifiables est Nouvmaq. Elles considèrent que les rubriques sont
explicites et leur position sur la page est adéquate.
Capacité du texte d'approche à résumer le contenu de chaque section
Nouvmaq a obtenu le meilleur score. Le texte accroche plus le lecteur.
Il est intéressant de comparer le texte de l'ancienne interface et les
textes d'approche des nouvelles interfaces. Nous pouvons noter, suite à
cette comparaison, que trop de texte nuit à l'intérêt de l’internaute.
Activité des liens hypertextes
Il est important de noter que cet aspect de l’évaluation était tributaire de
l'avancée du développement de l'interface. Sans aucune surprise donc,
l'ancienne interface obtient le meilleur score, étant donné l’inactivité de
certains liens sur l’interface V1 et Nouvmaq.

Page 8
Correspondance entre les libellés des liens hypertextes et les sections vers
lesquelles ils pointent
Les nouvelles interfaces récoltent de bien meilleurs scores que
l'ancienne interface. Il est important qu'un lien définisse de manière
pertinente la section à laquelle il renvoie. L'internaute serait dérouté si
les liens qu'il utilise ne l’envoient pas là ou il le voudrait. Néanmoins,
les utilisateurs sont satisfaits des liens réalisés jusqu'à présents.
Disponibilité de l’information recherchée en un seul clic
En ce qui concerne ce point, l’interface classique reste la plus efficace,
ce qui est probablement dû au fait qu’elle ait été utilisée de nombreuses
fois par les personnes composant notre échantillon.
Cependant les résultats des interfaces V1 et Nouvmaq reste très
satisfaisants avec toutefois une légère préférence pour Nouvmaq. (Un
point qui rejoindrait en partie la clarté de l’interface est la facilité
d’utilisation facilité qui en découle).
Caractère identique de la barre de navigation tout au long de la
navigation

Sur ce point, on remarque que l’interface V1 remporte un large succès

en termes de visibilité. Les internautes n’ont aucun mal à identifier la
barre et sa localisation, et ce quelques soient les pages web visitées sur
le site. C’est un outil qui a récolté une appréciation favorable au travers
de notre échantillon.
Qualité/Registre de langue accessible :
Bien que les 3 différentes interfaces aient été plébiscitées pour cette
itération, c’est à nouveau l’interface V1 qui a séduit le plus. Les textes
et le registre de langue utilisé semblent être d’avantage en concordance
avec le profil des étudiants internationaux. L’internaute aura donc été
séduit par un langage simple et concis, pour les textes qui étaient
disponibles sur la maquette.

Page 9
 Capacité de la mise en forme des liens hypertextes à les rendre
reconnaissables
mise en forme des liens hypertextes les rend reconnaissable * type de questionnaire Crosstabulation

type de questionnaire
interface interface interface
classique nouvelle v1 nouvmaq Total
mise en forme des oui Count 6 6 6 18
liens hypertextes les % within type de
rends reconnaissable 85,7% 85,7% 100,0% 90,0%
questionnaire
non Count 1 1 0 2
% within type de
14,3% 14,3% ,0% 10,0%
questionnaire
Total Count 7 7 6 20
% within type de
100,0% 100,0% 100,0% 100,0%
questionnaire

En ce qui concerne la capacité de la mise en forme des liens hypertextes

du site à rendre ces derniers reconnaissables, nous obtenons les
résultats suivants

• Pour l’interface classique 6 étudiants sur 7 pensent que la mise en

forme des liens hypertextes du site permet de les mettre en valeur
• Pour l’interface nouvelle V1 : sur 7 répondants, 6 répondent oui et
1 qui répond non.
• Interface nouvelle maquette : 6 répondants affirment que la mise
en forme des liens hypertextes les rend reconnaissables.
Concordance entre les liens hypertextes et les rubriques qu’ils désignent
liens hypertextes et rubriques concordent ? * type de questionnaire Crosstabulation

type de questionnaire
interface interface interface
classique nouvelle v1 nouvmaq Total
liens hypertextesoui
et Count 7 7 6 20
rubriques pointés % within type de
concordent ? 100,0% 100,0% 100,0% 100,0%
questionnaire
Total Count 7 7 6 20
% within type de
100,0% 100,0% 100,0% 100,0%
questionnaire

En ce qui concerne la concordance entre les liens hypertextes et les

rubriques vers lesquelles ils pointent, nous obtenons les résultats
suivants :

• Pour l’interface classique, les 7 étudiants interrogés pensent que

c’est le cas
• Pour l’interface nouvelle V1, les 7 étudiants pensent que les liens
hypertextes et les rubriques vers lesquelles ils pointent
concordent,

Page
10
 • Pour l’interface nouvelle maquette, les 6 étudiants interrogés
pensent que c’est le cas.

2. Navigation
Caractère explicite des boutons de navigation et des icônes présentes sur
la page
L’interface V1 apparaît comme la plus efficace. Cependant, il est
intéressant de noter que lors de nos observations, l’utilisateur avait du
mal à identifier le plan de site malgré la notation qui en découle.

Faire figurer sur la page le chemin qu’il a suivi reste un indicateur très
utile mais insuffisant selon nous.
Caractère explicite des onglets et les liens présents sur la page
Nouvmaq a remporté le plus vif succès. Les intitulés des liens et onglets
présents dans l’interface semblent exhaustifs ainsi que leurs sous
catégories afférentes.
Pertinence de l’organisation en 3 colonnes
L’interface V1 reste maitresse en ce qui concerne l’optimisation de la
3e colonne. Nous avons tout de même constaté que bien souvent,
l’utilisateur n’avait pas eu le reflexe d’employer les liens qui y sont
disponibles.
Possibilité de navigation sans utiliser la touche « back » :
L’interface V1 s’illustre par sa construction plus élaborée et claire. La
barre de navigation et la première colonne ont joué un rôle primordial
dans la bonne appréciation pour ce point.
Provenance des résultats de recherche
resultat recherche donne lien relatif à faculté ou université * type de questionnaire Crosstabulation

type de questionnaire
interface interface interface
classiquenouvelle v1nouvmaq Total
resultat recherchefaculté Count 4 5 4 13
donne lien relatif à % within type de
faculté ou université 57,1% 71,4% 66,7% 65,0%
questionnaire
universitéCount 3 2 2 7
% within type de
42,9% 28,6% 33,3% 35,0%
questionnaire
Total Count 7 7 6 20
% within type de
100,0% 100,0% 100,0% 100,0%
questionnaire

Page
11
 En ce qui concerne la provenance des résultats de recherche (faculté ou
université), nous obtenons les résultats :

• Pour l’interface classique 4 répondants pensent qu’on obtient un

lien de la faculté et 3 ont trouvé un lien de l’université.
• Pour l’interface nouvelle V1 : 5 pensent qu’on obtient un lien de
la faculté et 2 qu’on obtient un lien de l’université.
• Interface nouvelle maquette : les 6 répondants affirment que la
mise en forme des liens hypertextes les rend reconnaissables.
Présence de FAQ ou de plan de site
présence FAQ ou plan de site * type de questionnaire Crosstabulation

type de questionnaire
interface interface interface
classique nouvelle v1 nouvmaq Total
présence FAQ ou
oui Count 2 5 3 10
plan de site % within type de
28,6% 71,4% 50,0% 50,0%
questionnaire
non Count 5 2 3 10
% within type de
71,4% 28,6% 50,0% 50,0%
questionnaire
Total Count 7 7 6 20
% within type de
100,0% 100,0% 100,0% 100,0%
questionnaire

En ce qui concerne la présence ou non de FAQ (frequently asked

questions, ou liste des questions les plus fréquemment posées

• Pour l’interface classique 2 étudiants ont signalé la présence de

FAQ.
• Pour l’interface nouvelle V1 : 5 répondants ont signalé la
présence de FAQ sur le site.
• Interface nouvelle maquette : 5 répondants ont signalé la présence
de FAQ sur le site.

3. Esthétique et design du site

Evaluation esthétique :
Le design qui aura le plus séduit les personnes interrogées est celui de
Nouvmaq. Ce qui parait cohérent avec le choix de couleurs sobres mais
dynamiques qui s’en dégagent.
Il est à noter qu’à ce niveau l’interface V1 se démarque difficilement de
celle qui est actuellement en place, probablement par manque d’audace.
Lors du passage des répondants, ce qui est ressorti était que Nouvmaq
avait une prédominance graphique plus blanche que verte ce qui
améliorait l’appréciation globale. Aucune préférence notable pour la
police de caractère ne nous a été signifiée.

Page
12
IV. Recommandations

a. Recommandations basées sur les résultats de l’analyse

Voir les pages suivantes.

Page
13
Critère concerné Recommandation

S’'inspirer de l'interface actuelle pour la clarté des menus

Menus du site explicites
et clairs Dans la nouvelle mouture du site, la barre de navigation ne doit pas générer de doublons entre les différentes rubriques. Il faut
donc séparer plus distinctement quel type d’information dispensera la barre de navigation (thèmes principaux) et la première
colonne (sous catégories liées au thème sélectionné). L’objectif est ici de contraster la colonne n°1 et la barre de navigation

Se baser sur les rubriques de Nouvmaq car elle propose les rubriques les plus pertinentes. Suggestion de rubriques par ordre
d’importance, selon les personnes interrogées :
1. Je veux étudier
2. Études supérieures
Pertinence des 3. Étudiants et étudiantes
différentes rubriques 4. Diplômées et diplômés
5. Parents
6. Employeurs
7. Médias
8. International
9. Personnel de l'UdeS

Lisibilité de la police Proposer un espacement suffisant des caractères et des rubriques.

utilisée Il faut donc aérer et utiliser la surbrillance des rubriques au passage du curseur.

Rubriques de La structure de l'interface nouvmaq amène une clarté dans les rubriques.
l'information
facilement identifiables Il faut conserver l’intitulé et la position des menus comme sur la nouvelle interface maquette.

Page 14
Critère concerné Recommandation

Texte d'approche
résume le contenu de Un texte clair et concis est l'idéal. Apporter assez d'informations en utilisant le moins de mots possible.
chaque section Il est nécessaire de susciter l’intérêt de l’utilisateur pour qu’il soit mieux orienté dans sa rubrique et sélectionne l’information qui
le concerne.

Il est impératif d’éviter les liens hypertextes inactifs dans la version finale de l'interface (cf. Error 404…).
Liens hypertextes actifs
La meilleure option serait de mettre un icône qui signale la présence d’un problème grâce aux termes suivants : « un problème
sur cette page ». L’internaute serait alors reconduit vers une page annexe - type formulaire – où l’utilisateur pourrait apporter un
petit complément d’information. Le gestionnaire du site recevrait alors par la suite l’alerte par email.

Libellés des liens

hypertextes
correspondent aux un effort pour résumer le contenu d'une section en 2 ou 3 mots semble le plus approprié.
sections vers lesquelles
ils pointent

Lors des observations des répondants, on s’aperçoit qu’ils n’ont pas le réflexe d’aller consulter les raccourcis de la 3° colonne où
sont pourtant disponibles les informations.
Information recherchée
disponible en 1 seul clic Il serait opportun de favoriser l’utilisation de cette 3° colonne en contrastant plus fortement les couleurs, en augmentant la taille
de la police, ou encore en créant un type d’utilisation spécifique : 3° colonne = voulez vous en savoir plus avec des rubriques
affiliées au contenu et situées en face du paragraphe.

La barre de navigation Sans doute une des best practices dans cette campagne de refonte du site de l’université d’administration. C’est un point nodal
reste identique lors de dans la bonne utilisation du site, il serait opportun d’orienter la navigation entre la barre de navigation pour les rubriques

Page 15
Critère concerné Recommandation

la navigation générales et la première colonne pour les sous catégories plus spécialisées.

Notre échantillon représente sans aucun doute l’indicateur le plus important pour les responsables du développement du site,
dans la mesure où ce sont des francophones étrangers qui ont apporté leurs jugements.

Qualité/Registre de L’effort qui a été fait jusque maintenant pour adapter le registre de langue doit être consolidé par une approche synthétique mais
langue accessible simple. L’objectif étant d’optimiser le contenu par des phrases facilement assimilables hiérarchisées par des puces et /ou
numéros.

Les boutons de
navigation et icones Il serait propice de créer une icône, et le situer dans la partie haute de la page présentant l’ensemble du site map.
sont explicites

Concernant la recommandation précédente quant au le plan de site, il faudra générer une icône en accord avec la chartre
Les onglets et liens sont graphique, accompagné d’une info-bulle explicative. De même, pourquoi ne pas rendre le plan de site interactif, avec des liens et
explicites
raccourcis web. Exemple icone :
Organisation en trois Nous recommandons de démarquer visuellement la 3e colonne par un couleur différente, et si possible la dédier uniquement aux
colonnes pertinentes téléchargements affiliés, aux contacts utiles, ou des articles secondaires en lien avec la colonne de contenu.

Possibilité de
Orienter la navigation de la nouvelle plateforme sur la colonne n°1 et la barre de navigation afin d’éviter tout cul de sac dans
navigation sans utiliser
l’exploration du site
la touche « back »

Le design d’un site représente, déjà à lui seul, un message. Disposer d’une interface novatrice comparativement à celle des autres
Evaluation esthétique départements de l’université véhiculerait le dynamisme du département « administration » de l’UdeS mais également vis-à-vis
des autres institutions d’administration à Québec. La prédominance blanche avec des nuances de vert de nouvmaq apporte un

Page 16
Critère concerné Recommandation

enseignement précieux à ce niveau : la sobriété et l’efficacité prime sur un rappel trop lourd de l’appartenance du site à l’UdeS.
Avec l’aide de cookies ou du compte étudiant, il est possible de proposer plusieurs thèmes ou masques pour le site de
l’administration, ainsi l’utilisateur pourra personnaliser son expérience de navigation en choisissant d’adopter un type d’interface
graphique. Ce qui constituerait un bon outil statistique à moyen terme pour les responsables du projet, dans la mesure où ils
pourraient constater quel thème a rencontré le plus de succès.

Page 17
b. Recommandations basées sur les commentaires des personnes
interrogées

1. Suggestions de rubriques
Certaines rubriques nous ont été suggérées par les étudiants, afin d'enrichir
l'interface d'accueil :

• Horaire des étudiants,

• Forum, afin de permettre à tout étudiant de donner ses impressions ou
des informations en tout temps.
• Accès direct au service en ligne de la bibliothèque
• Associations

2. Recommandations pour les liens

Après analyse des commentaires des participants aux tests utilisateurs, voici
nos recommandations sur les liens.

• Spécifier la nature du lien si celui dirige vers un fichier pdf par

exemple
• Éviter la redondance des liens sur une même page
• Mettre les liens hypertextes d'avantage en valeur

3. Suggestions d'images
Les étudiants sont très sensibles aux images. Voilà un ensemble de
suggestions d'images :

• Paysages colorés entourant l'université : ex : le mont Bellevue à

l'automne
• Garder la tonalité verte des images, cela dénote l'aspect nature de
l'environnement de l'université
• Exprimer d'avantages la diversité ethnique des étudiants
• Illustrer la bonne entente entre étudiants et professeurs

4. Quelle(s) icône(s), onglet(s) ou lien(s) du site trouvez vous confus ?

La synthèse des commentaires des étudiants à ce sujet était la suivante :
• les liens de la faculté et de Mon portail sont confus, il faut rendre ces
liens plus explicites et clairs
• L’image associée à L’icône « découvrir l’UDES » est confus, il faut la
rendre plus claire pour quelqu’un qui ne connait pas l’université.
• Les icônes de la Cabane et de plan de campus, de l’enveloppe sont
mal développées; il faut les rendre simples et claires.
• La mise en forme des onglets sur la barre de navigation devrait être
plus explicite, (par exemple mettre des couleurs plus foncées ou caractères
différents)
• Sur le lien de recherche, il serait intéressant de voir si les étudiants
après les études à l’université ont pu trouver un bon travail et de donner
par vidéo quelques témoignages des anciens étudiants de l'université.
C’est dans le but de motiver les étudiants.

Page 18
 • Le mot double AA il faut le clarifier et aussi trouver un synonyme à
intranet.

5. Après votre navigation, donnez votre avis sur la facilité de

recherche du site
• Certains répondants, surtout ceux qui faisaient un cheminement
recherche ont indiqué que la zone de recherche n'est pratiquement
d'aucune utilité pour les recherches spécialisées. Il faut faire en sorte que
le moteur de recherche sur le site offre des résultats adaptés aux besoins
de cette catégorie d’étudiants.
• Les recherches devraient être classées par domaine pour faciliter la
navigation. Par exemple toutes les recherches trouvées qui ont attrait à
l'économie devraient être classées dans un dossier économie.
• Mettre en place une option de recherche détaillée pour donner aux
étudiants de choisir plus de critères de recherche.

6. Espace réservé aux commentaires sur le design du site

• Certaines pages (en particulier la page principale) n'arrivent pas à
tenir entières à l'écran sans avoir recours à la barre de défilement ; il faut
ajuster ces pages en fonction du contenu.
• La rubrique recherche à un design totalement différent des autres
rubriques. Cela n'est pas du tout appréciable. On a l'impression d'être
déconnecté de tout le reste et d'être allé sur un autre site. Il faut faire en
sorte que les différentes rubriques restent identiques.
• Il faut alléger le texte dans les rubriques Étudiants internationaux,
Admission en ligne et découvrir l'Udes. et aussi rendre lisibles les
écritures.
• Ajouter des animations flash par exemple pour rendre le design plus
vivant.

Page 19
Annexe 1 – Statistiques descriptives
Sexe

Sexe Nombre Pourcentage

Féminin 8 40%

Masculin 12 60%

Total 20 100%

Age

Age Nombre Pourcentage

18 - 25 15 75%

25 - 29 1 5%

30 - 40 4 20%

> 40 0 0%

Total 20 100%

Niveau d'études en administration

Niveau d’étude Nombre Pourcentage

Bac (1ere année) 10 50%

Maîtrise 6 30%

Propédeutique 3 15%

Doctorat 1 5%

Total 20 100%

Page i
Expérience informatique

Expérience informatique Nombre Pourcentage

Pas d'expérience 0 0%

Juste une expérience momentanée 1 5%

Utilisation intensive mais depuis moins d'un an 0 0%

Usage limité mais depuis plus d'un an 1 5%

Usage quotidien mais depuis plus d'un an 18 90%

Total 20 100%

Types d'utilisations d'internet

Utilisation pour les

Nombre Pourcentage
travaux

Oui 13 65%

Non 7 35%

Total 20 100%

Utilisation pour les

Nombre Pourcentage
cours

Oui 11 55%

Non 9 45%

Total 20 100%

Utilisation pour le
Nombre Pourcentage
divertissement

Oui 17 85%

Non 3 15%

Total 20 100%

Page ii
 Values

0,00
2,00
4,00
6,00
1.

importance rubrique faculté

importance rubrique 1er cycle

importance rubrique 2nd cycle

importance rubrique 3eme cycle

importance rubrique intranet

importance rubrique monportail

L’importance des rubriques

Page iii
importance rubrique recherche

importance rubrique formation continue

importance rubrique contacts

Mean
Statistics
Annexe 2 – Moyennes
Descriptives a

type de questionnaire
interface classique interface nouvelle v1 interface nouvmaq
Mean Statistic menus du site explicite et
,57 1,00 ,83
clairs
rubriques pertinentes 1,00 1,29 ,83
police lisible 1,00 ,43 1,17
taille police adapté à ma
1,29 ,57 1,67
vue
grandes rubriques
1,43 1,00 ,67
identifiables
texte d'approche résume
1,00 1,29 ,83
le contenu
liens hypertextes actifs ,29 ,86 ,83
libellés liens hypertextes
,57 ,43 ,33
correspondent à la page
info recherché dispo d'un
1,43 2,00 1,50
seul clic
barre de navigation reste
2,71 ,71 1,50
identique
registre de la langue
,29 ,17
accessible
boutons de navigation et
1,14 ,57 1,00
icones sont explicites
onglets et liens sont
1,00 ,71 ,33
explicites
organisation en 3
,86 ,71 1,00
colonnes pertinentes
possibilité naviagation
sans utiliser la touche 2,29 ,29 ,83
retour
a. registre de la langue accessible is constant when type de questionnaire = interface nouvelle v1. It has been omitted.

Page iv
 Descriptives

Mean
type de questionnaire
interface classique interface nouvelle v1 interface nouvmaq
Statistic evaluation esthetique 2,71 2,43 3,50
evaluation sobriété
3,14 3,29 3,67
couleur

Page v
Annexe 3 - InterfaceV1 et Nouvmaq

Nouvmaq

Page 6
Interface V1

Page 7
Annexe 4 - Journal professionnel
Journal 1
Les objectifs des tests d’utilisabilité de notre travail de session étaient les suivants :

· vérifier la facilité de navigation sur le site de la faculté;

· déterminer si l’information sur le site est complète et facile à trouver;
· évaluer la satisfaction des utilisateurs par rapport au site;
· recueillir les commentaires, les suggestions et les différentes attentes des utilisateurs.

Toute forme d'évaluation comporte des limites. Ci- joint quelques limites de test d’utilisabilité :

1- Le test se déroule dans un environnement artificiel (non réel). C’est une description de la
situation réelle de l'utilisation et non de la situation elle-même.

2- Le test n'est pas toujours la meilleure technique à utiliser. Il y a beaucoup de techniques

destinées pour évaluer et améliorer des produits. Par exemple, dans certains cas il est plus
pertinent en termes de coût, temps, et de l'exactitude d’effectuer une évaluation experte du
produit plutôt que le tester.

3- Les résultats d'essai ne montrent pas qu'un produit fonctionne. Même si on conduit le type
d'essai qui saisit statistiquement des résultats significatifs, ceci ne montre toujours pas qu'un
produit fonctionne.

4- Les participants sont rarement représentatifs de la population ciblée :

Les participants sont seulement aussi représentatifs que votre capacité de comprendre et
classifier le vôtre des assistances de cible. La recherche de marché n'est pas la science
infaillible, et il est souvent difficile d'identifier et décrire l'utilisateur réel.

• Quelles sont celles applicables au projet courant?

1-Durant nos tests nous avons constaté que les utilisateurs, avaient une certaines craintes car le
milieu leur est inconnu. Donc certains étaient crispés ce qui pourrait jouer à l’encontre de
l’exactitude des résultats.

2- Les étudiants dans notre cas étaient les meilleures solutions car ce sont eux la clientèle visés et
donc leur avis compte. Cependant saurait été plus intéressant de faire passer ce test au
professionnel car ils sont aussi des utilisateurs du site.

3- Il est difficile d’avoir une vision parfaite des résultats. Plusieurs facteurs jouent énormément (le
stress, l’environnement inconnu etc.). Malgré qu’on ait expliqué le déroulement certains
étudiants étaient plus stressés. Nous pensons que cela est dû au fait que les étudiants qui ont
passé le test ont eu a leur expliqué qu’ils sont filmé, écouté, et surveillé Fais que ils sont plus

Page 8
 mal a l’aise que ceux qui ignorent ce qui se passe à l’autre coté de la salle

4- Dans le cadre de notre travail, nous avons tout d’abord eu de la misère à recruter les étudiants
vu que c’était la période des examens. Le nombre d’étudiant ne représente pas du tout la
population car nous avions étudié 20 étudiants contre une centaine de la faculté
d’administration et Cegep.

Autres limites non citées par Rubin

• Difficiles à appliquer avant qu’une interface existe

• Ne trouvent habituellement pas les problèmes de cohérence de l’interface.
• Nécessite une grande expertise des évaluateurs
• Grande variabilité dans la façon d'effectuer des tests d'utilisabilité
• Les tests d'utilisabilité peuvent nécessiter des déplacements chez les utilisateurs
• Compilation laborieuse des résultats
• Les processus de tests d’utilisabilité ne spécifient pas clairement toutes les étapes
• Les tests d'utilisabilité ne sont pas des analyses de sûreté
• Tests qualitatifs vs quantitatifs (ce ne sont pas des statistiques)

• Comment puis-je me préparer à des critiques sur ces points lors d'une présentation aux parties
prenantes?

Pour le succès d’éventuel projet de site Web il est nécessaire et important de :

Effectuer un pré-test avec des étudiants (futur ou actuel) et professionnels afin de s'assurer de la validité
du test et des éléments à évaluer (les fonctionnalités que le développeur va trouver ne sont pas
nécessairement celle que l’internaute va prioriser. Dans ce cas, baser les tests sur les attentes des
utilisateurs ne fera que rendre valide les résultats et surtout, apportera une valeur ajoutée au site).

Lors du test en soit, choisir de vrais utilisateurs et non des employés qui connaissent déjà le
fonctionnement du site (un problème reconnu lors de notre analyse est que les développeurs ont ignoré
systématiquement les utilisateurs, c’est à dire les futurs étudiants, étudiants et professionnels. Ces derniers
sont pourtant la clientèle visée donc leur avis devrait être la clé principale du projet).

L’environnement où s’est déroulé le test était un peu défaillant car la présence du guide pourrait
influencer les choix de l’utilisateur qui aurait tendance à répondre a toutes les questions et pourtant dans
un environnement pareil et sans guide, il serait amener à abandonner la navigation.

Sous observation, l'internaute tentera de décortiquer le problème auquel il fait face alors qu'en réalité, il
aura vite fait d'abandonner l'action et de quitter le site.

Journal 2

Page 9
À la lumière de la multitude des critères possibles, quels critères devrais-je
Utiliser pour classifier les sites et dans quelles situations?

Par ordre de priorité nous les classons comme suit:

1 La navigation (facilité pour l’utilisateur de se retrouver sur le site)

2 Le contenu (facilité de trouver ce qu’il cherche sans avoir à passer par un chemin plus long)
3 Les performances du système (Facilité du système de répondre adéquatement au besoin du point
de vu téléchargement de fichier par exemple, vidéo, sans bogues et en quelque seconde)
4 Le design et la présentation (Une interface simple du site, ne présenter que ce que le site
voudrait partager aux utilisateurs. Par exemple dans le cadre du site de recrutement les futurs
étudiants auront besoin de plus d’information possible sur le campus, les programmes. Pourtant
dans le cadre d’étudiants actuels, le besoin est plus : comment accéder au note de cours, aux
bulletins, Bref donc besoin y est de personnaliser)
5 Le support client (Ressources disponibles pour avoir de l’aide et conseils en cas de besoin
pourrait clarifier les recherches. Ex : en début de session expliquer aux nouveaux étudiants le
fonctionnement du site, et aussi un plan de site pour qu’ils se repèrent.)
6 La sécurité (le site est avant tout informatif et la sécurité nous n’en faisons pas cas à moins que
ce soit le site de paiement de l’université ce qui est différent du site de la faculté
d’administration).

Par contre dans le cadre d’un site commerciale comme eBay :

1 La recherche (permettre une recherche plus facile avec plusieurs critères de recherche)
2 Le design et la présentation (avoir un site attractif et limpide afin de garder plus longtemps le
client et éviter la fatigue visuel)
3 Le support client (offrir un service instantané afin de répondre au besoin du client car nous
sommes dans un environnement transactionnel et donc plus les clients ont besoin d’être
confiant avant d’effectuer des transactions)
4 La sécurité (elle pourrait être 3ème ou 4ème. Tout dépend du niveau de confiance si nous
voulons que le client achète en ligne. Cependant il faut noter que la majorité font du lèche
vitrine sur des sites comme canadian-tire et achètent ensuite en magasin.
5 Les performances du système (Rapidité du système à répondre à la demande d client par
exemple le téléchargement de fichiers ou chargement de la page.)

Quelle l'apport de la dimension connaissance en comparaison à la dimension expérience dans ce

choix?

Nos connaissances en la matière de test d’utilisabilité s’étendent à 3 ans. Connaissances que nous avons
acquises lors de nos cours de Marketing électronique où nous avons eu à étudier les critères de Bastian et

Page
10
Scapin. Cependant les priorités et la profondeur de notre connaissance faisaient défaut car notre niveau
d’analyse était plus limité. Ce cours m’a beaucoup appris au niveau des critères.

Journal 3

Est ce que je dois faire l’impartition par manque de compétence?

Processus de changement

La théorie de Lewin dégel, déplacement (on change l’organisation donc il y a des résistances a cette
phase) et le regel (phase du rééquilibre)

Implantation: adoption par l’utilisateur, processus décisionnel du design en réalité pour produire valeur
ajoutée client.

Seulement 9% seulement des projets réussissent à être implanté.

Traditionnellement la phase qui requiert plus de finance c’est la maintenance car il est à long terme.

Vision Technologique

Les méthodes de développement

- Développement traditionnel: Le client est rencontré une fois pour définir ses besoins. Ensuite le
travail se fait sans ce dernier. Donc risque de dérapage niveau objectif à atteindre.

- Développement Agile: Les équipes organisées par compétence. Il existe une flexibilité avec cette
méthode qui préconise que le client soit présent depuis la définition de ses besoins jusqu'à
l’implantation. Un niveau plus haut de collaboration est présent.

- Développement Spirale: on part avec un projet relativement petit et on va au test d’implantation,

à l’analyse de risques. En redéfinissant constamment les besoins à chaque étape avant de
continuer.

- Développement prototype: on rencontre le client au temps opportun afin de le questionner à

chaque avancement du projet.

- Développement l’utilisateur: L’utilisateur vient ajouter des applications au site. Exemple

Web2.0, face book etc. L’utilisateur développe sa propre version d’outil ou produit associé au
site.

Vision managériale

- Comment le développement du système va venir se placer au sein de l’organisation.

Page
11
- l’analyste doit prendre plus connaissance des observations générales (tâche, organisation etc..) pour
l’implantation. Il doit aussi faire face aux habitudes croyances, interrelations, objectifs personnels

Facteur de stress d’un projet dans l’organisation

Temps imparti

Fonctionnalité à implanter

Argent mis en jeu

Pression de la hierarchie

Facteur de réussite du projet

L’utilisation par la direction pour montrer son utilité

Implication de l’utilisateur

Qualité de la gestion

Gestion de la complexité et du risque

Est ce que je dois faire l’impartition par manque de compétence?
L'IMPARTITION, qui consiste pour une organisation à se procurer à l’extérieur un produit ou service
qu’elle pourrait obtenir de l’intérieur n’est pas nouveau.

SIMPLICITÉ - malgré donc apparence simpliste, l'impartition peut devenir un cauchemar lorsque mal
préparée. Il n'est pas souhaitable d'en sous-estimer les conséquences.

On ne fait de l’impartition par manque de compétence uniquement.

1- L’expertise n’est plus disponible à l’interne,

La vitesse du changement ne permet pas de conserver du personnel à la fine pointe de technologies

implantées.

La réticence du personnel à délaissé les avenues conventionnelles pour la nouvelle façon de faire

2- la structure organisationnelle change,

L'accroissement ou le changement de la mission d'un organisme apporte toute sorte de modification de

structure le personnel est appelé a jouer d'autre rôle et ne sont plus disponible pour effectuer les tâches
normales.

Page
12
3- Réduire les coûts - dans toutes les études cette raison est toujours la 4ième

Processus de changement
La démarche à effectuer lors d'une opération d’impartition, implique un processus qui permettra d’obtenir
des résultats optimum. D’après les études réalisées et les sondages effectués auprès des différents secteurs
d’activités qui ont privilégié cette approche, il y a une démarche à suivre que l’on peut résumer comme
suit:

Démarche à suivre

1 - Clarification des besoins,

Définir les besoins d'impartition, quels services seront touchés etc. Les balises qui guideront les
gestionnaires dans les processus fonctionnels pour l’ensemble de son organisation durant toutes
les étapes de mise en place de l’impartition.

Dans l’ensemble, il faut déterminer les objectifs et les attentes que nous désirons obtenir de
l’impartition.

2 - Établir les barèmes de comparaisons

Nos attentes, les points de comparaisons, les contrôles de performances, les indices de réussites
etc.

3 - Définir les rôles

Implication du personnel, du gestionnaire, des intervenants externes,

4 - Connaissance du marché

Page
13
Y a-t-il des entrepreneurs qui sont dans ce marché, qui sont-ils, quel est la valeur de ses services etc...

Il est bien important de clarifier pour tous les intervenants, leurs responsabilités, rôles et les attentes.

1- C’est ici que tout se passe, dans cette exercice, les gestionnaires doivent définir et s'assurer que
toutes les attentes de l’opération sont claires et bien définies, tant pour l'internes que pour l'externe :
Travaux, performance, vérification, rôles, économies, temps, personnel, satisfactions etc.

2- indicateur de performance

Ces informations importantes vous permettront de savoir si vous avez réussi ou échoué. Il faut
déterminer la situation de départ pour vérifier si l’opération d’impartition rencontre les attentes.

3- Mécanismes de plaintes etc.

Pour cette étape, il est très important de déterminer les nouveaux rôles et fonctions de chacune des
personnes touchées par l’impartition, tant le personnel que l'ensemble des employés.

Effectivement, il est important de clarifier pour le personnel la fonction de ce dernier dans la nouvelle
structure. Qui fera quoi après la mise en place du contrat, donc :

- Définir les rôles des gestionnaires, des employés, support, conseiller technique, conventions collectives
etc.

Page
14
Annexe 5 - Modèle

Page
15
Annexe 6 – Questionnaire ( avec sommaire exécutif)
GCE 840 – Implantation d’un projet de commerce électronique

Grille d’évaluation de l’utilisabilité

Présenté par :
Garcia Kevin,
Houédanou Jean Luc,
Hanine Mustapha,
Zongo Jackye,
Fournier Antoine,

Etudiants en Msc.Adm, concentration gestion du commerce électronique

Page
16
Avant-propos

Bonjour.
Nous sommes des étudiants au programme de Maîtrise en Commerce Électronique. Dans le
cadre du cours dénommé « Implantation d’un projet de commerce électronique »- GCE 840,
nous devons mesurer l’utilisabilité du site web de la faculté d’administration de l’université de
Sherbrooke.
Le but de notre étude est de recueillir les avis de plusieurs étudiants sur l’interface du site web
de la faculté d’administration de l’UdeS.
NB : Nous vous assurons que vos données resteront strictement confidentielles et seront juste
utilisées que pour notre projet de session.

Merci pour votre temps et votre patience.

Page
17
 !
Pour chacune des questions, vous pouvez, si vous le désirez, vous rendre sur le site à tester :
pour ce faire, maintenez la touche CTRL et cliquez sur le lien site
Veuillez SVP toujours cocher avec la lettre X dans la case appropriée tout au long du
questionnaire
N’oubliez pas de sauvegarder votre document à des intervalles réguliers, en faisant CTRL+S

Page
18
Quelques informations sur vous.

1. Veuillez indiquer votre sexe:

Féminin Masculin

2. Choisissez une tranche d’âge dans laquelle vous vous situez :

18 à 25 ans 25 à 30 ans 30 ans à 40 ans 40 ans et plus

3. Veuillez indiquer votre faculté d’étude :

Administration UdeS
Bac
Maitrise
Doctorat

Autre

Administration Cegep

4. Veuillez indiquer votre expérience avec les ordinateurs (Veuillez cocher la

ou les cases relatives à votre préférence) :
Pas d’expérience
Juste une expérience momentanée
Utilisation intensive, mais depuis moins d’un an
Un usage limité, mais depuis plus d’un an
Usage quotidien depuis plus d’un an

5. J’utilise Internet surtout pour (Veuillez cocher la ou les cases relatives à

votre préférence) :
Mon travail ou mes travaux
Mes cours
Le divertissement

Page
xix
Votre évaluation de l’utilisabilité du site web de la faculté d’administration

1. Evaluation du contenu (60%)

a. Aspect clair des menus :

Veuillez donner votre avis sur les menus présentés dans l’image ci-dessous :
Le lien présent en bas de l’image vous permettra d’aller, si vous le désirez, sur
la page d’où provient cette image.

Site internet

1. Les menus du site sont explicites et clairs :

Absolument Pas du tout
1 2 3 4 5 6 7
d’accord d’accord

Page
xx
 2. Les différentes rubriques présentées sur le site sont pertinentes
Absolument Pas du tout
1 2 3 4 5 6 7
d’accord d’accord

3. Quelle rubrique souhaiterez-vous rajouter au site ? (veuillez indiquer

votre réponse ci-dessous)

Commentaires :

4. Veuillez classer les rubriques suivantes du site par ordre

d’importance (de 1 – plus important à 9 – moins important)
La Faculté
1
Premier cycle
1

Page
xxi
 Deuxième cycle
1
Troisième cycle
1
Formation continue
1
Recherche
1
Contacts
1
Intranet
1
MonPortail
1

5. La police utilisée pour les menus du site me permet de lire les

caractères présents sur le site :
Absolument Pas du tout
1 2 3 4 5 6 7
d’accord d’accord

6. La taille de la police du site est adaptée à ma vue :

Absolument Pas du tout
1 2 3 4 5 6 7
d’accord d’accord

7. Les grandes rubriques de l’information présentes sur le site sont

facilement identifiables :
Absolument Pas du tout
1 2 3 4 5 6 7
d’accord d’accord

b. Découpage logique de l’information présente sur le site

Pour les questions qui suivent, nous vous recommandons d’aller sur le site
grâce au lien suivant
Site internet

Page
xxii
 1. Le texte d’approche résume le contenu de chaque section de la
page :
Absolument Pas du tout
1 2 3 4 5 6 7
d’accord d’accord

2. Les liens hypertextes sont actifs :

Absolument Pas du tout
1 2 3 4 5 6 7
d’accord d’accord

Important ; Vous devez réaliser la tâche qui suit avant de donner votre avis sur
ce point - vous disposez de 5 minutes pour la compléter
1. Dans un premier temps, connectez-vous sur le site de la faculté
d’administration grâce au lien suivant :
Site internet
2. Cliquez ensuite sur chacun des liens présents sur la page.
Répondez ensuite à la question suivante.

3. Les libellés des liens hypertextes correspondent au contenu des

sections vers lesquelles ils pointent :
Absolument Pas du tout
1 2 3 4 5 6 7
d’accord d’accord

4. Est-ce que le lien hypertexte et la rubrique vers laquelle il pointe

concordent? (veuillez justifier votre réponse dans l’espace réservé ci-
dessous)
Oui
Non

Page
xxiii
 Commentaires :

5. La mise en forme des liens hypertextes du site vous a-t-elle permis

de les reconnaître ? Si vous répondez non à cette question, indiquez
nous comment l’améliorer dans l’espace réservé
Oui
Non

Page
xxiv
 Commentaires :

6. Disponibilité de l’information
Important ; Vous devez réaliser 2 tâches avant de donner votre évaluation
sur ce point - vous disposez de 10 minutes pour les compléter
1. Dans un premier temps, connectez-vous sur le site de la faculté
d’administration grâce au lien suivant :
Site internet .
Ensuite cherchez la description détaillée du programme spécifique dans
lequel vous souhaiteriez continuer vos études. Cette description devra
consister dans la liste des cours et le nombre de crédits requis pour
compléter le programme.
2. Une fois cette description obtenue, cherchez le lien pour
télécharger le formulaire d’admission.

7. Suite à votre navigation, pouvez-vous dire que l’information

recherchée par l’internaute est disponible d’un clic ?
Absolument Pas du tout
1 2 3 4 5 6 7
d’accord d’accord

Page
xxv
 Pour les questions qui suivent, nous vous recommandons d’aller sur le site
grâce au lien suivant
Site internet
8. La barre de navigation verticale et horizontale du site reste
identique, et ce, peu importe la page où on se trouve

(Si vous n’avez pas utilisé la barre de navigation, nous vous invitons à le
faire en cliquant sur le lien hypertexte)
Absolument Pas du tout
1 2 3 4 5 6 7
d’accord d’accord

c. Qualité de la langue : Le registre de langue utilisé sur le site est

accessible à un étudiant du CEGEP
Absolument Pas du tout
1 2 3 4 5 6 7
d’accord d’accord

Page
xxvi
 d. Veuillez donner votre avis sur la pertinence des illustrations du site:
1. Les illustrations sont représentatives de l’image que devrait véhiculer
l’UdeS
2. Les illustrations laissent une image marquante (positive ou négative) ?

Commentaires :

2. Evaluation de la navigation (20%)

a. Onglets, rubriques et liens clairs et concis
Pour les questions qui suivent, nous vous recommandons d’aller sur le site
grâce au lien suivant
Site internet
Veuillez observer les icônes et liens présentés dans l’image ci-dessous,

Page
xxvii
 i. Les boutons de navigation et les icones présentes sur le site sont
explicites
Absolument Pas du tout
1 2 3 4 5 6 7
d’accord d’accord

ii. Les onglets, les liens du site sont explicites

Absolument Pas du tout
1 2 3 4 5 6 7
d’accord d’accord

Page
xxviii
iii. Quelle(s) icône(s), onglet(s) ou lien(s) du site trouvez vous confus ?

Commentaires :

Si vous le désirez, vous pouvez les retrouver dans leur contexte original

Site internet

Page
xxix
 iv. En regardant l’illustration ci-dessous, pouvez vous dire que
l’organisation en 3 colonnes est pertinente

Absolument Pas du tout

1 2 3 4 5 6 7
d’accord d’accord

b. Repérage
Pour les questions qui suivent, nous vous recommandons d’aller sur le site
grâce au lien suivant
Site internet

i. Accessibilité de la navigation par les liens – il est possible de

naviguer dans le site sans la touche back du navigateur

Absolument Pas du tout

1 2 3 4 5 6 7
d’accord d’accord

Important : Vous devez réaliser la tâche suivante - vous disposez de 5

minutes pour la compléter

Page
xxx
 1. Dans un premier temps, connectez-vous sur le site de la faculté
d’administration grâce au lien suivant :
Site internet .
Sélectionnez ensuite la zone de recherche, et entrez plusieurs mots clés
relatifs à votre choix de programme
Naviguez ensuite dans les résultats de recherche.

ii. Apres votre navigation, donnez votre avis sur la facilité de recherche
du site

Commentaires :

iii. Est-ce que les résultats de votre recherche sur le site vous ont donné
un lien relatif à la faculté, ou un lien relatif à l’université ?
Faculté
Université

c. Présence de FAQ ou de plan de site sur la page

Oui
Non

Page
xxxi
3. Evaluation de la navigation (20%)
Pour les questions qui suivent, nous vous recommandons d’aller sur le site
grâce au lien suivant
Site internet

a. Veuillez évaluer l’esthétique globale du site de 1 à 4 (1 pas du tout

appréciée et 4 très appréciée)

b. Veuillez évaluer la sobriété des couleurs du site de 1 à 4 (1 pas du tout

appréciée et 4 très appréciée)

c. Espace réservé aux commentaires sur le design du site

Commentaires :

Page
xxxii
Page
xxxiii