{"id":13701,"date":"2022-11-30T10:30:00","date_gmt":"2022-11-30T09:30:00","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=13701"},"modified":"2025-08-20T17:26:27","modified_gmt":"2025-08-20T15:26:27","slug":"ux-design-optimiser-fiche-produit-mobile","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/ux-design-optimiser-fiche-produit-mobile\/","title":{"rendered":"UX Design\u00a0: 5 \u00e9l\u00e9ments pour optimiser une fiche produit sur mobile"},"content":{"rendered":"<p>\u00c0 l\u2019heure o\u00f9 <strong>48&nbsp;% des e-consommateurs Fran\u00e7ais<\/strong> ach\u00e8tent sur smartphones et o\u00f9 le chiffre d\u2019affaires du e-commerce approche les <a href=\"https:\/\/www.fevad.com\/bilan-du-e-commerce-au-3eme-trimestre-2022-les-ventes-sur-internet-approchent-les-36-milliards-deuros\/\" target=\"_blank\" rel=\"noopener noreferrer\">36 milliards d\u2019euros en France<\/a>, les e-commer\u00e7ants savent que les pages de leurs sites web doivent \u00eatre optimis\u00e9es pour le mobile.<\/p>\n<p>C\u2019est en particulier le cas des fiches produits, \u00e9tant donn\u00e9 que ces derni\u00e8res ont un v\u00e9ritable impact en termes de <strong>conversion.<\/strong><\/p>\n<p>Aussi, il est essentiel d\u2019am\u00e9liorer l\u2019UX mobile de ces <a href=\"https:\/\/graphiste.com\/blog\/reussir-design-e-commerce\" target=\"_blank\" rel=\"noopener noreferrer\">fiches produits<\/a>&nbsp;et cela passe principalement par un travail approfondi sur les 5&nbsp;\u00e9l\u00e9ments qui suivent\u2026<\/p>\n<h2>1. La description des produits<\/h2>\n<p>M\u00eame s\u2019il est \u00e9vident qu\u2019il ne faut jamais surcharger <strong>la description d\u2019un produit<\/strong>, il est tout de m\u00eame important de fournir aux potentiels clients les informations cl\u00e9s sur ce qu\u2019ils s\u2019appr\u00eatent \u00e0 acheter. Non seulement cela doit les rassurer, mais aussi les inciter \u00e0 passer \u00e0 l\u2019acte.<\/p>\n<p>Pour une fiche produit sur mobile, ces informations doivent pouvoir \u00eatre consult\u00e9es rapidement et facilement. C\u2019est pour cette raison que, dans la mesure du possible, vous devez <strong>limiter les mouvements<\/strong> que le mobinaute doit r\u00e9aliser pour lire la fiche, mais aussi <strong>remplacer le texte par des visuels<\/strong>.<\/p>\n<figure id=\"attachment_13710\" aria-describedby=\"caption-attachment-13710\" style=\"width: 550px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-13710 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/fiche-produits-mobile-details.jpeg\" alt=\"fiche d\u00e9taill\u00e9s des produits graphiste design ux\" width=\"550\" height=\"500\"><figcaption id=\"caption-attachment-13710\" class=\"wp-caption-text\">Cr\u00e9dit&nbsp;: Lafabriquedunet.fr<\/figcaption><\/figure>\n<p>Exemple&nbsp;: Pour un v\u00eatement disponible dans plusieurs coloris, mieux vaut repr\u00e9senter ceux-ci dans de petites vignettes plut\u00f4t que simplement indiquer leur nom.<\/p>\n<p>De m\u00eame, pour les tailles, mieux vaut toutes les afficher (en indiquant le syst\u00e8me de mesure retenu) et griser celles qui ne sont plus disponibles. Enfin, conservez un peu de texte pour les d\u00e9tails importants comme le tissu de confection.<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/webdesign-ux-ui-tendances-2021\">12 tendances UX et UI \u00e0 ne pas manquer en 2022<\/a><\/p><\/blockquote>\n<h2>2. Les photos des produits<\/h2>\n<p>Voil\u00e0 un autre \u00e9l\u00e9ment cl\u00e9 d\u2019une fiche produit que vous ne devez n\u00e9gliger sous aucun pr\u00e9texte.<\/p>\n<p>Aussi, avant tout, optez pour des images de grande taille et dans une excellente d\u00e9finition. D\u2019ailleurs, pour que les mobinautes puissent ais\u00e9ment s\u2019en servir pour \u00ab\u2009\u00e9tudier\u2009\u00bb le produit, pensez \u00e0 <a href=\"https:\/\/www.codeur.com\/tuto\/css\/effet-zoom-sur-image-au-hover\/\" target=\"_blank\" rel=\"noopener noreferrer\">int\u00e9grer <\/a><strong>une fonction zoom adapt\u00e9e<\/strong> \u00e0 l\u2019usage mobile.<\/p>\n<figure id=\"attachment_13709\" aria-describedby=\"caption-attachment-13709\" style=\"width: 366px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-13709 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/Screenshot_20191004-142026_Samsung-Internet-e1570191785237.jpg\" alt=\"ecommerce utiliser des visuels de qualit\u00e9 avec zoom\" width=\"366\" height=\"650\"><figcaption id=\"caption-attachment-13709\" class=\"wp-caption-text\">Amazon<\/figcaption><\/figure>\n<p>Pour ce qui est du nombre de photos \u00e0 mettre \u00e0 disposition des mobinautes sur une fiche produit, il n\u2019y a pas vraiment de r\u00e8gle puisque cela d\u00e9pend r\u00e9ellement du produit mis en vente.<\/p>\n<blockquote><p>L\u2019id\u00e9e est que le mobinaute puisse avoir un aper\u00e7u de l\u2019ensemble du produit \u00e0 travers les photos. Veillez juste \u00e0 ce qu\u2019un potentiel client puisse ais\u00e9ment faire d\u00e9filer les photos, car si tel n\u2019est pas le cas, il risque de fuir chez un concurrent.<\/p><\/blockquote>\n<p>Exemple&nbsp;: Pour du mat\u00e9riel audio\/vid\u00e9o, il est bien de proposer une photo \u00ab\u2009classique\u2009\u00bb du produit, une photo de l\u2019arri\u00e8re du produit pour visionner les connectiques offertes et des photos des \u00e9ventuels accessoires (enceintes audio, t\u00e9l\u00e9commande, etc.)<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/design-fiche-produit\">Fiche produit&nbsp;: 7 astuces pour un design r\u00e9ussi<\/a><\/p><\/blockquote>\n<h2>3. Le prix des produits<\/h2>\n<figure id=\"attachment_13709\" aria-describedby=\"caption-attachment-13709\" style=\"width: 366px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-13709 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/image-prix-produit-ux-design-graphiste-e1570192192931.jpg\" alt=\"prix du produit affichage design ux ui graphiste\" width=\"366\" height=\"650\"><figcaption id=\"caption-attachment-13709\" class=\"wp-caption-text\">H&amp;M<\/figcaption><\/figure>\n<p>\u00c9l\u00e9ment d\u00e9cisif dans tout achat, le prix ne doit pas \u00eatre affich\u00e9 n\u2019importe comment sur un site e-commerce. En effet, sa place doit d\u00e9pendre de <strong>l\u2019importance<\/strong> que vous lui donnez dans votre strat\u00e9gie marketing.<\/p>\n<p>Autrement dit, si vous menez des campagnes agressives pour proposer vos produits \u00e0 des prix moins \u00e9lev\u00e9s que vos concurrents, il est indispensable que le prix soit bien en vue sur la fiche produit. Il peut notamment \u00eatre inscrit juste en dessous du titre et de la photo principale. Ainsi, le mobinaute voit <strong>imm\u00e9diatement<\/strong> qu\u2019une bonne affaire est possible et il n\u2019a pas \u00e0 tergiverser pour passer \u00e0 l\u2019achat.<\/p>\n<p>En revanche, si votre boutique en ligne se diff\u00e9rencie par un autre \u00e9l\u00e9ment que le prix, ce dernier peut \u00eatre un peu moins en vue. Pour autant, ne cherchez pas \u00e0 le cacher&nbsp;: les mobinautes d\u00e9sireront tout de m\u00eame le conna\u00eetre et ils risquent de fuir s\u2019ils prennent trop de temps \u00e0 le trouver.<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/application-mobile-ux-design\">Appli mobile&nbsp;: pourquoi faire attention \u00e0 l\u2019UX Design\u2009?<\/a><\/p><\/blockquote>\n<h2>4. Le co\u00fbt et le d\u00e9lai de livraison<\/h2>\n<figure id=\"attachment_13713\" aria-describedby=\"caption-attachment-13713\" style=\"width: 374px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-13713 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/image-7.jpg\" alt=\"design afficher les dates de livraisons et prix \" width=\"374\" height=\"552\"><figcaption id=\"caption-attachment-13713\" class=\"wp-caption-text\">Sephora<\/figcaption><\/figure>\n<p>Voil\u00e0 un point particuli\u00e8rement sensible lorsqu\u2019il est question de vente en ligne. En effet, les experts constatent un important taux d\u2019abandon de panier quand le mobinaute d\u00e9couvre <strong>le co\u00fbt de la livraison<\/strong>.<\/p>\n<p>Aussi, cela d\u00e9montre qu\u2019il est essentiel que le co\u00fbt, mais aussi <strong>le d\u00e9lai de livraison<\/strong> soient clairement stipul\u00e9s d\u00e8s la fiche produit. Les mobinautes ayant pris l\u2019habitude d\u2019arbitrer entre le prix pay\u00e9 et le d\u00e9lai pour recevoir leur colis.<\/p>\n<p>D\u00e8s lors que c\u2019est possible, ces informations doivent donc \u00eatre plac\u00e9es en bonne position (souvent apr\u00e8s le titre, les photos et le prix, mais avant la description plus compl\u00e8te du produit).<\/p>\n<h2>5. Les avis des clients<\/h2>\n<figure id=\"attachment_13706\" aria-describedby=\"caption-attachment-13706\" style=\"width: 394px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-13706 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/Screenshot_20191004-123337_Samsung-Internet-e1570185391837.jpg\" alt=\"fiche produit mobile avis client graphiste design\" width=\"394\" height=\"700\"><figcaption id=\"caption-attachment-13706\" class=\"wp-caption-text\">BackMarket<\/figcaption><\/figure>\n<p>Ils tendent \u00e0 devenir incontournables sur les fiches produits, qu\u2019elles soient destin\u00e9es aux mobiles ou non. Il faut dire que ces avis clients peuvent incontestablement <strong>rassurer<\/strong> un mobinaute sur son achat.<\/p>\n<p>Aussi, donnez la possibilit\u00e9 aux mobinautes d\u2019acc\u00e9der ais\u00e9ment aux avis clients et de filtrer ces derniers selon plusieurs crit\u00e8res (note, langue, date, etc.).<\/p>\n<p>Mettez \u00e9galement bien en vue<strong> le nombre total d\u2019avis collect\u00e9s<\/strong> pour chaque produit.<\/p>\n<p>Plus ce nombre sera important, plus la note obtenue par le produit sera cr\u00e9dible aux yeux de l\u2019acheteur. D\u2019ailleurs, affichez bien les <strong>avis positifs comme n\u00e9gatifs<\/strong>, car les potentiels clients ne sont pas dupes.<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/ux-ui-7-erreurs-courantes-design\">UX\/UI&nbsp;: Les 7&nbsp;erreurs les plus courantes en design<\/a><\/p><\/blockquote>\n<h2>Notre conseil<\/h2>\n<p>D&#8217;ici 2024, les achats en ligne devraient d\u00e9passer ceux qui sont r\u00e9alis\u00e9s en magasin. Il est donc primordial que les fiches produit sur mobile soient pens\u00e9es pour <a href=\"https:\/\/graphiste.com\/blog\/web-design-ecommerce\" target=\"_blank\" rel=\"noopener noreferrer\">inciter les mobinautes \u00e0 acheter.<\/a><\/p>\n<p>La description du produit doit s\u2019int\u00e9grer \u00e0 l\u2019\u00e9cran d\u2019un smartphone. Des photos de qualit\u00e9 faciles \u00e0 agrandir doivent l\u2019accompagner alors que le prix, les informations de livraison et les avis clients doivent \u00eatre mis en lumi\u00e8re.<\/p>\n<p>Autant dire qu\u2019il y aura du travail pour pleinement optimiser vos fiches produits pour l\u2019usage mobile. Pour obtenir une aide suppl\u00e9mentaire sur la gestion des fiches mobiles, faites appel aux comp\u00e9tences d\u2019un graphiste professionnel en choisissant un freelance chez <a href=\"https:\/\/graphiste.com\/\">Graphiste.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00c0 l\u2019heure o\u00f9 48&nbsp;% des e-consommateurs Fran\u00e7ais ach\u00e8tent sur smartphones et o\u00f9 le chiffre d\u2019affaires du e-commerce approche les 36 milliards d\u2019euros en France, les e-commer\u00e7ants savent que les pages de leurs sites web doivent \u00eatre optimis\u00e9es pour le mobile. C\u2019est en particulier le cas des fiches produits, \u00e9tant donn\u00e9 que ces derni\u00e8res ont un [&hellip;]<\/p>\n","protected":false},"author":69,"featured_media":13715,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[101,27],"tags":[],"class_list":["post-13701","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux-design","category-webdesign"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>UX Design\u00a0: 5 \u00e9l\u00e9ments pour optimiser une fiche produit sur mobile - Graphiste Blog<\/title>\n<meta name=\"description\" content=\"\u00c0 l\u2019heure o\u00f9 48&nbsp;% des e-consommateurs Fran\u00e7ais ach\u00e8tent sur smartphones et o\u00f9 le chiffre d\u2019affaires du e-commerce approche les 36 milliards d\u2019euros\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/graphiste.com\/blog\/ux-design-optimiser-fiche-produit-mobile\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UX Design\u00a0: 5 \u00e9l\u00e9ments pour optimiser une fiche produit sur mobile - Graphiste Blog\" \/>\n<meta property=\"og:description\" content=\"\u00c0 l\u2019heure o\u00f9 48&nbsp;% des e-consommateurs Fran\u00e7ais ach\u00e8tent sur smartphones et o\u00f9 le chiffre d\u2019affaires du e-commerce approche les 36 milliards d\u2019euros\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/ux-design-optimiser-fiche-produit-mobile\/\" \/>\n<meta property=\"og:site_name\" content=\"Graphiste.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/graphistesfreelances\" \/>\n<meta property=\"article:published_time\" content=\"2022-11-30T09:30:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-20T15:26:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/une-graphiste-5-elements-optimiser-une-fiche-produit-sur-mobile-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"423\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"C\u00e9dric Reymbaut\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:site\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"C\u00e9dric Reymbaut\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/graphiste.com\/blog\/ux-design-optimiser-fiche-produit-mobile\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/ux-design-optimiser-fiche-produit-mobile\/\"},\"author\":{\"name\":\"C\u00e9dric Reymbaut\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/fd068361dcde9cff7ed7697f613f839c\"},\"headline\":\"UX Design\u00a0: 5 \u00e9l\u00e9ments pour optimiser une fiche produit sur mobile\",\"datePublished\":\"2022-11-30T09:30:00+00:00\",\"dateModified\":\"2025-08-20T15:26:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/ux-design-optimiser-fiche-produit-mobile\/\"},\"wordCount\":1121,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/ux-design-optimiser-fiche-produit-mobile\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/une-graphiste-5-elements-optimiser-une-fiche-produit-sur-mobile-1.jpg\",\"articleSection\":[\"UX design\",\"Webdesign\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/graphiste.com\/blog\/ux-design-optimiser-fiche-produit-mobile\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphiste.com\/blog\/ux-design-optimiser-fiche-produit-mobile\/\",\"url\":\"https:\/\/graphiste.com\/blog\/ux-design-optimiser-fiche-produit-mobile\/\",\"name\":\"UX Design\u00a0: 5 \u00e9l\u00e9ments pour optimiser une fiche produit sur mobile - Graphiste Blog\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/ux-design-optimiser-fiche-produit-mobile\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/ux-design-optimiser-fiche-produit-mobile\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/une-graphiste-5-elements-optimiser-une-fiche-produit-sur-mobile-1.jpg\",\"datePublished\":\"2022-11-30T09:30:00+00:00\",\"dateModified\":\"2025-08-20T15:26:27+00:00\",\"description\":\"\u00c0 l\u2019heure o\u00f9 48&nbsp;% des e-consommateurs Fran\u00e7ais ach\u00e8tent sur smartphones et o\u00f9 le chiffre d\u2019affaires du e-commerce approche les 36 milliards d\u2019euros\",\"breadcrumb\":{\"@id\":\"https:\/\/graphiste.com\/blog\/ux-design-optimiser-fiche-produit-mobile\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphiste.com\/blog\/ux-design-optimiser-fiche-produit-mobile\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/ux-design-optimiser-fiche-produit-mobile\/#primaryimage\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/une-graphiste-5-elements-optimiser-une-fiche-produit-sur-mobile-1.jpg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/une-graphiste-5-elements-optimiser-une-fiche-produit-sur-mobile-1.jpg\",\"width\":850,\"height\":423},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphiste.com\/blog\/ux-design-optimiser-fiche-produit-mobile\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/graphiste.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Webdesign\",\"item\":\"https:\/\/graphiste.com\/blog\/webdesign\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"UX Design\u00a0: 5 \u00e9l\u00e9ments pour optimiser une fiche produit sur mobile\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/graphiste.com\/blog\/#website\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"name\":\"Graphiste.com\",\"description\":\"graphiste\",\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/graphiste.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\",\"name\":\"Graphiste.com\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"width\":1,\"height\":1,\"caption\":\"Graphiste.com\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/graphistesfreelances\",\"https:\/\/x.com\/Graphistecom\",\"https:\/\/www.linkedin.com\/company\/graphiste-com\/\",\"https:\/\/fr.pinterest.com\/Graphiste_Com\",\"https:\/\/www.instagram.com\/graphiste_com\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/fd068361dcde9cff7ed7697f613f839c\",\"name\":\"C\u00e9dric Reymbaut\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e5c5c5ea80ab9004dec5ca778b3a0296920ea60943b147078d0f7e299e2a8f6f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e5c5c5ea80ab9004dec5ca778b3a0296920ea60943b147078d0f7e299e2a8f6f?s=96&d=mm&r=g\",\"caption\":\"C\u00e9dric Reymbaut\"},\"description\":\"Je suis UX\/UI designer, passionn\u00e9 par les outils comme Figma et Framer. Le week-end, je m\u2019amuse \u00e0 concevoir des SaaS sur Lovable.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/cedricreymbaut74\/\"],\"url\":\"https:\/\/graphiste.com\/blog\/author\/cedric\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UX Design\u00a0: 5 \u00e9l\u00e9ments pour optimiser une fiche produit sur mobile - Graphiste Blog","description":"\u00c0 l\u2019heure o\u00f9 48&nbsp;% des e-consommateurs Fran\u00e7ais ach\u00e8tent sur smartphones et o\u00f9 le chiffre d\u2019affaires du e-commerce approche les 36 milliards d\u2019euros","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/graphiste.com\/blog\/ux-design-optimiser-fiche-produit-mobile\/","og_locale":"fr_FR","og_type":"article","og_title":"UX Design\u00a0: 5 \u00e9l\u00e9ments pour optimiser une fiche produit sur mobile - Graphiste Blog","og_description":"\u00c0 l\u2019heure o\u00f9 48&nbsp;% des e-consommateurs Fran\u00e7ais ach\u00e8tent sur smartphones et o\u00f9 le chiffre d\u2019affaires du e-commerce approche les 36 milliards d\u2019euros","og_url":"https:\/\/graphiste.com\/blog\/ux-design-optimiser-fiche-produit-mobile\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2022-11-30T09:30:00+00:00","article_modified_time":"2025-08-20T15:26:27+00:00","og_image":[{"width":850,"height":423,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/une-graphiste-5-elements-optimiser-une-fiche-produit-sur-mobile-1.jpg","type":"image\/jpeg"}],"author":"C\u00e9dric Reymbaut","twitter_card":"summary_large_image","twitter_creator":"@Graphistecom","twitter_site":"@Graphistecom","twitter_misc":{"\u00c9crit par":"C\u00e9dric Reymbaut","Dur\u00e9e de lecture estim\u00e9e":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/graphiste.com\/blog\/ux-design-optimiser-fiche-produit-mobile\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/ux-design-optimiser-fiche-produit-mobile\/"},"author":{"name":"C\u00e9dric Reymbaut","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/fd068361dcde9cff7ed7697f613f839c"},"headline":"UX Design\u00a0: 5 \u00e9l\u00e9ments pour optimiser une fiche produit sur mobile","datePublished":"2022-11-30T09:30:00+00:00","dateModified":"2025-08-20T15:26:27+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/ux-design-optimiser-fiche-produit-mobile\/"},"wordCount":1121,"commentCount":0,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/ux-design-optimiser-fiche-produit-mobile\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/une-graphiste-5-elements-optimiser-une-fiche-produit-sur-mobile-1.jpg","articleSection":["UX design","Webdesign"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/graphiste.com\/blog\/ux-design-optimiser-fiche-produit-mobile\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/ux-design-optimiser-fiche-produit-mobile\/","url":"https:\/\/graphiste.com\/blog\/ux-design-optimiser-fiche-produit-mobile\/","name":"UX Design\u00a0: 5 \u00e9l\u00e9ments pour optimiser une fiche produit sur mobile - Graphiste Blog","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/ux-design-optimiser-fiche-produit-mobile\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/ux-design-optimiser-fiche-produit-mobile\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/une-graphiste-5-elements-optimiser-une-fiche-produit-sur-mobile-1.jpg","datePublished":"2022-11-30T09:30:00+00:00","dateModified":"2025-08-20T15:26:27+00:00","description":"\u00c0 l\u2019heure o\u00f9 48&nbsp;% des e-consommateurs Fran\u00e7ais ach\u00e8tent sur smartphones et o\u00f9 le chiffre d\u2019affaires du e-commerce approche les 36 milliards d\u2019euros","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/ux-design-optimiser-fiche-produit-mobile\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/ux-design-optimiser-fiche-produit-mobile\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/ux-design-optimiser-fiche-produit-mobile\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/une-graphiste-5-elements-optimiser-une-fiche-produit-sur-mobile-1.jpg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/une-graphiste-5-elements-optimiser-une-fiche-produit-sur-mobile-1.jpg","width":850,"height":423},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/ux-design-optimiser-fiche-produit-mobile\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/graphiste.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Webdesign","item":"https:\/\/graphiste.com\/blog\/webdesign\/"},{"@type":"ListItem","position":3,"name":"UX Design\u00a0: 5 \u00e9l\u00e9ments pour optimiser une fiche produit sur mobile"}]},{"@type":"WebSite","@id":"https:\/\/graphiste.com\/blog\/#website","url":"https:\/\/graphiste.com\/blog\/","name":"Graphiste.com","description":"graphiste","publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/graphiste.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/graphiste.com\/blog\/#organization","name":"Graphiste.com","url":"https:\/\/graphiste.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","width":1,"height":1,"caption":"Graphiste.com"},"image":{"@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/graphistesfreelances","https:\/\/x.com\/Graphistecom","https:\/\/www.linkedin.com\/company\/graphiste-com\/","https:\/\/fr.pinterest.com\/Graphiste_Com","https:\/\/www.instagram.com\/graphiste_com\/"]},{"@type":"Person","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/fd068361dcde9cff7ed7697f613f839c","name":"C\u00e9dric Reymbaut","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e5c5c5ea80ab9004dec5ca778b3a0296920ea60943b147078d0f7e299e2a8f6f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e5c5c5ea80ab9004dec5ca778b3a0296920ea60943b147078d0f7e299e2a8f6f?s=96&d=mm&r=g","caption":"C\u00e9dric Reymbaut"},"description":"Je suis UX\/UI designer, passionn\u00e9 par les outils comme Figma et Framer. Le week-end, je m\u2019amuse \u00e0 concevoir des SaaS sur Lovable.","sameAs":["https:\/\/www.linkedin.com\/in\/cedricreymbaut74\/"],"url":"https:\/\/graphiste.com\/blog\/author\/cedric\/"}]}},"_links":{"self":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/13701","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/users\/69"}],"replies":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/comments?post=13701"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/13701\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/13715"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=13701"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=13701"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=13701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}