Comment l’UX Design s’agrège aux méthodes d’intégration et de déploiement continue (CI/CD)

Hybrid Cloud – Daina Lightfoot – Dribbble

L’impact de l’IC/CD ne se limite pas au code, cette méthodologie agile peut également être très profitable dans le domaine de l’UX Design. Voyons comment tout ça peut fonctionner ensemble.

Pourquoi utiliser l’intégration et de déploiement continue (CI/CD) ?

Le DevOps dont font partie l’intégration continue (CI) et le déploiement continu (CD) a transformé la façon dont les équipes créent et livrent des produits. En automatisant les tests et en rationalisant les processus de déploiement, les Organisations Produits peuvent mettre à jour leurs interfaces plus fréquemment, réduisant ainsi les délais de mise sur le marché et améliorant la qualité globale.

Les 7 cycles de vie du DevOps

Les 7 cycles de vie DevOps constituent une méthodologie structurée pour la conception, le développement et la maintenance des produits numériques en suivant une approche itérative et collaborative. Cette approche met l’accent sur la communication et la collaboration entre les équipes de développement et d’exploitation, garantissant ainsi une livraison de produits plus rapide et de meilleures qualités.

1. Développement et livraison continus (Continuous Development & Delivery, CD)

Cette phase 1 concerne l’automatisation des processus de développement et de livraison de logiciels. Le code est fréquemment intégré et testé, permettant une détection précoce des erreurs et une livraison plus rapide des fonctionnalités.

Objectif principal : réduire les délais de mise sur le marché et fournir des logiciels plus rapidement aux utilisateurs.

Objectifs secondaires :

• Améliorer la collaboration entre les équipes de développement et d’exploitation.
• Automatiser les tâches manuelles et répétitives.
• Augmenter la fréquence des livraisons de logiciels.

2. Intégration continue (Continuous Integration, CI)

Automatise l’intégration du code provenant de différents développeurs dans une base de code partagée. Des tests automatisés sont exécutés à chaque intégration pour garantir la qualité du code.

Objectif principal : garantir la qualité du code en détectant et en corrigeant les erreurs dès que possible.

Objectifs secondaires :

• Automatiser l’intégration du code provenant de différents développeurs.
• Exécuter des tests automatisés à chaque intégration.
• Prévenir les régressions et les problèmes de compatibilité.

3. Tests continus (Continuous Testing, CT)

Implique l’exécution automatisée de tests tout au long du cycle de vie du développement. Permet une identification rapide des bogues et des régressions, garantissant la qualité du logiciel.

Objectif principal : garantir que le logiciel répond aux exigences et fonctionne comme prévu.

Objectifs secondaires :

• Automatiser l’exécution des tests tout au long du cycle de vie du développement.
• Identifier et corriger les bogues rapidement.
• Améliorer la couverture des tests.

4. Surveillance continue (Continuous Monitoring)

Surveille les performances et la santé du produit en production. Permet d’identifier et de résoudre rapidement les problèmes potentiels, garantissant la disponibilité et la fiabilité de l’application.

Objectif principal : maintenir la disponibilité, la fiabilité et les performances des applications en production.

Objectifs secondaires :

• Identifier et résoudre rapidement les problèmes potentiels.
• Collecter des données sur les performances de l’application.
• Anticiper les problèmes et optimiser les ressources.

5. Retour d’informations continu (Continuous Feedback)

Collecte des commentaires des utilisateurs et des parties prenantes tout au long du cycle de vie du développement. Permet d’améliorer continuellement l’application en fonction des besoins des utilisateurs.

Objectif principal : recueillir des commentaires des utilisateurs et des parties prenantes pour améliorer continuellement le logiciel.

Objectifs secondaires :

• Comprendre les besoins et les attentes des utilisateurs.
• Identifier les opportunités d’amélioration du logiciel.
• Prioriser les fonctionnalités et les correctifs en fonction des commentaires des utilisateurs.

6. Déploiement continu (Continuous Deployment)

Automatise le processus de déploiement du produit en production. Offre des déploiements plus fréquents et plus fiables, réduisant ainsi le temps de mise sur le marché.

Objectif principal : automatiser le déploiement des logiciels en production, réduisant ainsi les risques et les erreurs.

Objectifs secondaires :

• Réduire les délais de déploiement.
• Déployer des logiciels plus fréquemment.
• Améliorer la fiabilité des déploiements.

7. Opérations continues (Continuous Operations)

Vise à optimiser les processus d’exploitation et d’infrastructure pour soutenir le produit en production. Met l’accent sur l’automatisation, la surveillance et la résolution proactive des problèmes.

Objectif principal : optimiser les processus d’exploitation et d’infrastructure pour soutenir les applications en production.

Objectifs secondaires :

• Provisionner et gérer l’infrastructure de manière efficace.
• Garantir la sécurité et la conformité des applications.
• Soutenir les utilisateurs et résoudre les problèmes rapidement.

Comme on le voit, cette approche itérative et centrée sur le feedback permet aux équipes de s’adapter plus rapidement aux changements et d’ajouter de la valeur en continu tout en raccourcissant les délais de mise sur le marché

Intégration Continue (CI), Déploiement Continu (CD) et UX Design

L’intégration continue et le déploiement continu dans l’UX design favorisent la collaboration entre les designers et les développeurs, offrant une itération rapide et une amélioration continue de l’expérience utilisateur tout au long du processus de développement du produit.

CI/CD : comprendre l’essentiel en 8 minutes

Réduire le temps de développement en quelques exemples

Voici quelques exemples concrets de l’application de l’IC/CD pour l’UX Design :

Intégration des fichiers de design

