BATISCAF

BATISCAF est un outil de formation en réalité virtuelle conçu par NOBATEK/INEF4 pour les professionnels du bâtiment. Il permet de montrer et d'explorer les problèmes que l'on peut rencontrer dans un bâtiment, les pathologies, sans avoir à se rendre sur un vrai chantier. Il s'utilise sur PC ou avec un casque HTC Vive.

Ses clients sont les centres de formation des apprentis du bâtiment. Ses utilisateurs, les formateurs et les apprentis, qui s'entraînent sur des maisons de différentes époques et de différentes normes thermiques.

Le code de la première version étant propriétaire, l'équipe devait reconstruire l'application entièrement. Ma mission portait sur la page principale : celle où l'apprenti sélectionne le scénario sur lequel il veut s'entraîner.

Dans la première version, les scénarios étaient préconfigurés et on ne pouvait pas y toucher depuis l'application : tout se réglait dans une base de données. La refonte était l'occasion de revoir l'interface et d'ajouter ce qui manquait, en partant d'une maquette existante qu'il fallait faire évoluer.

La maquette prévoyait une rangée de cartes, une par maison. En discutant avec l'équipe, nous avons voulu donner davantage d'informations sur le scénario sélectionné, notamment la description détaillée de la maison. Mais à la taille prévue, la description ne rentrait tout simplement pas.

Nous avons opté pour un élément dynamique : la carte s'agrandit quand on la sélectionne, et affiche alors toute la description. Réduite, elle reste compacte pour laisser les autres maisons visibles.

Sur cette même carte, j'ai proposé d'ajouter, en bas, des étiquettes avec les thématiques des pathologies que le scénario permet de travailler. L'apprenti sait ainsi quels sujets traite une maison avant même de cliquer dessus : une information utile, qui lui fait gagner du temps.

Il fallait ensuite un menu pour que l'utilisateur sélectionne les pathologies qu'il souhaite traiter dans le scénario. La maquette prévue, que j'avais réalisée, plaçait les métiers à gauche et les pathologies à droite. À l'usage, elle n'était pas intuitive : les métiers non disponibles restaient affichés en grisé, on ne savait pas clairement dans quel métier on se trouvait, par exemple Ventilation, et rien ne récapitulait les pathologies déjà choisies.

Nous avons revu le menu en équipe. Désormais, sélectionner un métier ajoute ses pathologies à la liste de droite, où l'on peut les cocher. On choisit d'abord ses catégories de métiers, puis un bouton « Tout sélectionner » rend la sélection bien plus rapide. Une description de la pathologie apparaît dans un bandeau quand on la survole : l'équipe comme moi avons trouvé que cela apportait beaucoup plus d'informations à l'utilisateur.

Enfin, nous avons ajouté une sorte de panier, que nous avons appelé le constructeur de scénarios. Il reprend toutes les pathologies sélectionnées, pour garder une vue constante sur ce que l'on est en train de paramétrer avant de lancer le scénario.