Design-process
Aperçu#
Un processus de conception gouverné
Le processus transforme les besoins observés en décisions réutilisables et vérifiées. Il est itératif : les preuves des étapes ultérieures peuvent ramener le travail vers une étape antérieure.
Observer
Auditer l’expérience existante, le contenu, les contraintes et les besoins d’accessibilité avant de choisir une solution.
Preuve Audit du site existant et besoins documentés
AccessibilitéCadrer
Établir l’architecture de l’information, la responsabilité, les contraintes durables et les décisions qui nécessitent un ADR.
Preuve Architecture de l’information et fiche de décision
Dossiers de décisionConcevoir
Façonner les fondations, les rôles des jetons, les mises en page et le comportement des composants comme un système relié.
Preuve Architecture des jetons et aperçu du système de conception
Aperçu du système de conceptionSpécifier
Documenter les contrats de composants, les API de rédaction, les variantes, les attentes d’accessibilité et la responsabilité des sources.
Preuve Manifestes d’interface et référence des composants
ComposantsConstruire
Implémenter des partials Hugo, des jetons CSS générés et seulement le JavaScript nécessaire à une interaction claire.
Preuve Architecture d’implémentation et sorties générées
Architecture des jetonsVérifier et gouverner
Prouver le contrat avec les compilations, les vérifications, la revue adaptative et des directives maintenues; puis réinvestir le résultat dans la prochaine décision.
Preuve Modèle de qualité, changelog et directives courantes
Modèle de qualité
Exemple
{{< design-process >}}Quand l’utiliser
Un cycle piloté par les données qui lie les étapes du processus de conception à leurs preuves et à leur documentation de gouvernance.
Implémentation
layouts/shortcodes/design-process.htmlOptions
Ce shortcode ne lit aucun paramètre nommé dans son gabarit.
Manifeste d’interface
- Nature
- Shortcode
- Catégorie
- Données
- Statut
- Implémenté
- Implémentation
- Shortcode:
layouts/shortcodes/design-process.html