Qu'est-ce qui se cache dans le cerveau de 30 Product Designers ? On a fait l'expérience, et le résultat est ce guide. Toutes les ressources sont rangées par thème, à chercher en fonction de tes besoins. Ce contenu a été construit et partagé avec la communauté The Product Crew.
1. Stratégie, Méthodologies & Research
Introduction au Product Design Le Product Design consiste à résoudre un problème utilisateur de manière itérative, en collaborant avec les équipes Produit et Tech. Le designer produit intervient sur tout le cycle de vie du produit : recherche utilisateur, idéation, prototypage, tests et itération.
Différences entre UX, UI et Product Design : UX Design est centré sur l'expérience globale, les parcours et l'utilisabilité. UI Design est centré sur l'interface visuelle, les composants et l'esthétique. Product Design englobe UX et UI, avec une dimension stratégique (business, données, collaboration Produit/Tech).
Les 3 piliers du Product Design : Desirability (utilisateur, le produit résout un vrai problème), Feasibility (technique, l'équipe tech peut le construire), Viability (business, le business model tient la route).
Le processus Double Diamond : Discover (recherche et empathie utilisateur), Define (synthèse et cadrage du problème), Develop (idéation et prototypage), Deliver (tests, itération et livraison).
Ressources : Don Norman 'The Design of Everyday Things', NNGroup (Nielsen Norman Group), Google Design Sprint de Jake Knapp.
Design Frameworks Jobs To Be Done (JTBD) : framework centré sur le 'job' que l'utilisateur cherche à accomplir. Formuler : 'Quand [situation], je veux [motivation], pour que [résultat attendu].'
Design Thinking (IDEO/Stanford d.school) : 5 étapes Empathize, Define, Ideate, Prototype, Test. Approche centrée humain, itérative.
Lean UX : inspiré du Lean Startup. Hypothèses, MVP, Mesure, Apprentissage. Collaboration étroite Design/Produit/Tech dès le départ.
Atomic Design (Brad Frost) : 5 niveaux Atoms, Molecules, Organisms, Templates, Pages. Construire un design system modulaire et scalable.
Ressources complémentaires : 'Sprint' de Jake Knapp, 'Lean UX' de Jeff Gothelf, 'Atomic Design' de Brad Frost, Interaction Design Foundation.
Design Principles Les dix heuristiques de Nielsen, les lois UX (Fitts, Hick, Jakob, Von Restorff, Miller, Peak-End) et les principes de Gestalt forment le socle stable du métier. Ce sont les repères qui ne bougent pas quand les outils changent. Le détail de chaque principe est dans le guide dédié : /ressources/conseils/design-principles-heuristiques-lois-ux
UX Research Méthodes qualitatives : Entretiens utilisateurs (interviews semi-structurées, 5-8 participants minimum). Tests utilisateurs (scénarios de tâches, think aloud protocol, observation directe). Focus groups (groupes de 6-8 personnes, modération structurée). Diary studies (journal de bord sur une période définie).
Méthodes quantitatives : Surveys/questionnaires (SUS, NPS, CSAT). Analytics (Google Analytics, Hotjar, Amplitude, Mixpanel). A/B testing (tests statistiquement significatifs, hypothèses claires). Card sorting (organisation de l'architecture d'information).
Le triangle Research : Attitudinal vs. Behavioral (ce que les gens disent vs. ce qu'ils font). Qualitative vs. Quantitative (pourquoi vs. combien). Generative vs. Evaluative (explorer vs. valider).
Outils recommandés : Maze, Lookback, UserTesting (tests à distance). Optimal Workshop (card sorting et tree testing). Dovetail, Condens (analyse et synthèse research).
Atomic Research Méthode qui structure la recherche en unités réutilisables, en décomposant chaque étude en quatre niveaux : Experiments, Facts, Insights, Recommendations. Elle évite de refaire les mêmes recherches et diffuse la connaissance utilisateur dans toute l'organisation. La mise en place et les bénéfices sont détaillés ici : /ressources/conseils/atomic-research-structurer-recherche
2. Design Craft
Design Systems Les composants d'un design system : Tokens (couleurs, typographies, espacements, ombres). Composants UI (boutons, inputs, modals, cards, navigation). Patterns (formulaires, tableaux, onboarding flows). Guidelines (ton of voice, iconographie, accessibilité). Documentation (usage, do/don't, exemples).
Design Systems de référence : Material Design (Google, système complet et documenté). Human Interface Guidelines (Apple, standards iOS/macOS). Carbon (IBM, open source, orienté enterprise). Polaris (Shopify, adapté aux interfaces e-commerce). Atlassian Design System (collaboration et productivité). Primer (GitHub, open source, web-first).
Outils : Figma (librairies de composants, variables, auto-layout). Storybook (documentation et test de composants front). Zeroheight (documentation de design system). Tokens Studio (gestion des design tokens).
Cas Pratiques Structure d'un cas pratique (case study) : Contexte et problématique. Recherche utilisateur et insights. Idéation et exploration. Solution retenue et itérations. Résultats et métriques d'impact.
Où trouver de l'inspiration : Behance, Dribbble (showcases visuels). Case Study Club (cas pratiques détaillés). UX Collective sur Medium (articles et analyses). Mobbin (patterns et flows d'apps mobiles).
Outils & Templates Outils de design : Figma, Sketch, Adobe XD, Framer, Principle. Outils de prototypage et test : Maze, ProtoPie, InVision. Outils de recherche : Dovetail, Hotjar, Lyssna (ex-UsabilityHub). Outils de collaboration : Miro/FigJam, Notion, Loom.
Templates utiles : Brief design, Guide d'entretien utilisateur, Design critique template, Handoff checklist, Design sprint planning.
UX Writing Principes fondamentaux : Clarté (chaque mot doit servir un objectif). Concision (phrases courtes, vocabulaire simple). Utilité (le texte guide l'utilisateur vers son objectif). Ton (adapté à la marque et au contexte émotionnel).
Où intervient l'UX Writing : microcopy (boutons, labels, tooltips), messages d'erreur/succès, onboarding et empty states, notifications et emails transactionnels, CTAs et conversion.
Ressources : 'Strategic Writing for UX' de Torrey Podmajersky. Material Design Writing Guidelines. Polaris Content Guidelines (Shopify).
UI Inspiration et Outils Sites d'inspiration : Dribbble, Behance, Mobbin, Godly, Awwwards, Land-book, Savee.it. Typographie : Google Fonts, Fontshare, Type Scale. Couleur : Coolors, Color Hunt, Contrast Checker (WebAIM). Icônes : Phosphor Icons, Lucide, Heroicons, Noun Project.
Visual Specs User flows, sitemaps, wireframes. Outils : Whimsical, Overflow, Octopus.do, FigJam.
Wireframing Les 3 niveaux de fidélité : Low-fi (croquis papier ou digitaux, focus sur la structure). Mid-fi (wireframes digitaux avec layout défini, pas de style visuel). High-fi (maquettes avec design final, typographies, couleurs, images).
Formulaires & Dashboards Best practices formulaires : un champ par ligne, labels au-dessus, validation en temps réel, grouper par contexte, réduire les champs au minimum. Best practices dashboards : hiérarchie visuelle claire, données actionnables, filtres et personnalisation, responsive.
Sustainable Design Éco-conception : réduire le poids des pages, limiter les requêtes, optimiser images (WebP, lazy loading). Accessibilité : contrastes 4.5:1 minimum, navigation clavier, textes alternatifs, structure sémantique HTML, tests lecteurs d'écran.
3. Culture Product Design
Sites & Blogs NNGroup, Smashing Magazine, A List Apart, UX Collective, Interaction Design Foundation, Prototypr, UX Planet.
Newsletters UX Collective Newsletter, Sidebar, Hey Designer, Dense Discovery, Muzli Weekly Digest, The UX Notebook (Sarah Doody).
Vidéo & Podcasts Podcasts : Design Better (InVision), 99% Invisible, Presentable (Jeff Veen), Layout, Trench Talk (français). YouTube : AJ&Smart, NNGroup, Figma, Jesse Showalter.
Groupes et Communautés Designer Hangout, Hexagon UX, Product Design Community, French Designers, The Product Crew, ADPList.
Livres 'The Design of Everyday Things' (Don Norman). 'Don't Make Me Think' (Steve Krug). 'Sprint' (Jake Knapp). 'Lean UX' (Jeff Gothelf). 'Atomic Design' (Brad Frost). '100 Things Every Designer Needs to Know About People' (Susan Weinschenk). 'Hooked' (Nir Eyal). 'Refactoring UI' (Adam Wathan & Steve Schoger).
4. Opérations, Management & Carrière
DesignOps et organisation Le DesignOps structure l'équipe design autour de quatre piliers (People, Process, Tools, Governance) et d'une poignée de rituels réguliers. Il couvre aussi les modèles d'organisation et les ratios à tenir quand l'équipe grandit. Le détail des piliers, des rituels et des ratios est ici : /ressources/conseils/designops-piliers-rituels-ratios
Culture Design & Management Construire une culture design : évangéliser dans l'organisation, impliquer les stakeholders, partager les insights research, rendre le design visible (show & tell, démos). Management d'équipe : 1:1 hebdomadaires, plan de développement individuel, matrice de compétences (IC vs. Management track), feedback continu.
Recruter des talents Ce que les recruteurs évaluent : Portfolio (structure, storytelling, impact). Process de design. Collaboration avec PM/devs/stakeholders. Communication. Curiosité.
Réussir ses entretiens Préparer son portfolio : 3-5 case studies. Structure : Problème, Process, Solution, Impact. Montrer les itérations. Inclure des métriques.
Questions fréquentes : 'Parle-moi de ton process de design.' 'Comment gères-tu un désaccord avec un PM ou un dev ?' 'Quel est le projet dont tu es le plus fier ?' 'Montre-moi un échec et ce que tu en as appris.'
Exercices courants : Design challenge (2-4h), Whiteboard challenge, Portfolio review, Design critique.
Tips Carrière Progression : Junior (0-2 ans), Mid (2-5 ans), Senior (5-8 ans), Staff/Principal (8+ ans), Manager. Portfolio outils : Notion, Webflow, Framer, Read.cv.
Salaires Design Les fourchettes par niveau et par rôle sont tenues à jour sur notre page dédiée : /ressources/salaires/design