Les infobulles à l'ère du tactile

Question

Les infobulles sont un paradigme d'interface incroyablement utile pour connaître une application. Elles constituent la correspondance entre le contrôle visuel et l'action spécifique à l'application associée à ce contrôle. L'utilisateur peut explorer l'action sans l'invoquer en passant simplement le curseur de la souris.

Les dispositifs tactiles rendent ce paradigme pratiquement impossible. Cela limite la convivialité de l'application, qui devient dans certains cas assez mystérieuse.

Savez-vous s'il existe un substitut au concept d'infobulle pour les appareils tactiles ? Il leur manque en effet un degré de liberté dans l'interaction avec l'interface utilisateur : la position du pointeur. Comment récupérer efficacement ce canal de communication ?

Answer 1

Selon la personne à qui vous demandez, elle pourrait même vous dire qu'une interface qui besoins pour que les conseils d'outils soient compréhensibles, il faut les repenser sérieusement (cf. Jef Raskin : L'interface humaine ).

En fait, les conseils d'utilisation sont une solution à un problème de santé publique. très Problème spécifique : boutons iconiques sans étiquette, comme ceux que l'on voit sur les barres d'outils. Dès que vous avez des étiquettes, utilisez-les. Il n'est pas nécessaire de fournir une info-bulle, car vous avez déjà ont pour indiquer ce que va faire un contrôle particulier.

De plus, les interfaces tactiles ne s'adaptent pas très bien à la technologie actuelle. WIMP modèle d'interface. De nombreuses commandes sont bonnes à manipuler avec les pointeurs d'une souris mais sont frustrantes à utiliser avec un doigt. Les menus, les cases à cocher, les boutons radio viennent à l'esprit. Ainsi, l'interface paradigme pour les interfaces tactiles doit être assez différente de celle des interfaces actuelles commandées par la souris et le clavier.

Je pense donc que le problème n'est pas tant le manque de conseils sur les outils que le fait que nous n'ayons pas exploré beaucoup de nouvelles façons d'interagir avec un ordinateur au cours des 30 dernières années (essentiellement depuis les recherches menées par Doug Engelbart et Xerox PARC dans les années 60 et 70).

L'entrée tactile est juste similaire assez de qu'il un peu comme fonctionne pour la plupart des usages. Mais il lui manque non seulement une composante de localisation sans contact, mais aussi la précision. En fait, tout ce que l'entrée tactile permet de faire, c'est de toucher quelque chose et de le faire glisser. Même le double-tap est difficile, alors ce que nous vraiment Le besoin d'un changement fondamental dans la façon de concevoir et d'élaborer une interface utilisateur spécifiquement pour une interface tactile.

Vous verrez une partie de cela dans les appareils dédiés, comme l'iPhone, simplement parce que c'est une plateforme qui ne dispose ni d'un pointeur de souris, ni d'un clavier et uniquement toucher. Cela signifie que vous n'avez pas à construire une interface utilisateur qui doit être utilisable avec toutes les méthodes d'interaction possibles (un problème qui affecte Windows actuellement ; j'ai un ordinateur portable multi-touch mais pour de nombreuses tâches, le tactile ne fonctionne tout simplement pas) mais seulement avec une seule. Mais une solution générale pour les logiciels et les ordinateurs "normaux" est assez éloignée pour le moment, je pense.

Donc je vous conseille de penser un peu différemment au sujet de comment vous concevez votre interface utilisateur. Comme nous l'avons déjà dit (et comme on peut le lire dans l'ouvrage d'Alan Cooper intitulé À propos du visage ), les info-bulles servent à étiqueter les commandes qui n'ont pas d'étiquettes ou pour lesquelles l'espace ne suffirait pas à les placer. Les barres d'outils constituent ici le principal scénario d'utilisation. Mais une interface conçue pour le tactile devrait de toute façon agrandir tous les contrôles. De nombreuses petites icônes, étroitement regroupées, sont difficiles à utiliser, même avec la saisie tactile. si vous aviez des conseils d'outils, simplement parce que cela manque de précision.

Answer 2

Lire ici m'a fait réfléchir. Les infobulles sont généralement utilisées pour donner une étiquette aux boutons sans texte, mais sont également un excellent moyen de donner plus d'informations dans l'espace réduit disponible dans une interface. Parfois, elles sont utilisées pour fournir une aide contextuelle ou une explication détaillée d'un seul widget.

Tchalvak l'idée de de donner à tous les éléments de l'interface graphique un comportement commun en un seul clic, et de fournir une info-bulle en cas de double clic a ses mérites, et peut même être quelque peu découverte, car de nombreuses personnes ont l'habitude de double-cliquer sur les éléments suivants tout qu'ils voient, quel que soit l'élément.

Mais je me suis souvenu du vieux ? qui était si populaire il y a quelques années et qui, une fois cliqué, transformait le curseur en point d'interrogation. Une fois que vous avez cliqué sur un widget, vous voyez apparaître une petite bulle d'aide ou d'information. Je pense que quelque chose comme cela pourrait être facilement utilisé sur une interface tactile. En raison de l'absence de curseur, un autre indice visuel doit être donné à l'utilisateur pour lui indiquer qu'il se trouve dans une zone d'information. fournir de l'aide mode. On pourrait changer la teinte de l'écran et ajouter un petit texte. On pourrait aussi le faire par multitouch en demandant à la touche ? Il faut appuyer sur le bouton tout en appuyant sur un autre widget pour obtenir l'info-bulle (qui doit être affichée à un endroit légèrement séparé afin de ne pas être trop masquée par le doigt).

Mais même s'il est possible de conserver la même fonctionnalité technique pour nous, programmeurs, afin d'avoir des infobulles, nous devons penser à la intention ce à quoi nous allons l'utiliser.

Je ne l'utiliserais que pour donner une aide étendue lorsque vous êtes confrontés à un petit écran, sinon, faites une zone d'aide visible à tout moment en bas de la "fenêtre" (se référant à n'importe quel type d'interface-io de forme carrée), qui change son contenu pour fournir une explication détaillée et/ou une aide pour le widget sélectionné, comme cela est fait dans certaines préférences Windows au survol.

En conclusion, même si nous capable pour fournir des infobulles faciles à utiliser, nous devrions penser à ce que vous y mettriez. Dans une interface tactile, je voudrais pas mettre un bouton ambigu sans étiquette qui besoins une infobulle pour être compris, mais l'utiliserait pour fournir une aide avancée sensible au contexte et un dépannage.

Answer 3

Les infobulles des claviers à l'écran - qui font écho à la lettre touchée - sont pour moi une preuve suffisante que les infobulles sont très utiles sur une interface tactile. Je suis venu à cet article pour voir comment je pouvais mettre cela en œuvre sur une page web mobile.

Answer 4

Je peux penser à deux solutions à ce problème

1) Concevez votre application de manière à ne pas avoir besoin d'infobulles. Mettez du texte sur les boutons (aussi petits soient-ils), utilisez des icônes simples ou affichez une "bulle d'aide" lors de la "première utilisation d'un bouton" (avec la possibilité de "ne plus l'afficher" une fois que l'utilisateur a appris à quoi sert un bouton).

2) Répondre aux événements sur retoucher ne pas toucher le sol. Réagissez aux touchers qui ont été maintenus pendant 0,5-1 seconde en affichant une bulle d'aide. Si la bulle d'aide s'affiche, l'événement normal du bouton n'est pas déclenché le jour de l'action. retoucher (afin que les utilisateurs qui cherchent de l'aide ne finissent pas par déclencher des actions).

3) Utilisez le paradigme de glisser-déposer "point d'interrogation" qui @voyager suggéré. Vous pouvez aussi demander à l'utilisateur d'appuyer d'abord sur le point d'interrogation, puis sur l'élément pour lequel il a besoin d'aide.

Answer 5

Peut-être des étiquettes persistantes donnant une brève description de chaque fonctionnalité plus ou moins "obscure" disponible sur l'interface, combinées à des messages de notification contextuels lorsque des actions sont effectuées - par exemple : l'utilisateur modifie des données => une notification apparaît pour lui rappeler de ne pas oublier de sauvegarder en utilisant un bouton qui serait brièvement mis en évidence pendant cette notification.