Comment Rendre un Tableau de Tailles Shopify Lisible sur Mobile

Un guide des tailles peut être exact et rester inutile. Sur mobile, une grille trop large, des intitulés flous ou un bouton discret transforment une question simple — « quelle taille choisir ? » — en hésitation, puis en ticket support ou en retour. Le sujet n’est pas de simplifier les informations au point de les appauvrir : il s’agit de les ordonner pour qu’une personne puisse les lire, se mesurer et décider sans quitter la fiche produit.

Pour un marchand Shopify, ce travail mérite d’être traité comme une petite fiche de référence : des mesures cohérentes, un mode d’affichage adapté et une règle claire pour savoir quel guide apparaît sur quelle fiche. Voici une méthode mobile-first, particulièrement utile quand le catalogue mélange vêtements, chaussures et accessoires.

Commencer par la question que le tableau doit résoudre

Avant de réduire le nombre de colonnes, identifiez le type de décision attendu. Un t-shirt peut demander la largeur à plat et la longueur. Une chaussure peut nécessiter la longueur du pied et un équivalent de pointure. Un bracelet peut surtout demander le tour de poignet. Une même structure de tableau ne convient donc pas automatiquement à ces trois familles.

La règle utile est la suivante : une colonne doit aider à choisir ou à vérifier la prise de mesure. Si elle ne sert ni l’une ni l’autre, elle peut vivre dans une note, pas dans la grille principale. Pour un vêtement, indiquez explicitement si les valeurs sont celles du vêtement à plat ou du corps. Ce détail évite une comparaison trompeuse entre deux mesures pourtant correctes.

Cette discipline rejoint la logique de la checklist taille Shopify avant publication : vérifier l’origine de chaque mesure avant de chercher à embellir son affichage.

Faire tenir le tableau sur un petit écran sans le rendre minuscule

Une table dense est acceptable sur ordinateur et pénible sur téléphone. Au lieu de réduire la police jusqu’à l’illisible, priorisez trois éléments :

1. La taille doit rester visible à gauche lorsque le lecteur compare les lignes.
2. Les deux ou trois mesures qui déterminent réellement le choix doivent apparaître en premier.
3. Les mesures secondaires doivent être déplacées dans une note, une seconde vue ou une section complémentaire.

Évitez les abréviations obscures. « Poitrine », « taille » et « longueur » prennent plus de place que des initiales, mais épargnent au lecteur un aller-retour mental avec une légende. Gardez les unités dans les en-têtes et employez le même ordre de colonnes pour toute une famille de produits. Lorsque vous vendez hors de votre marché principal, proposer centimètres et pouces réduit aussi la nécessité de calculer.

Dans Supra Size Chart, les unités peuvent être définies par colonne et le basculement métrique/impérial peut être proposé au lecteur. L’intérêt n’est pas d’ajouter un gadget : c’est de conserver une source de données cohérente tout en laissant chaque client lire l’échelle qui lui est familière.

Ajouter une méthode de mesure, pas seulement des nombres

Un client qui ne sait pas où poser son mètre ruban ne peut pas exploiter un tableau, même parfaitement lisible. Une courte consigne et un guide visuel font plus pour la compréhension qu’une sixième colonne. Pour un haut, par exemple, précisez que la largeur est relevée à plat sous les emmanchures ; pour une chaussure, expliquez comment mesurer le pied contre un mur.

Le bon guide de mesure est réutilisable : une silhouette de t-shirt pour les hauts, une silhouette de pantalon pour les bas, une méthode dédiée pour les chaussures. Il doit nommer la mesure de la même façon que le tableau. Si le dessin évoque « largeur poitrine » et que la grille affiche « buste », la personne doit deviner qu’il s’agit de la même chose.

C’est aussi une raison de séparer les familles. La question du client n’est pas la même selon le produit ; la documentation de mesure ne devrait pas faire semblant de l’être. Pour une démarche plus large sur les familles de fit, voir comment auditer des guides par famille de coupe.

Choisir l’emplacement selon le besoin de lecture

Sur une fiche produit, le format est une décision de lecture, pas une préférence décorative. Un tableau inline convient quand le choix de taille est central et que la grille est courte. Un accordéon convient quand la page contient déjà beaucoup d’informations, à condition que son intitulé soit explicite et visible. Une fenêtre modale convient à un guide plus riche, avec illustration et notes, mais ne doit pas devenir le seul endroit où le client découvre qu’un guide existe.

Testez le parcours réel sur un téléphone : peut-on trouver le guide avant d’ajouter au panier, l’ouvrir sans zoomer, comparer une mesure, revenir au sélecteur de variante ? La réponse doit guider le choix. Le comparatif onglets ou accordéons pour les fiches produit donne des critères utiles pour ce même arbitrage de contenu.

Mettre en place une source de vérité qui ne casse pas le catalogue

Une expérience lisible ne tient pas longtemps si chaque tableau est collé dans une description produit. À la première correction, il faut retrouver toutes les copies. Créez plutôt le guide une fois, rattachez-lui son illustration de mesure, puis appliquez-le avec une règle par collection, type, fournisseur ou tag. Les produits qui rejoignent la famille héritent alors du bon guide sans réédition manuelle.

Supra Size Chart permet cette organisation avec un éditeur de type tableur, des guides de mesures réutilisables et des règles d’affectation. Les données sont stockées dans les metaobjects Shopify de la boutique et restent exportables en CSV ou JSON. C’est une solution gratuite pour construire les guides, les afficher en ligne, en accordéon ou en fenêtre, et les maintenir sans enfermer les informations dans du HTML dispersé.

Pour préparer une règle de collection plutôt que traiter les fiches une par une, consultez aussi comment attribuer un guide à toute une collection Shopify.

Une vérification de cinq minutes avant publication

Ouvrez une fiche sur un téléphone réel et vérifiez : le lien vers le guide est visible ; les unités sont explicites ; les lignes ne demandent pas de zoom ; le guide de mesure emploie les mêmes termes que le tableau ; et le produit reçoit bien le guide de sa famille. Faites ce test sur un produit court, un produit long et une variante atypique.

Ce petit contrôle protège l’essentiel : permettre au client de décider avec une information claire au moment où il en a besoin. Installez Supra Size Chart, créez un premier guide pour votre famille la plus vendue, puis vérifiez sa lecture mobile avant de généraliser la règle au reste du catalogue.