DBConcept - UX design et SEO de modélisation de bases de données

France · Utilisé par des universités, lycées et établissements d'enseignement

DBConcept : le contexte et le besoin

À partir d'une description au format Mocodo, DBConcept peut générer plusieurs représentations selon les besoins : un MCD (Modèle Conceptuel de Données selon la méthode Merise), un diagramme de classes ou de domaine UML, un MLD (Modèle Logique de Données) sous forme de schéma relationnel ou de tables, des scripts SQL pour MariaDB/MySQL, PostgreSQL et SQLite, ainsi que des classes métier en Haxe, Java, PHP ou Python. L'outil est disponible sous la forme d'une application web responsive ainsi qu'en ligne de commande.

DBConcept devait proposer une interface capable d'afficher et de comparer plusieurs représentations d'un même modèle de données tout en restant exploitable sur des écrans de tailles très différentes. La principale difficulté UX résidait dans la densité des informations affichées : diagrammes UML, modèles Merise, schémas relationnels, code SQL et éléments techniques devaient rester lisibles sans complexifier inutilement l'interface. Le projet comportait également un enjeu de visibilité organique, afin de positionner DBConcept sur des requêtes liées à la modélisation de bases de données, aux MCD, à UML et aux outils pédagogiques utilisés dans l'enseignement.

Intervention de Grafika Web

Grafika Web est intervenue sur deux volets complémentaires : la conception UX/UI de l'application et l'optimisation de son référencement naturel.

UX design et maquettage

Les maquettes ont été conçues en tenant compte des contraintes spécifiques d'un outil de modélisation technique, avec l'objectif de conserver une interface suffisamment précise pour les utilisateurs avancés tout en restant compréhensible dans un contexte d'apprentissage.

• Organisation de deux zones d'affichage multifonctions.
• Comparaison facilitée entre plusieurs représentations d'un même modèle.
• Hiérarchisation des commandes et des fonctions principales.
• Optimisation de la lisibilité des diagrammes et du code.
• Adaptation de l'interface aux ordinateurs et aux smartphones.
• Réflexion sur les interactions nécessaires à un usage pédagogique.
• Réduction de la charge visuelle malgré la densité des informations.

Travail SEO

L'agence Grafika web a également accompagné DBConcept sur son référencement naturel. Le travail SEO a notamment porté sur :

• L'identification des requêtes stratégiques.
• La structuration des contenus.
• L'optimisation des balises et de la hiérarchie sémantique.
• L'amélioration de la compréhension du sujet par les moteurs de recherche.
• Le positionnement autour des thématiques MCD, UML, Merise et modélisation de bases de données.

Les optimisations réalisées ont permis à DBConcept d'atteindre la 1ʳᵉ position sur les mots-clés ciblés.

Un outil utilisé dans l'enseignement

DBConcept est notamment utilisé dans un contexte pédagogique par des universités, des lycées et d'autres établissements d'enseignement. L'outil permet aux étudiants et enseignants de passer facilement d'une représentation à une autre afin de mieux comprendre les relations entre :

• Modèle conceptuel.
• Modèle logique.
• Diagramme UML.
• Base de données relationnelle.
• SQL.
• Classes métier.

Cette dimension pédagogique a constitué un élément central de la réflexion UX.