Utiliser les formulaires de configuration

Exemple de configuration d'une piscine


Le Cas d’usage

Dans ce tutoriel, nous illustrons l'utilisation de Cosling Configurator à travers un cas d'usage appliqué à la vente de piscines. Nous montrons en particulier les différentes techniques permettent de simplifier, clarifier et fluidifier la configuration pour qu'un utilisateur novice puisse utiliser l'outil de manière efficace et obtenir rapidement une configuration adaptée et entièrement chiffrée.


Swimming pool configuration diagram

Une configuration guidée

L'interface de configuration invite tout d'abord l'utilisateur à sélectionner le type de piscine souhaité parmi les options suivantes : Couloir de nage, Familiale, Compacte ou Design. Ce premier choix permet d'initialiser la configuration avec des valeurs par défaut adaptées et spécifiques à chaque catégorie. Par exemple, en optant pour la configuration "Couloir de nage," la piscine proposée sera caractérisée par une forme allongée et un design épuré. À l'inverse, en sélectionnant la formule "Familiale," la piscine sera plus large, répondant ainsi aux besoins d’une famille. Les valeurs initialement suggérées, comme les dimensions, restent entièrement modifiables.

Screenshot of the different type of swimming pool

L'utilisateur peut modifier les différentes valeurs en toute tranquilité tout en comptant sur le configurateur pour détecter toute anomalie et proposer des ajustements. Ainsi, la configuration affichée reste valide à tout moment.

Screenshot of a conflict resolution suggestion

Une configuration ergonomique

Afin d'assurer une expérience fluide et intuitive, le configurateur segmente le processus en plusieurs étapes successives. L’utilisateur est amené à choisir une formule avant d’ajuster les dimensions, personnaliser les éléments de design, examiner les aspects liés à l’entretien et à la sécurité, pour finalement obtenir un devis détaillé.

Bien que les produits puissent être complexes, le configurateur a pour objectif de simplifier le processus de configuration en mettant en avant les décisions essentielles, sans surcharger les utilisateurs novices d’informations techniques superflues. Les formulaires de configuration portent donc sur des variables spécifiques, qui peuvent être nommées, ordonnées, regroupées et configurées via différents modes d'interaction (cases à cocher, listes déroulantes, champs texte, vignettes). Par ailleurs, des images et schémas explicatifs, ainsi que des descriptions textuelles détaillées, peuvent être intégrés pour améliorer la compréhension de l’utilisateur.

Screenshot of a diagram displayed during configuration

Pour renforcer la clarté de l’interface, certains champs s'affichent dynamiquement en fonction des choix de l'utilisateur. Par exemple, en sélectionnant un électrolyseur, les champs relatifs au volume d'eau à traiter et au nombre de sacs de sel requis apparaissent automatiquement. Cette fonctionnalité permet d’afficher uniquement les éléments pertinents, offrant ainsi une interface épurée et adaptée aux besoins de l'utilisateur. De plus, le nombre de sacs de sel est calculé dynamiquement en fonction du volume d’eau défini au préalable, garantissant ainsi une configuration optimale.

Without electrolyser
With electrolyser

Tout au long du processus, le configurateur évalue en temps réel le coût total en fonction des choix effectués. La configuration se conclut par un récapitulatif détaillé, incluant une ventilation tarifaire de chaque option sélectionnée.

Screenshot of a the summary

Tutoriels Cosling Configurator