web-dev-qa-db-fra.com

Amélioration de la disposition de l'interface utilisateur

J'implémente actuellement un outil d'interrogation de base de données et je travaille actuellement sur une section qui permettrait aux utilisateurs de spécifier des clauses ORDER BY et Aggregate. Mon plus grand défi a été de le représenter dans un format soigné, tout en permettant aux utilisateurs d'ajouter autant d'attributs qu'ils le souhaitent. Ce que j'ai fait jusqu'à présent est présenté les résultats sous forme d'arbre, où les utilisateurs peuvent ajouter des niveaux à l'arbre, représentant de nouveaux attributs.

Le fait d'appuyer sur le bouton "Ajouter des attributs" ajoute un nouveau niveau dans l'arborescence. Je ne suis pas satisfait à 100% de cette approche, mais j'ai également essayé une approche de grille, mais j'ai préféré cela car les utilisateurs peuvent continuer à ajouter autant d'attributs qu'ils le souhaitent.

Semble-t-il convivial, soigné et visuellement agréable? Sinon, qu'est-ce qui pourrait être amélioré? Y a-t-il une autre représentation que je pourrais utiliser?

6
Dot NET

Félicitations, vous avez inventé TreeTable. Ne vous méprenez pas, pas de sarcasme du tout. L'orientation est correcte, mais la mise en œuvre actuelle doit être modifiée. Exemple TreeTable:

enter image description here

BTW, votre tâche n'est pas nouvelle, il existe donc de nombreux autres exemples concrets:

enter image description here

enter image description here

enter image description here

enter image description here

Ma plus grande préoccupation est la flexibilité. Naturellement, il n'y a pas de problème si vous n'avez pas besoin de supporter d'autres constructions à l'exception de "Attribute | Order | Function". Si vous en avez besoin - l'éditeur de formulaire gratuit peut être construit en utilisant quelque chose comme this :

enter image description here

Je ne suggère pas de suivre cette voie, je veux juste que vous sachiez qu'il existe une autre voie, qui prévoit:

  • souplesse
  • conseils visuels
  • validation simplifiée
  • convivialité
  • etc

TreeTable est la meilleure solution car vous l'avez déjà implicitement.

14
Renat Gilmanov