ECOM RICM5 Groupe6 2017 - Evaluation acceuil

{|class="wikitable alternance" |+ Evaluation selon les 10 principes de Jacob Nielsen

| rowspan="1" style="text-align: center; background-color:gray;"| Visibilité de statut du système | style="text-align: center; background-color:gray;"| Le système devrait maintenir l’utilisateur toujours informé sur sa localisation à travers des marquages appropriées dans un temps raisonnable. Dans ce principe, deux chose sont plus importantes : Les utilisateurs doivent savoir où est-ce qu’ils sont et où est-ce qu’ils doivent aller.

|- | rowspan="1" style="text-align: center; background-color:white;"| Comment est­ elle bien mise en application ? | style="text-align: center; background-color:white;"| Présence description du site plus boutons d'inscription de connexion ou de redirection vers les courses.

| rowspan="1" style="text-align: center; background-color:white;"| Comment est­ elle mal mise en application ? | style="text-align: center; background-color:white;"| Même si on le comprend facilement, il n'y a aucune indication que c'est la page d’accueil

| rowspan="1" style="text-align: center; background-color:white;"| Comment pourrait ­elle être appliquée ? | style="text-align: center; background-color:white;"| écrire quelque part, accueil.

| style="text-align: center; background-color:gray;"| Le système devrait " parler " la langue des utilisateurs de telle façon que les informations apparaissent dans un ordre naturel et logique, en se conformant aux mots, expressions et conventions usuels.
 * rowspan="1" style="text-align: center; background-color:gray;"| Correspondance entre le système et le monde réel
 * rowspan="1" style="text-align: center; background-color:gray;"| Correspondance entre le système et le monde réel

|- | rowspan="1" style="text-align: center; background-color:white;"| Comment est­ elle bien mise en application ? | style="text-align: center; background-color:white;"| Le site s'adresse à des sportifs français, la langue est donc adaptée. Il n'y a pas de langage difficile.

| rowspan="1" style="text-align: center; background-color:white;"| Comment est­ elle mal mise en application ? | style="text-align: center; background-color:white;"|

| rowspan="1" style="text-align: center; background-color:white;"| Comment pourrait ­elle être appliquée ? | style="text-align: center; background-color:white;"|

| style="text-align: center; background-color:gray;"| Le système devrait être très " obéissant " aux actions de l’utilisateur et offrir des " sorties de secours " clairement marquées pour les opérations exécutées mais non désirées, ainsi que des options de faire/défaire les opérations dans le dialogue. Il faut aussi permettre à l’utilisateur de personnaliser sa zone de travail comme la couleur, la police de caractères, la largueur de l’écran, la version du navigateur, etc.
 * rowspan="1" style="text-align: center; background-color:gray;"| Contrôle de l’utilisateur et liberté
 * rowspan="1" style="text-align: center; background-color:gray;"| Contrôle de l’utilisateur et liberté

|- | rowspan="1" style="text-align: center; background-color:white;"| Comment est­ elle bien mise en application ? | style="text-align: center; background-color:white;"| Le design de la page d’accueil s’adapte au format d'écran utilisé. La connexion est impossible si vous n'avez pas de compte et on vous indique si vous essayé de vous connecter avec des login non existant.

| rowspan="1" style="text-align: center; background-color:white;"| Comment est­ elle mal mise en application ? | style="text-align: center; background-color:white;"| Pas de changement de couleur ou de police qui sont l'identité du site.

| rowspan="1" style="text-align: center; background-color:white;"| Comment pourrait ­elle être appliquée ? | style="text-align: center; background-color:white;"|

| style="text-align: center; background-color:gray;"| Suivre les conventions de plate-forme est la façon la plus sûr de respecter ce principe. Les utilisateurs ne doivent pas se demander si les différentes mots, situations ou actions veulent dire la même chose. Les titres et entêtes doivent être représentatifs du contenu.
 * rowspan="1" style="text-align: center; background-color:gray;"| Consistance et étalon (normalisation)
 * rowspan="1" style="text-align: center; background-color:gray;"| Consistance et étalon (normalisation)

|- | rowspan="1" style="text-align: center; background-color:white;"| Comment est­ elle bien mise en application ? | style="text-align: center; background-color:white;"| Les quelques boutons porte des indication claire. La police reste la même sur toute la page: homogénéité.

| rowspan="1" style="text-align: center; background-color:white;"| Comment est­ elle mal mise en application ? | style="text-align: center; background-color:white;"|

| rowspan="1" style="text-align: center; background-color:white;"| Comment pourrait ­elle être appliquée ? | style="text-align: center; background-color:white;"|

| style="text-align: center; background-color:gray;"| Le système devrait prévoir les erreurs que l’utilisateur peut commettre. Il doit offrir de bons messages d’erreurs et instructions compréhensibles pour les corriger afin d’éviter que des problèmes surviennent.
 * rowspan="1" style="text-align: center; background-color:gray;"| Prévention contre les erreurs
 * rowspan="1" style="text-align: center; background-color:gray;"| Prévention contre les erreurs

|- | rowspan="1" style="text-align: center; background-color:white;"| Comment est­ elle bien mise en application ? | style="text-align: center; background-color:white;"|

| rowspan="1" style="text-align: center; background-color:white;"| Comment est­ elle mal mise en application ? | style="text-align: center; background-color:white;"|

| rowspan="1" style="text-align: center; background-color:white;"| Comment pourrait ­elle être appliquée ? | style="text-align: center; background-color:white;"|

| style="text-align: center; background-color:gray;"| Le système devrait rendre les objets, les actions et les options visibles. L’utilisateur ne doit pas se rappeler des informations d’une partie du dialogue à l’autre. Les directives pour l’usage du système doivent être visible ou facilement récupérables à chaque fois que c’est nécessaire pendant le dialogue (boutons, cartes de navigation, bonnes étiquettes et liens descriptifs, par exemple).
 * rowspan="1" style="text-align: center; background-color:gray;"| Reconnaissance plutôt que rappel
 * rowspan="1" style="text-align: center; background-color:gray;"| Reconnaissance plutôt que rappel

|- | rowspan="1" style="text-align: center; background-color:white;"| Comment est­ elle bien mise en application ? | style="text-align: center; background-color:white;"| Toutes les actions de cette page sont visible et claire.

| rowspan="1" style="text-align: center; background-color:white;"| Comment est­ elle mal mise en application ? | style="text-align: center; background-color:white;"|

| rowspan="1" style="text-align: center; background-color:white;"| Comment pourrait ­elle être appliquée ? | style="text-align: center; background-color:white;"|

| style="text-align: center; background-color:gray;"| Le système devrait offrir des raccourcis pour les utilisateur expérimentés. Mettre des accélérateurs permettant aux utilisateurs de faire et/ou récupérer les actions plus fréquemment utilisées (par exemple, des signet et etc.).
 * rowspan="1" style="text-align: center; background-color:gray;"| Flexibilité et efficience d’utilisation
 * rowspan="1" style="text-align: center; background-color:gray;"| Flexibilité et efficience d’utilisation

|- | rowspan="1" style="text-align: center; background-color:white;"| Comment est­ elle bien mise en application ? | style="text-align: center; background-color:white;"| il y a seulement des actions direct qui ne demandent pas vraiment de raccourcis.

| rowspan="1" style="text-align: center; background-color:white;"| Comment est­ elle mal mise en application ? | style="text-align: center; background-color:white;"|

| rowspan="1" style="text-align: center; background-color:white;"| Comment pourrait ­elle être appliquée ? | style="text-align: center; background-color:white;"|

| style="text-align: center; background-color:gray;"| Les dialogues devraient contenir seulement les informations pertinentes et principales qui devraient être bien visible. Les informations non pertinentes ou rarement utilisées doivent être placées dans les niveaux les plus bas ou les plus détaillés dans la hiérarchie de distribution du contenu. Chaque unité d’information supplémentaire dans un dialogue rivalise avec les unités pertinentes et diminue leur visibilité relative.
 * rowspan="1" style="text-align: center; background-color:gray;"| " Design " esthétique et minimaliste
 * rowspan="1" style="text-align: center; background-color:gray;"| " Design " esthétique et minimaliste

|- | rowspan="1" style="text-align: center; background-color:white;"| Comment est­ elle bien mise en application ? | style="text-align: center; background-color:white;"| Pas beaucoup d'informations. Cela reste pertinant.

| rowspan="1" style="text-align: center; background-color:white;"| Comment est­ elle mal mise en application ? | style="text-align: center; background-color:white;"|

| rowspan="1" style="text-align: center; background-color:white;"| Comment pourrait ­elle être appliquée ? | style="text-align: center; background-color:white;"|

| style="text-align: center; background-color:gray;"| Les messages d’erreurs devraient être exprimés dans la langue ordinaire, sans code en indiquant précisément le problème de manière constructive, claire et compressible et de minière à offrir une solution aux problèmes ou en tout cas comment les résoudre.
 * rowspan="1" style="text-align: center; background-color:gray;"| Fonctions de l’aide (reconnaissance, diagnostic et récupération d’erreurs)
 * rowspan="1" style="text-align: center; background-color:gray;"| Fonctions de l’aide (reconnaissance, diagnostic et récupération d’erreurs)

|- | rowspan="1" style="text-align: center; background-color:white;"| Comment est­ elle bien mise en application ? | style="text-align: center; background-color:white;"| Il n'y a pas vraiment d'erreur possible.

| rowspan="1" style="text-align: center; background-color:white;"| Comment est­ elle mal mise en application ? | style="text-align: center; background-color:white;"|

| rowspan="1" style="text-align: center; background-color:white;"| Comment pourrait ­elle être appliquée ? | style="text-align: center; background-color:white;"|

| style="text-align: center; background-color:gray;"| Le système devrait fournir des aides et de la documentation. Toutes les informations devraient être facile à chercher et être concentrées sur la tâche (par exemple, tutoriels, spécifications, agents intelligents, etc.).
 * rowspan="1" style="text-align: center; background-color:gray;"| Aide et documentation
 * rowspan="1" style="text-align: center; background-color:gray;"| Aide et documentation

|- | rowspan="1" style="text-align: center; background-color:white;"| Comment est­ elle bien mise en application ? | style="text-align: center; background-color:white;"|

| rowspan="1" style="text-align: center; background-color:white;"| Comment est­ elle mal mise en application ? | style="text-align: center; background-color:white;"|

| rowspan="1" style="text-align: center; background-color:white;"| Comment pourrait ­elle être appliquée ? | style="text-align: center; background-color:white;"| On pourrait créer des pop-up sur chaque boutons dans le but d'expliquer son utilisation. Boutons facile à comprendre = Pertinent ?