ABC
1
1. Faire une copie de ce document
2. Partager avec les membres de l'équipe et le professeur
3. Créer une carte TRELLO avec le lien du document
4. Copier-coller le lien dans le document de suivi des équipes sur le libellé AQ
5. Remplir ce document pour la remise finale (valeur de 25% de la note)
2
TP2 - Tests d'assurance qualité
3
Page Accueil (voir autres pages dans les onglets dans le bas de l'écran)Oui, Meh, NonCommentaires
4
CONTENUS ATTENDUS (énoncé)
5
La section hero nous plonge dans l'univers et l'ambiance de l'entreprise avec une image percutante, un message fort et un CTAoui
6
La section Push1 nous présente un aspect primordial de l'entreprise (Services? Produit?) et un CTAmeh
7
La section Push2 nous présente un aspect secondaire de de l'entreprise (Portfolio? À propos ?) et un CTAnon
8
La section Push3 (optionnel) nous présente un aspect tertiare de l'entreprise et un CTA
9
Un footer professionnel est présent (voir exemples professionnels)
10
QUALITÉ DES TEXTES ET IMAGES
11
Textes pertinents, clairs, concis, et adaptés au public cible.
12
Images de haute qualité, professionnelles, illustrant chaque message pour renforcer la crédibilité de l'entreprise.
13
Cohérence entre les visuels et les textes pour raconter une histoire unifiée de l'entreprise ou du produit
14
On comprend rapidement et aisément qui est l'entreprise, ses services ou son produit
15
INSPIRATION ET PRINCIPES DE DESIGN
16
Design moderne et épuré, en accord avec les tendances actuelles et l’identité visuelle de l'entreprise.
17
Équilibre harmonieux des éléments de la page pour une navigation aisée sans surcharge visuelle.
18
Unité de design entre cette page et le reste du site pour garantir une expérience utilisateur cohérente.
19
QUALITÉ DE L’INTERACTIVITÉ ET PROGRAMMATION WORDPRESS
20
Placement intuitif des éléments interactifs comme les liens, boutons et autres CTA pour naviguer facilement vers les actions souhaitées.
21
Utilisation judicieuse des animations pour mettre en valeur les éléments clés sans distraire du contenu principal.
22
Utilisation optimale de WordPress et ses possibilités (fonctions, blocs, plugins, etc)
23
Qualité du "Responsive" pour mobile (tester sur un appareil mobile)
24
FONCTIONNALITÉS
25
Liens : Vérifiez que tous les liens internes et externes fonctionnent correctement sans mener à des pages d’erreur 404.
26
Formulaires : Testez tous les champs de saisie, les validations de formulaire, et assurez-vous que les soumissions aboutissent correctement.
27
Menus de navigation : Assurez-vous que la navigation est intuitive, que tous les menus déroulants fonctionnent et mènent aux bonnes sections.
28
Boutons : Confirmez que tous les boutons sont cliquables et mènent à l’action attendue.
29
Fonctionnalités AJAX : Vérifiez le fonctionnement des fonctionnalités dynamiques comme le chargement de contenu sans rechargement de page.
30
PERFORMANCE
31
Temps de chargement : Mesurez le temps nécessaire pour charger la page complètement et optimisez les éléments lourds si nécessaire.
32
Optimisation des images : Assurez-vous que les images sont optimisées pour le web sans compromettre la qualité.
33
COMPATIBILITÉ
34
Navigateurs : Testez la page sur différents navigateurs web (Chrome, Firefox, Safari, Edge) pour s’assurer de sa compatibilité.
35
Résolutions d’écran : Vérifiez le rendu de la page sur différentes tailles d’écran pour garantir une expérience utilisateur optimale.
36
Responsive design : Assurez-vous que la page utilise un design adaptatif pour offrir une expérience cohérente sur tous les appareils.
37
ACCESSIBILITÉ
38
Contrastes de couleur : Assurez-vous que les textes sont lisibles et que les contrastes sont suffisants pour les utilisateurs malvoyants.
39
SEO (SEARCH ENGINE OPTIMIZATION)
40
Balises méta : Vérifiez la présence et l’optimisation des balises méta, y compris les titres, descriptions et balises ALT pour les images.
41
Structure des URL : Assurez-vous que les URL sont propres, logiques et optimisées pour le référencement.
42
Contenu dupliqué : Vérifiez l’absence de contenu dupliqué qui pourrait nuire au classement de la page.
43
CONFORMITÉ DU CODE
44
Validation du code : Utilisez des validateurs pour vérifier que le HTML et le CSS sont conformes aux standards du W3C.
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100