Comment bien recetter un site internet ?

C'est quoi la recette ?

La phase de recette intervient une fois que les développeurs ont achevé le site. Cette phase de projet permet de vérifier qu'il est conforme aux spécifications initiales du projet. Elle comprend plusieurs volets : la recette graphique, pour aligner le site sur les maquettes, la recette fonctionnelle, garantissant la correspondance avec les fonctionnalités spécifiées, la recette back-office, vérifiant la conformité des fonctionnalités d'administration et les tests tiers. Ces tests sont réalisés par d'autres intervenants pour des aspects spécifiques comme l'accessibilité ou la sécurité. Cette étape est cruciale pour assurer le déploiement d'un site de qualité, répondant aux exigences du cahier des charges. Mais comment mettre en œuvre une recette efficace ?

‍

Pour réussir une recette, il faut :

1 site développé sur un environnement de pré-prod
2 personnes pour recetter efficacement et ne rien oublier
3 ou 4 navigateurs différents (Arc, Chrome, Firefox, Safari, Opera...)
3 devices (Desktop, Tablette, Mobile OS et Android)

‍

Première étape : la planification

Une fois que les développements de votre site sont lancés, la 1ère étape consiste à planifier la recette future interne et client.

Recetter un site est une phase à part entière qui peut parfois prendre autant de temps que la phase de développement en elle-même : il est important de réserver assez de temps aussi bien en interne que pour le client.

Pour la réalisation du planning, il faut bien penser à scinder la recette en plusieurs phases : interne et client

‍

Deuxième étape : suivre le plan

Le cahier de recette ou test d'acceptation est un document qui sert d'accusé de réception. Son but est de confirmer les résultats des tests sur le site qui vient d'être développé. Dans ce cahier, on va par exemple définir les rôles. Qui est en mesure d'approuver les éléments et de les déclarer conformes. C'est aussi grâce à ce document que l'on va définir les seuils d'acception. Est-ce que si un élément obtient la note de 8/10 elle peut être considérée comme conforme ou non...

‍

Troisième étape : aux bons ouvriers les bons outils

Tous ceux qui ont déjà eu des retours et des demandes de corrections par mail savent à quel point c'est insupportable... L'information est rarement claire, elle se perd, on ne peut pas suivre les actions réalisées, bref, la boite mail n'est pas un outil de recette.

Pour ça, le mieux est de se doter d'un outil de ticketing.

Cet outil vous permet de créer des tickets et de les organiser selon différents statuts :

Nouveaux tickets ou backlog
Tickets en cours
Tickets en attente
Tickets à valider
Tickets refusés
Tickets validés

Vous pourrez alors avoir une vision de l’avancée de votre recette en temps réel. Il en existe plusieurs. Jira et Github sont les plus connus. Chez the Bridge, on a un petit faible pour teamwork qui est aussi notre outil de gestion de projet. Pour ne pas vous perdre, on conseille de "silloter" les recettes. Recette graphique, du contenu, fonctionnelle, backoffice...

‍

Quatrième étape : on recette

Tout est prêt pour lancer les tests. Il reste donc à suivre la méthode définie pour ajouter des tickets, corriger ce qui doit l'être...

Pour que ce soit efficace et compréhensible par tous, il faut absolument avoir un process pour la rédaction et le suivi des tickets.

Voici un exemple :

Le titre : élément testé et s'il s'agit d'un ticket graphique, fonctionnel...
Dans le corps du ticket : le device et le navigateur testé
La description du bug observé
Un screenshot
Résultat obtenu vs résultat attendu
Assignation du ticket à la personne / l'équipe censée corriger le bug
On peut aussi ajouter un niveau de priorité

Lorsqu'un ticket est résolu et en attente de validation, il faut impérativement re tester l'ensemble du parcours, car on peut parfois être confronté à des effets de bords. La résolution d'un bug peut avoir créé un autre bug ailleurs.

‍

Cinquième : mettre en production

Lorsque vous avez correctement testé toutes les fonctionnalités, vérifié la conformité du projet sur les plans esthétiques, techniques et fonctionnels, vous êtes prêts à mettre en production votre site web.

La mise en production, c'est l'étape qui consiste à migrer votre site d'un environnement de préproduction ou de recette vers un environnement de production. En d'autres termes, il s'agit de la mise en ligne d'un site web.