web-dev-qa-db-fra.com

Emplacement de l'infobulle

Je crée une interface graphique qui contrôle du matériel personnalisé à l'aide de MATLAB. Étant donné que de nombreux champs de paramètres sont très techniques, j'utilise des info-bulles pour donner des descriptions plus détaillées de chacun des champs. La plupart de mes domaines ressemblent à ceci:

Example of field layout

En raison du fonctionnement de MATLAB GUIDE, l'étiquette, la zone de saisie et les unités sont toutes des entités distinctes avec des info-bulles distinctes. Je me demande, quel objet devrait avoir l'info-bulle? La boîte de saisie? L'étiquette? Tous les trois? Le principal inconvénient de l'utilisation de plusieurs objets est qu'il existe un léger écart entre eux, de sorte que l'info-bulle disparaîtrait et réapparaîtrait lorsque vous déplacer le curseur sur l'écart.

1
David K

Je recommanderais personnellement d'avoir une icône supplémentaire avant l'étiquette ou après les unités avec un point d'interrogation, comme ci-dessous:

enter image description here

Demandez à l'icône de tenir l'info-bulle. Le point d'interrogation indique instantanément aux gens qu'ils peuvent y obtenir plus d'informations, donc s'ils ne sont pas sûrs, ils iront directement dans ce sens.

C'est mieux que d'avoir à l'utilisateur de passer la souris sur chacun des trois éléments individuellement pour déterminer lequel va afficher les informations supplémentaires.

ÉDITER:

Si vous ne voulez pas l'icône, une autre suggestion est de la mettre sur l'étiquette, mais assurez-vous de montrer à l'utilisateur qu'elle est sur l'étiquette. Placez-le à peu près partout où vous vous sentez le mieux (sur la boîte, les unités ou l'étiquette), mais assurez-vous que l'utilisateur peut facilement voir où il peut obtenir les informations. Vous avez peut-être déjà vu des étiquettes comme celle-ci:

mockup

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

Mais au lieu d'un soulignement solide, utilisez un soulignement pointillé. Je sais personnellement pour moi, si je vois un soulignement en pointillé, cela signifie généralement que je peux obtenir plus d'informations en cliquant ou en survolant ce texte.

3
fletch254