1:HL["/_next/static/media/26d0ba92e140f0dc.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
2:HL["/_next/static/css/9384af821cac800b.css","style",{"crossOrigin":""}]
0:["wmPE6kRGOWaCuDRAxnUgW",[[["",{"children":["projets",{"children":["5-LeBonCoin",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],"$L3",[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/9384af821cac800b.css","precedence":"next","crossOrigin":""}]],"$L4"]]]]
5:I[1510,["676","static/chunks/870fdd6f-fc3d59f8c2ee9fdd.js","945","static/chunks/945-bb381a989d075d7e.js","35","static/chunks/35-319e65867326d4c2.js","413","static/chunks/413-ba6ec0bd92fd4e85.js","58","static/chunks/58-6061de38e9a0d3b8.js","185","static/chunks/app/layout-af665d2804dcd62a.js"],""]
6:I[4617,["676","static/chunks/870fdd6f-fc3d59f8c2ee9fdd.js","945","static/chunks/945-bb381a989d075d7e.js","35","static/chunks/35-319e65867326d4c2.js","413","static/chunks/413-ba6ec0bd92fd4e85.js","58","static/chunks/58-6061de38e9a0d3b8.js","185","static/chunks/app/layout-af665d2804dcd62a.js"],""]
7:I[6954,[],""]
8:I[7264,[],""]
a:I[8326,["676","static/chunks/870fdd6f-fc3d59f8c2ee9fdd.js","945","static/chunks/945-bb381a989d075d7e.js","35","static/chunks/35-319e65867326d4c2.js","769","static/chunks/769-575323b3202ff86f.js","86","static/chunks/app/projets/5-LeBonCoin/page-bb3afcc587b00020.js"],""]
b:I[413,["945","static/chunks/945-bb381a989d075d7e.js","413","static/chunks/413-ba6ec0bd92fd4e85.js","202","static/chunks/app/projets/page-a2425bf0dd87d100.js"],"Image"]
3:[null,["$","html",null,{"lang":"en","children":["$","body",null,{"className":"__className_567f2c bg-bg text-base text-primary","children":["$","$L5",null,{"children":[["$","$L6",null,{}],["$","main",null,{"id":"page-content","className":"relative flex flex-col overflow-x-hidden","children":["$","$L7",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L8",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"initialChildNode":[null,["$","div",null,{"className":"flex w-full flex-col items-start","children":["$","$L7",null,{"parallelRouterKey":"children","segmentPath":["children","projets","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L8",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","initialChildNode":["$","$L7",null,{"parallelRouterKey":"children","segmentPath":["children","projets","children","5-LeBonCoin","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L8",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","initialChildNode":["$L9",[["$","div",null,{"className":"relative w-full z-0","children":[["$","div",null,{"className":"absolute top-0 left-0 w-full","style":{"height":"80%","backgroundColor":"#FEC98F"}}],["$","div",null,{"className":"relative m-auto max-w-[1600px] px-[14vw] pt-40 pb-20 transition-colors duration-500","children":["$","div",null,{"className":"flex flex-col gap-8 tablet:flex-row justify-between","children":[["$","div",null,{"className":"flex flex-col justify-center","children":[["$","h1",null,{"className":"my-2 text-4xl font-medium text-black tablet:text-6xl mt-20","children":"Test utilisateur de Leboncoin"}],["$","div",null,{"className":"mb-16","children":["$","p",null,{"children":"Application d’une méthodologie de test utilisateur pour le site web et l’application LeBonCoin"}]}]]}],["$","div",null,{"className":"max-h-[40vh] justify-center flex tablet:max-w-[50%] tablet:max-h-[50vh] tablet:justify-end","children":["$","img",null,{"className":"object-contain","src":"/images/lbc/phone.png","alt":"Maquette top","title":"Maquette top"}]}]]}]}]]}],"\n",["$","div",null,{"className":"flex w-full flex-col items-center gap-16 py-8 tablet:gap-24 tablet:py-10","children":[["$","div",null,{"className":"flex flex-col gap-16 px-[14vw] tablet:flex-row","children":[["$","div",null,{"className":"flex flex-col gap-2 tablet:max-w-[60%]","children":[["$","h2",null,{"className":"text-16 font-bold text-primary justify-center whitespace-nowrap","children":"Contexte"}],["$","p",null,{"children":"Dans le cadre d'un cours de Design d'Expérience, nous avons étudié le site web et l'application Leboncoin en expérimentant une méthodologie de test UX. La plateforme, utilisée par des millions de Français, accueille une diversité importante de cibles : particuliers, professionnels, chercheurs d'emploi, collectionneurs. L’objectif était de fournir à ce client fictif un rapport de tests avec des recommandations pour améliorer le parcours utilisateur sur son site."}]]}],["$","div",null,{"className":"flex flex-col gap-2 tablet:max-w-[60%]","children":[["$","p",null,{"children":["$","strong",null,{"children":"Rôle :"}]}],["$","p",null,{"children":"UX designer"}],["$","p",null,{"children":["$","strong",null,{"children":"Durée :"}]}],["$","p",null,{"children":"1 mois"}],["$","p",null,{"children":["$","strong",null,{"children":"Outils :"}]}],["$","p",null,{"children":"Grille d’observation, AttrakDiff"}]]}]]}],["$","div",null,{"className":"w-full bg-[#F5F5F5] flex flex-col gap-16 py-8 tablet:gap-24 tablet:py-10","children":["$","div",null,{"className":"flex flex-col gap-4 py-4 px-[14vw]","children":[["$","h2",null,{"className":"text-16 font-bold text-primary justify-center whitespace-nowrap","children":"Étapes Clés"}],["$","div",null,{"className":"grid grid-flow-row grid-cols-2 gap-12 tablet:grid-cols-4","children":[["$","div","0",{"className":"","children":[["$","h2",null,{"className":"text-regular font-bold text-primary tablet:text-regular","children":["01","."]}],["$","p",null,{"children":"Réception du cahier des charges"}]]}],["$","div","1",{"className":"","children":[["$","h2",null,{"className":"text-regular font-bold text-primary tablet:text-regular","children":["02","."]}],["$","p",null,{"children":"Préparation du protocole de test"}]]}],["$","div","2",{"className":"","children":[["$","h2",null,{"className":"text-regular font-bold text-primary tablet:text-regular","children":["03","."]}],["$","p",null,{"children":"Recrutement des utilisateurs"}]]}],["$","div","3",{"className":"","children":[["$","h2",null,{"className":"text-regular font-bold text-primary tablet:text-regular","children":["04","."]}],["$","p",null,{"children":"Passation des tests"}]]}],["$","div","4",{"className":"","children":[["$","h2",null,{"className":"text-regular font-bold text-primary tablet:text-regular","children":["05","."]}],["$","p",null,{"children":"Analyse des résultats"}]]}],["$","div","5",{"className":"","children":[["$","h2",null,{"className":"text-regular font-bold text-primary tablet:text-regular","children":["06","."]}],["$","p",null,{"children":"Rédaction du rapport"}]]}]]}]]}]}],["$","div",null,{"className":"flex flex-col gap-4 py-4 px-[14vw]","children":[["$","h2",null,{"className":"text-16 font-bold text-primary justify-center whitespace-nowrap","children":"Réception du cahier des charges"}],["$","div",null,{"children":["$","p",null,{"children":"Le cahier fixait l'objectif suivant : identifier les points de friction et d'amélioration de Leboncoin. Il proposait 7 scénarios à tester : recherche, alerte, publication, page d'accueil, accessibilité, rapidité, messagerie."}]}],["$","div",null,{"children":["$","p",null,{"children":"Après analyse, nous avons constaté que certains scénarios étaient soit difficilement réalisables, soit redondants. Nous avons donc retenu uniquement cinq scénarios clés, couvrant les usages principaux, et écarté ceux liés à l’accessibilité (faute de temps pour recruter des personnes répondant à ce critère). Ce choix nous a permis de privilégier la profondeur d’analyse à la quantité de tests, et ainsi obtenir des résultats plus pertinents et exploitables."}]}]]}],["$","div",null,{"className":"w-full bg-[#F5F5F5] flex flex-col gap-16 py-8 tablet:gap-24 tablet:py-10","children":[["$","div",null,{"className":"flex flex-col gap-4 py-4 px-[14vw]","children":[["$","h2",null,{"className":"text-16 font-bold text-primary justify-center whitespace-nowrap","children":"Préparation des tests"}],["$","div",null,{"children":["$","p",null,{"children":"Nous avons structuré un protocole de 40 minutes : 5 minutes d'accueil et de mise en confiance, 5 minutes pour remplir le questionnaire de profil, 15 minutes dédiées aux scénarios, 10 minutes pour le questionnaire d'évaluation (AttrakDiff), et 5 minutes de débriefing. Cette durée était un ordre de grandeur à but indicatif pour nous repérer pendant les tests."}]}],["$","div",null,{"children":["$","p",null,{"children":"Nous avons ensuite réalisé les différents documents pour le bon déroulement des tests : questionnaire de profil pour vérifier si le testeur correspondait à la cible visée, scénarios contextualisés, et grille d'observation pour la prise de note."}]}]]}],["$","div",null,{"className":"flex flex-col gap-4 py-4 px-[14vw]","children":[["$","div",null,{"className":"w-full min-w-[40%] rounded-xl overflow-hidden","children":["$","img",null,{"className":"object-contain","src":"/images/lbc/plan.jpg","alt":"Maquette final","title":"Plan de test"}]}],["$","div",null,{"className":"italic text-14 text-gray-700","children":["$","p",null,{"children":"Plan de test"}]}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4 py-4 px-[14vw]","children":[["$","h2",null,{"className":"text-16 font-bold text-primary justify-center whitespace-nowrap","children":"Recrutement"}],["$","div",null,{"children":["$","p",null,{"children":"Cinq participants ont été recrutés, chacun avec un profil utilisateur spécifique, en fonction des critères de variabilité définis précédemment (genre, âge, expérience avec Leboncoin, utilisation, mode de paiement préféré), afin de couvrir plusieurs combinaisons possibles."}]}]]}],["$","div",null,{"className":"w-full bg-[#F5F5F5] flex flex-col gap-16 py-8 tablet:gap-24 tablet:py-10","children":[["$","div",null,{"className":"flex flex-col gap-4 py-4 px-[14vw]","children":[["$","h2",null,{"className":"text-16 font-bold text-primary justify-center whitespace-nowrap","children":"Passation"}],["$","div",null,{"children":["$","p",null,{"children":"Chacune des 5 sessions a été enregistrée via OBS (écran + voix avec une fiche de consentement signé). Nous étions organisés de la manière suivante : 2 observateurs par session avec chacun un rôle distinct, l'un guidant le participant et lui posant les questions tandis que l'autre remplissait la grille d'observation, chronométrait les tâches et capturait les verbatims exacts. Chaque participant recevait les scénarios les uns à la suite des autres. Il était invité à penser à voix haute, et ne recevait une aide que s'il était complètement bloqué. La préparation en amont a permis un déroulé fluide des sessions sans incident ni ajustement de scénario."}]}]]}],["$","div",null,{"className":"flex flex-col gap-4 py-4 px-[14vw]","children":[["$","div",null,{"className":"w-full min-w-[40%] rounded-xl overflow-hidden","children":["$","img",null,{"className":"object-contain","src":"/images/lbc/dispositif.jpg","alt":"Maquette final","title":"Exemples de dispositifs"}]}],["$","div",null,{"className":"italic text-14 text-gray-700","children":["$","p",null,{"children":"Exemples de dispositifs"}]}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4 py-4 px-[14vw]","children":[["$","h2",null,{"className":"text-16 font-bold text-primary justify-center whitespace-nowrap","children":"Analyse des résultats"}],["$","div",null,{"children":["$","p",null,{"children":"Nous avons commencé par visionner les enregistrements et compléter les informations des grilles d'observation, en capturant taux de réussite, erreurs de clics, temps d'exécution et verbatims exacts. En parallèle, nous avons constitué les tableaux synthétiques par scénario (taux de réussite par étapes, erreurs, temps moyen) afin d’obtenir un tableau fréquence/sévérité pour identifier les scénarios présentant des problèmes récurrents. Tout ceci a été réalisé avant d'analyser les résultats du questionnaire utilisé AttrakDiff permettant de mesurer l’expérience utilisateur d’un produit selon son utilisabilité et son attrait."}]}],["$","div",null,{"children":["$","p",null,{"children":"Cette analyse nous a permis de classifier les problèmes en trois niveaux : bloquants (l’utilisateur ne peut réaliser la tâche), majeurs (friction significative), mineurs (petite gêne). Nous avons ensuite transmis notre bilan à notre client fictif, avec les points positifs et nos recommandations pour les sujets bloquants."}]}]]}],["$","div",null,{"className":"w-screen py-16","children":["$","img",null,{"className":"object-contain","src":"/images/lbc/resultat.jpg","alt":"Maquette final","title":"resultat de test"}]}],["$","div",null,{"className":"flex flex-col gap-4 py-4 px-[14vw]","children":[["$","h2",null,{"className":"text-16 font-bold text-primary justify-center whitespace-nowrap","children":"Ce que ce projet m'a appris"}],["$","div",null,{"children":["$","p",null,{"children":"Ce projet m'a apporté une véritable méthodologie pour les tests utilisateurs:"}]}],["$","ul",null,{"className":"list-disc pl-4 pb-12","children":[["$","li",null,{"children":"Structuration complète d'un protocole (questionnaire de profil, scénarios contextualisés, débriefing avec des questions sur le ressenti et questionnaire d'évaluation)"}],["$","li",null,{"children":"Analyse et exploitation des résultats (visionner les enregistrements, compléter les grilles d'observation, construire les tableaux synthétiques par scénario, classifier les problèmes par sévérité)"}],["$","li",null,{"children":"Utilisation d’une matrice de fréquence/impact pour prioriser les recommandations"}]]}]]}]]}]],null],"childPropSegment":"__PAGE__","styles":null}],"childPropSegment":"5-LeBonCoin","styles":null}]}],null],"childPropSegment":"projets","styles":null}]}],["$","footer",null,{"className":"m-auto flex justify-between text-black px-5 py-4 tablet:px-10 laptop:px-[60px] desktop:px-32","children":[["$","div",null,{"className":"flex flex-col justify-center","children":[["$","h2",null,{"className":"mb-8 text-2xl font-semibold","children":"Clément Lascar"}],["$","a",null,{"href":"mailto:clementlascar35@gmail.com","className":"","children":"clementlascar35@gmail.com"}],["$","a",null,{"href":"tel:+336 95 54 40 10","className":"mb-8","children":"06 95 54 40 10"}],["$","$La",null,{"href":"https://www.linkedin.com/in/cl%C3%A9ment-lascar-a268aa252/","className":"w-max","children":["$","$Lb",null,{"src":"/linkedin.png","alt":"linkedin","width":25,"height":25}]}]]}],["$","div",null,{"className":"hidden flex-col justify-center tablet:flex","children":[["$","h2",null,{"className":"mb-8 text-2xl font-semibold","children":"Projets"}],[["$","$La","Bimeoforms",{"href":"/projets/1-Bimeoforms","className":"underline","children":"Bimeoforms"}],["$","$La","SleepBuddy",{"href":"/projets/2-sleepbuddy","className":"underline","children":"SleepBuddy"}],["$","$La","Google Insiders",{"href":"/projets/3-projetgoogle","className":"underline","children":"Google Insiders"}]]]}]]}]]}]}]}],null]
4:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Portfolio clement"}],["$","meta","3",{"name":"description","content":"Portfolio clement"}],["$","link","4",{"rel":"icon","href":"/logo.png"}]]
9:null