Existe-t-il un bon widget UX pour faire correspondre les listes d'articles?
Je veux poser une question à mon site Web qui demande aux utilisateurs de faire correspondre les articles.
Par exemple:
Match the animal with its sound:
Cow Bark
Dog Neigh
Horse Moo
S'il s'agissait d'une question sur papier, je demanderais à l'utilisateur de tracer des lignes de l'une à l'autre. À quoi devrait ressembler l'interface pour répondre à cette question sur un site Web. Y a-t-il déjà un widget JavaScript créé par quelqu'un pour cela?
Pour une implémentation plus simple, utilisez des couleurs.
Ce ne sont que des boutons. Vous cliquez sur un, puis cliquez sur un autre de l'autre côté pour les associer, un peu comme ce jeu de puzzle.
Tracer des lignes peut donner l'impression de glisser-déposer ... Vous faites glisser un crayon pour établir un lien entre deux choses.
Que diriez-vous de faire glisser un objet à gauche en haut d'un objet à droite? Ensuite, ils seraient affichés comme "empilés"? L'empilement signifie également que vous avez de moins en moins d'options sur la gauche au fur et à mesure, ce qui facilite la lecture des options restantes.
Bien sûr, cela suppose que les gens sont à l'aise avec le glisser-déposer ...