Choisissez un modèle selon l’ambiance voulue et créez une présentation HTML

## Demandez l’occasion et l’ambiance avant de choisir un modèle Posez deux questions ciblées avant de consulter ou de sélectionner des modèles. Demandez d’abord à quelle occasion la présentation est destinée. Il peut s’agir d’une présentation de projet entrepreneurial, d’une synthèse de recherche, d’un manifeste de marque, d’un lancement de cours ou d’une revue de conception. Demandez ensuite quelle ambiance ou impression le public doit ressentir. Elle peut notamment être assurée et percutante, calme et littéraire, chaleureuse et ludique, ou sombre et mélancolique. Attendez les réponses de l’utilisateur avant de choisir un modèle. Même un cahier des charges détaillé ne supprime pas cette étape obligatoire de clarification. Ne déduisez pas les goûts du seul sujet ou secteur d’activité. Traitez l’objectif émotionnel de l’utilisateur comme une donnée de conception prioritaire. Distinguez l’occasion du ton, car une même occasion peut convenir à plusieurs orientations visuelles. Ne posez une question sur le degré de formalité que lorsque les attentes du public le rendent pertinent. Interrogez l’utilisateur sur la densité du contenu lorsque le cahier des charges contient une quantité de matière inhabituellement élevée ou faible. Consignez toute préférence explicite pour un schéma colorimétrique clair, sombre ou mixte comme une contrainte stricte. Ne lancez pas la production complète pendant cette étape de clarification. Gardez les questions suffisamment brèves pour que l’utilisateur puisse répondre immédiatement. ## Choisissez trois modèles bien différents qui collent à l’ambiance Consultez l’index des modèles avant d’ouvrir leurs fichiers individuels. Comparez les réponses à l’ambiance, au ton, à la description de l’usage idéal et au degré de formalité. Utilisez l’occasion comme un indice souple plutôt que comme une liste exclusive de secteurs. N’évaluez pas les modèles selon leur ressemblance avec le secteur du sujet. Pour la densité, comparez la capacité démontrée par le modèle au volume de contenu. Traitez le schéma colorimétrique comme un critère strict lorsque l’utilisateur a demandé une version claire ou sombre. Considérez les recommandations d’exclusion comme des avertissements souples. Laissez une préférence explicite de l’utilisateur primer sur un avertissement souple. Choisissez exactement trois candidats présentant une véritable adéquation de ton. Commencez leur description par les impressions ressenties plutôt que par une classification. Différenciez suffisamment les trois candidats pour permettre un véritable choix. Ne proposez pas trois variantes éditoriales, institutionnelles ou ludiques presque identiques. Incluez si possible une solution directement adaptée, une alternative crédible et une réinterprétation réfléchie. Vérifiez que le degré de formalité convient au public. Signalez toute incompatibilité grave, telle qu’une conception peu formelle pour un conseil d’administration conservateur. Utilisez le nombre de diapositives de démonstration uniquement comme preuve des mises en page disponibles, et non comme note de qualité. Ne lisez l’intégralité du HTML et du CSS qu’après l’entrée d’un modèle dans la présélection. ## Créez des aperçus de la diapositive de titre avec le vrai contenu Examinez la diapositive de titre et le système visuel complémentaire de chaque modèle présélectionné. Extrayez uniquement la première diapositive pour l’aperçu. Limitez chaque aperçu à une diapositive afin de maintenir un faible coût de comparaison. Remplacez le titre, le sous-titre, l’auteur et la date provisoires par le véritable contenu de l’utilisateur. N’affichez pas de texte générique de substitution dans un aperçu destiné à la sélection. Enregistrez chaque aperçu comme un livrable HTML autonome dans un dossier temporaire d’aperçus. Utilisez des noms de fichiers numérotés et des slugs descriptifs stables. Conservez toutes les feuilles de style, tous les scripts, toutes les polices et toutes les ressources associées nécessaires à l’aperçu. Veillez à ce que chaque aperçu s’ouvre sans dépendre du dossier du modèle d’origine. Préservez les dimensions d’origine et le comportement adaptatif de la diapositive de titre. Utilisez une zone d’affichage de navigateur identique pour comparer les candidats. Ne remaniez pas l’aperçu avant que l’utilisateur ait choisi. Ne modifiez ni les couleurs ni la typographie et ne simplifiez pas l’identité visuelle du modèle. Vérifiez que les véritables titres longs passent à la ligne sans chevauchement ni rognage. Contrôlez les emplacements d’image, les mentions de source et le format de la date. Ouvrez chaque aperçu dans un navigateur avant de le présenter. Considérez l’inspection visuelle comme une partie de la création, et non comme un contrôle ultérieur facultatif. ## Montrez les trois aperçus et attendez le choix de l’utilisateur Ouvrez les trois aperçus au moyen du mécanisme d’ouverture du navigateur fourni par l’environnement. Envoyez à l’utilisateur une comparaison numérotée. Conservez la numérotation et les noms de fichiers afin que les retours correspondent au bon candidat. Pour chaque possibilité, indiquez le nom du modèle et une description de son ton sur une ligne. Fournissez le chemin absolu de chaque livrable d’aperçu. Rendez les chemins directement utilisables ou cliquables dans l’interface actuelle. Expliquez pourquoi chaque candidat correspond à l’impression souhaitée. Ne remplacez pas les aperçus par une simple discussion écrite des avantages et inconvénients. Demandez quelle possibilité semble convenir. Attendez une sélection explicite avant de créer la présentation complète. Ne considérez pas le silence comme une approbation. Si l’utilisateur rejette les trois possibilités, affinez votre interprétation de l’ambiance et recommencez la présélection. Ne défendez pas un candidat après que les goûts de l’utilisateur l’ont clairement écarté. Conservez le modèle choisi comme seul système visuel pour la suite. Ne changez pas de modèle ultérieurement simplement parce qu’une diapositive est difficile. ## Mettez le vrai contenu dans chaque diapositive sans changer le style du modèle Copiez le dossier complet du modèle choisi dans l’espace de travail du projet de l’utilisateur. Préservez les polices, les graisses, l’espacement des lettres et les hauteurs de ligne. Préservez toute la palette de couleurs et les variables CSS. Préservez les grilles de mise en page, les systèmes de positionnement, les hiérarchies Flexbox et le rythme des espacements. Préservez les classes propres aux diapositives qui portent l’identité visuelle. Préservez les éléments décoratifs tels que le grain, les crochets, les formes, les illustrations et les gribouillages. Préservez le moteur de navigation existant et son modèle d’interaction. Remplacez tous les titres, corps de texte, éléments de liste, légendes, statistiques, noms, dates, mentions de source et fragments de texte rédigés. Considérez les libellés de section et les textes d’interface comme des éléments provisoires rédigés qui doivent eux aussi être remplacés. Remplacez chaque emplacement d’image par l’image de l’utilisateur, en conservant les mêmes dimensions. Utilisez les éléments de titre, de paragraphe, de liste et d’image adaptés au contenu réel. Dupliquez la mise en page existante la plus proche lorsque davantage de diapositives sont nécessaires. Supprimez les diapositives superflues à la fin lorsqu’il en faut moins. Actualisez les libellés de la page actuelle et du nombre total de pages après chaque modification du nombre de diapositives. Adaptez chaque diapositive ; ne laissez aucun texte de démonstration ni nombre provisoire. Maintenez une hiérarchie claire des informations de l’utilisateur dans les limites de densité du modèle. Contrôlez les débordements sur chaque diapositive réécrite avant de poursuivre. ## Créez les types de diapositives manquants dans le même style Concevez de toutes pièces une mise en page manquante lorsque le modèle choisi ne possède pas le type de diapositive requis. Ne revenez pas vers l’utilisateur uniquement parce qu’un tableau comparatif ou une frise chronologique manque. N’importez pas une mise en page provenant d’un autre modèle. Utilisez les mêmes familles de polices, graisses, espacements et la même hiérarchie typographique. Employez uniquement les couleurs de la palette existante et choisissez l’accent le plus proche si une nouvelle couleur sémantique paraît nécessaire. Réutilisez le même vocabulaire décoratif et la même texture visuelle. Une diapositive nue et dépourvue de décoration dans une présentation ornementale constitue un défaut de conception. Reproduisez les marges intérieures, les colonnes de grille, les gouttières et les règles d’alignement des diapositives. Réutilisez la grammaire de composants du modèle pour les cartes, les statistiques, les citations et les légendes. Reproduisez les libellés supérieurs, les numéros de page, les marques d’angle et les autres éléments d’interface. Insérez la nouvelle diapositive avec le même type d’élément frère que celui utilisé par les diapositives existantes. Intégrez-la au fonctionnement actuel de la navigation au clavier, de l’alignement de défilement ou de la navigation par étapes. Testez la nouvelle diapositive entre deux diapositives d’origine. Si elle semble greffée depuis un autre langage visuel, remaniez-la. Poursuivez la mise en œuvre et la vérification sans demander à l’utilisateur de résoudre la mise en page. ## Ne changez ni les polices, ni les couleurs, ni la mise en page du modèle Ne remplacez pas une police qui ne se charge pas par une police similaire. Corrigez plutôt l’importation ou le chemin de la ressource. Ne recolorez pas les accents, les arrière-plans ou les tons neutres. Ne mélangez pas des diapositives issues de modèles différents. Ne retirez pas une décoration simplement parce qu’elle semble dépourvue de fonction. Ne modernisez pas un style visuel ancien au sein du modèle choisi. Choisissez un autre modèle pendant la sélection si le langage visuel ne convient pas. Ne restructurez pas les grilles pour faciliter l’insertion du contenu. Modifiez la longueur et la hiérarchie du contenu avant de rompre la mise en page. Ne déformez pas les images pour remplir les emplacements. Recadrez ou sélectionnez des ressources adaptées au rapport d’aspect prévu. Contrôlez chaque diapositive dans la zone d’affichage cible de la présentation. Examinez le rognage, les débordements, le contraste, les retours à la ligne et la navigation. Vérifiez la numérotation et le total des pages après tout ajout ou retrait. Maintenez les fichiers d’aperçu, d’itération et finaux dans un état permettant leur contrôle visuel. ## Vérifiez chaque fichier dans le navigateur et indiquez son chemin Ouvrez dans un navigateur chaque aperçu, chaque version intermédiaire et la présentation finale. N’annoncez pas un artefact avant de l’avoir contrôlé visuellement. Envoyez le chemin absolu de chaque artefact. Placez chaque chemin sur une ligne distincte lorsque l’interface permet de cliquer dessus. Pour la présentation finale, désignez le modèle choisi de manière générique et expliquez en une ligne sa correspondance avec le ton. Ne mentionnez les réserves que lorsqu’elles ont une incidence sur le résultat livré. Placez toute réserve exigeant une action de l’utilisateur à côté du chemin de l’artefact final. Identifiez les diapositives conçues de toutes pièces lorsque le modèle d’origine ne proposait pas leur mise en page. Gardez la transmission concise : artefact, chemin, justification et réserves importantes. Ne racontez pas l’intégralité du processus de production. Confirmez que toutes les ressources nécessaires sont accessibles depuis le dossier livré. Confirmez que la navigation fonctionne à partir du fichier final. Confirmez que la présentation finale ne contient aucun contenu provisoire. Traitez le contrôle dans le navigateur et la transmission des chemins comme des exigences de finalisation. Ne déclarez pas la tâche terminée si l’une ou l’autre de ces exigences fait défaut.