Les ingrĂ©dients d'une recette de site đŸ‘©â€đŸłđŸ§‘â€đŸł
À travers les yeux de
Camille
Momboisse
Cheffe de projet
6
minutes de lecture
min
Expertise :
L’étape du recettage peut ĂȘtre perçue comme la bĂȘte noire d’un projet web. Elle peut ĂȘtre longue, fastidieuse et dĂ©motivante pour les Ă©quipes. Alors que c’est la consĂ©cration de plusieurs mois de travail avant la mise en ligne de votre site ou application. Ici, pas de recette miracle, juste quelques ingrĂ©dients pour mieux apprĂ©hender cette Ă©tape essentielle !
Les ingrĂ©dients d'une recette de site đŸ‘©â€đŸłđŸ§‘â€đŸł
Par
Momboisse
Camille
-
Cheffe de projet
This is some text inside of a div block.
6
min

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Qu'est ce que le recettage ?

Le recettage ou recette est l’étape consistant Ă  tester son site ou application pour rester en conformitĂ© avec les spĂ©cifications fonctionnelles validĂ©es avec le client. C’est une Ă©tape importante dans un projet web car elle va dĂ©terminer la sortie de votre feature, une release ou la mise en production de votre site ou application. Selon la mĂ©thodologie utilisĂ©e pour votre projet, l’étape de recettage peut se faire Ă  plusieurs stades et avec un timing plus ou moins court.

Comment bien s’y prĂ©parer ?

Le secret c’est d’amorcer la liste des ingrĂ©dients ou plus spĂ©cifiquement les prĂ©requis. Le but : adopter la meilleure stratĂ©gie de test possible !

La secret-sauce des fabs' đŸ„˜

Ingrédient n°1 : Rédaction de cas de tests

Pour initier un recettage, c’est l’étape Ă  ne pas nĂ©gliger. Pour cela, il faut se mettre Ă  la place de l’utilisateur final du site mais aussi de son administrateur : le mĂ©tier. Que va-ton tester ? Le parcours client, le tunnel de commande, le design, les animations, etc. On regarde Ă©galement la partie administration du site (CMS, ERP, 
). Il est aussi important de cadrer un maximum : quels devices seront testĂ©s, quels OS, sur quelles rĂ©solutions, dans quels navigateurs ?

‍

Ingrédient n°2 : Trouver le bon outil pour compiler ses tickets

Il n’y a pas d’outil magique et il en existe une multitude que vous pourrez tester (Jira, Redmine, Clickup, Notions, Mantis, etc
). L’essentiel est de garder une clartĂ© des informations pour faciliter le suivi. Pour avoir Ă©prouvĂ© plusieurs outils, les meilleurs restent ceux dans lesquels vous pouvez paramĂ©trer et ajuster des vues Ă  votre goĂ»t : kanban, liste et ensuite filtrer par prioritĂ©, par statut, etc
 Une numĂ©rotation automatique des tickets et l’ajout de piĂšce jointes sont pour moi des prĂ©requis de base. Aux oubliettes les recettes sur un Google sheet partagĂ© !

Liste non exhaustive d’élĂ©ments de suivi :

Statuts : Nouveau, En cours, En attente, RĂ©ouvert, Design, Won’t fix/won’t do, AmĂ©lioration, Doublon, TraitĂ©, FermĂ©
Priorités : Higher, High, Medium, Low, Lower
Qui : DĂ©veloppeur en charge du ticket
Créateur du ticket
Date de création du ticket
DerniĂšre modification
Pull Request ID



Sinon, il vous reste la bonne vieille mĂ©thode d’Elon Musk 👉 imprimer des pages de code pour mettre ses annotations directement dessus đŸ€“

Ingrédient n°3 : Récupérer tous les environnements de tests et les accÚs

Partez à la chasse de tous les login et mot de passe à partager à votre team et toute la doc nécessaire (spécifications fonctionnelles, accÚs aux maquettes via Zeplin ou Figma, etc
)

‍

Ingrédient n°4 : Affecter une équipe dédiée et la former !

On discute ensuite du dimensionnement des Ă©quipes dĂ©diĂ©es (chef de projet pour l’encadrement, support technique nĂ©cessaire avec des dĂ©veloppeurs dĂ©diĂ©s, testeurs,
).

Une fois choisi, il est important de bien les former : rĂ©union de lancement, briefing. Pour ĂȘtre au plus efficace, on prĂ©sente les process (workflow), les outils utilisĂ©s et on met Ă  disposition les devices de test. Aussi, chacun a besoin d’ĂȘtre sensibilisĂ© sur les DO et DON’T pour ne pas perdre de temps. Une recette sert Ă  mettre le doigt sur ce qui ne marche pas et non ce qui pourrait ĂȘtre amĂ©liorĂ© !

Les 10 Commandements du Recettage

Tu rédigeras un ticket pour un bug

Tu affecteras une priorité à ton ticket
Tu seras le plus explicite possible dans ton titre de ticket
Tu prĂ©ciseras le device et le navigateur testĂ©s ainsi que l’URL
Tu joindras des images et des vidéos (coucou bubbles)
Tu testeras sur un maximum de vrais devices (l’inspecteur d’élĂ©ment a ses limites)
Tu remonteras uniquement des bugs et non des améliorations
Tu t’assureras de relire les autres tickets pour Ă©viter les doublons
Tu respecteras le workflow (s’il y en a 👀) en mettant Ă  jour les tickets qui te sont assignĂ©s
Tu feras le ménage dans tes tickets

‍

En bref, c’est du bon sens. Plus votre ticket sera prĂ©cis et documentĂ©, plus vite vos dĂ©veloppeurs sauront rĂ©soudre le bug ! Et plus vous cleanerez votre outil de recette, plus vous verrez le bout du tunnel !

Ce qu’il faut retenir

Lister les cas de test
Lister les devices, les résolutions, les navigateurs et enfin les OS testés
Trouver la plateforme la plus adaptée pour créer ses tickets (Jira, Redmine, Notions,...)
Nommer un chef d’orchestre du recettage
Former les Ă©quipes responsables du recettage (interne et clients) sur les process, l’outil utilisĂ©, etc.

‍

Pour mettre la main Ă  la pĂąte, on vous offre le template Notion qu'on utilise au quotidien pour gĂ©rer nos projets ! Pour l'ajouter Ă  votre espace Notion, c'est par ici 👉 Le template Notion des Fabricants

Sources : Ça vient de chez nous c'est cadeau 😎

Partager cet article avec votre réseau

Camille Momboisse
Cheffe de projet chez Les Fabricants

Contacter l’auteur

Momboisse
Camille
Cheffe de projet
Chez Les fabricants

Inscrivez vous Ă  la newsletter
et suivez nos derniers articles

Tout les mois, un condensĂ© d’articles directement dans votre boite mail
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.