À chaque fois qu’un designer apporte des modifications à un prototype ou à une maquette, les modifications sont automatiquement intégrées dans un référentiel central. Cela permet aux autres designers et développeurs d’accéder aux dernières versions des designs et de fournir des commentaires en temps réel.

Tests automatisés d’accessibilité

Des tests automatisés peuvent être intégrés au processus de CI pour identifier les problèmes d’accessibilité potentiels dans les designs dès les premières étapes du développement. Cela permet de s’assurer par exemple que les designs sont inclusifs et accessibles à tous les utilisateurs.

Déploiement de prototypes exécutables

Les prototypes exécutables peuvent être automatiquement déployés sur des plateformes de test internes ou externes, permettant aux utilisateurs de tester et de fournir des commentaires sur les designs avant qu’ils ne soient finalisés.

Collecte de commentaires des utilisateurs

Les outils de CI/CD peuvent être utilisés pour collecter des commentaires des utilisateurs sur les designs via des sondages ou des tests d’utilisabilité. Ces commentaires peuvent ensuite être utilisés pour informer les itérations ultérieures du processus de design.

CI/ CD, une optimisation constante de l’expérience utilisateur

Un exemple extrême ! Amazon est connu pour sa fréquence de déploiement de code élevée, avec un nouveau déploiement en moyenne toutes les 11,6 secondes, ce qui est une des clés de son succès.

Comment Amazon réalise-t-il des déploiements aussi fréquents ?

Amazon utilise une architecture distribuée et microservices, ce qui signifie que ses applications sont décomposées en petits services indépendants. Cela permet de déployer de nouveaux codes pour des services spécifiques sans affecter l’ensemble de la plateforme.

De plus, Amazon utilise des outils pour automatiser le processus de déploiement, ce qui permet de réduire les erreurs humaines et d’accélérer le processus.

Quels sont les avantages de cette approche ?

Déployer du code aussi fréquemment présente plusieurs avantages pour Amazon :

• Amélioration de l’agilité. Amazon s’adapte rapidement aux changements du marché et aux besoins des clients.
• Meilleure fiabilité. Ces déploiements très fréquents permettent de corriger les bugs plus rapidement et d’éviter les problèmes potentiels.
• Innovation plus rapide. En testant et en déployant de nouvelles fonctionnalités plus rapidement.

Mais attention, cette approche n’est pas sans risque :

• La gestion d’une architecture microservices et de déploiements fréquents peut être complexe.
• Des déploiements plus fréquents augmentent le risque d’introduire des bugs ou des problèmes de compatibilité. Il faut donc avoir la capacité de réagir en conséquence.
• Cette approche nécessite une collaboration étroite entre les équipes de développement et d’exploitation, donc une culture DevOps forte.

Schéma de la chaîne d’intégration continue et de déploiement continu – Agence du numérique et de la Sécurité Civile

Intégration continue et UX Design

L’objectif est d’améliorer la qualité en testant directement auprès de l’utilisateur par petits sauts.

Pour l’UX design, l’intégration continue se traduit par l’intégration régulière des conceptions dans le processus de développement, en veillant à ce que les ébauches, les prototypes et les maquettes soient constamment mis à jour et partagés avec l’équipe de développement.

Quels avantages ?

Cela garantit une communication fluide entre les designers et les développeurs, permettant de résoudre rapidement les problèmes et de s’assurer que l’expérience utilisateur est prise en compte à chaque étape du développement.

Déploiement continu et UX Design

Utiliser le déploiement continu en Design a pour objectif d’améliorer la qualité du produit par les tests utilisateur directs et accélère la production en réduisant le temps de développement. Le test utilisateur se fait pratiquement en réel.

Le déploiement continu pour l’UX design implique la mise à disposition régulière des conceptions validées pour les tests utilisateurs ou pour une intégration dans des prototypes fonctionnels.

Quels avantages ?

Plutôt que d’attendre la fin du processus de conception pour partager les résultats avec l’équipe de développement, le déploiement continu garantit que les avancées en matière de conception sont rapidement intégrées dans le processus de développement, permettant ainsi des ajustements plus rapides et plus précis en fonction des retours utilisateurs.

Le déploiement continu et le Design System

Déploiement continu et Design System sont des éléments complémentaires qui favorisent une livraison efficace et une UX cohérente et de qualité lors du développement.

Lorsqu’ils sont combinés, le déploiement continu et le Design System offrent des avantages pour les équipes de développement et de design. Tout d’abord, le déploiement continu permet de mettre en ligne rapidement les mises à jour du Design System, assurant ainsi que toutes les équipes utilisent les composants et les styles les plus récents. Cela garantit une cohérence visuelle et fonctionnelle à travers l’ensemble du produit.

Le Design System peut être versionné et déployé en continu, tout comme le code, permettant ainsi aux équipes de design de publier de nouvelles versions du Design System et de les rendre immédiatement disponibles pour les développeurs. Cela favorise une collaboration étroite entre les équipes de design et de développement, en permettant aux deux parties de travailler simultanément sur le produit tout en restant synchronisées.

En conclusion, la culture DevOps prime

Il est important de noter que l’implantation réussie de l’IC/CD pour l’UX Design nécessite une planification et une coordination minutieuses entre les équipes de design et de développement ainsi qu’une culture DevOps bien ancrée.

Il est également important de choisir les bons outils et les Frameworks fonctionnels pour prendre en charge les besoins spécifiques de l’équipe et du projet.

Lire aussi :

• Les 10 commandements d’un bon design par Dieter Rams
• Product Design, Créer les produits digitaux que vos clients adorent
• Product Designer, l’esthéticien de l’objet