web-dev-qa-db-fra.com

Quelle est la technique de mappage d'éléments la plus conviviale?

J'ai 2 sections divisées verticalement sur une page, une page a un document html et une autre a une vue arborescente de divers éléments. La tâche consiste à sélectionner une partie du texte dans le document HTML et à sélectionner un autre élément dans l'arborescence et à mapper les deux.
Ce processus est assez simple mais devient fastidieux lorsque le nombre d'éléments augmente. Il existe une option pour sélectionner plusieurs éléments des deux côtés et les cartographier, mais il y a toujours un certain frottement de la part des utilisateurs et ce n'est pas "parfait".
Je ne suis pas en mesure de trouver un moyen de réparer et de modifier la conception. Si quelqu'un a mis en œuvre ou observé une situation similaire sur une plate-forme, il serait bon de le savoir. Techniquement, notre équipe développera ce qui est requis mais la préoccupation principale n'est pas de rendre le processus fastidieux pour l'utilisateur. J'ai besoin d'un flux plus convivial pour le processus.

2
plk

Pour surmonter un problème comme celui-là, le "filtrage en temps réel" peut être un bon moyen de localiser rapidement ces éléments. Un exemple serait le menu des objets Adobe Flash;

Full list

Filtered list, based on search query

1
Chrux

Cela ressemble à l'expérience de brancher une prise avec des éléments d'interface utilisateur lors du développement pour IOS. Vous pouvez peut-être en tirer quelques inspirations. enter image description here

Vous pouvez peut-être activer un menu contextuel sur n'importe quelle sélection de document HTML et afficher les éléments de l'arborescence dans une liste déroulante pour la sélection. Cela peut au moins sauver le mouvement de la souris d'aller et venir entre les deux colonnes. Une fois que plusieurs éléments sont sélectionnés, le même flux déroulant peut être utilisé pour affecter des éléments à 1 élément d'arborescence (peut ne pas être applicable).

Plus de détails sur la structure et le type de document HTML ou d'éléments d'arborescence peuvent aider tout le monde à mieux comprendre les exigences et potentiellement à trouver de meilleures solutions.

0
Poyi