web-dev-qa-db-fra.com

Objets combobox avec info-bulles

Je pensais utiliser une zone de liste déroulante de recherche\texte prédictif pour permettre à un utilisateur de sélectionner un élément dans une très longue liste d'éléments avec des noms longs (disons à partir d'une liste de 200 éléments). J'ai pensé que ce serait une bonne idée d'afficher une infobulle sur les articles, avec la description de l'article pour permettre à l'utilisateur de mieux comprendre ce qu'est l'article. Les gens de mon organisation pensent que dans les applications Web, c'est plutôt un comportement non standard, où je sais que dans les applications de bureau, cette pratique a été utilisée. Qu'est-ce que tu penses? Y a-t-il des motifs de conception que vous connaissez associés à cela?

2
Dina Neishtadt

Bien que ce soit un peu non standard (ne pensez pas que j'ai rencontré une telle chose auparavant), il est assez facile de penser à quelque chose qui fonctionnerait. Deux choses à surveiller:

  • Ne pas se chevaucher. Comme il s'agit d'informations, nous ne voulons pas masquer les informations.

  • Faites clairement ressortir la fonctionnalité. Il n'est pas non standard, mais nous pouvons utiliser des modèles standard d'une manière qui communique comment cette chose fonctionne.

Dès que l'utilisateur commence à taper, commencez à afficher les résultats dans une liste sous la recherche/zone de liste déroulante et mettez en surbrillance la première. À côté de la liste, affichez les informations détaillées sur le hit sélectionné. Lorsque l'utilisateur survole d'autres éléments (ou les met en surbrillance à l'aide up et down) dans la liste, mettez à jour la boîte de détails en conséquence.

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

2
Koen Lageveen