web-dev-qa-db-fra.com

Est-il préférable d'utiliser "i" ou "?" pour info-bulle / contenu d'aide sur mobile

enter image description here

À l'heure actuelle, l'interaction est que lorsque vous cliquez sur la petite icône "i" à côté d'une question, un texte supplémentaire s'affiche pour clarification. (Montré dans l'exemple "Transporter tout ce qui le rend plus lourd?")

Mes questions sont: - Est-il préférable d'utiliser "i" ou "?" pour cette icône?

  • Est-il correct que le contenu de l'aide apparaisse en ligne comme ceci ou est-il préférable de l'avoir dans une boîte à info-bulles? Je l'aime ainsi car il ne couvre pas le contenu existant et il n'est pas nécessaire de le fermer pour continuer.

  • Dans la conception matérielle, comment feriez-vous ce type d'infobulle? La seule documentation que je puisse trouver est ici et ce n'est pas tout à fait le même scénario.

5
user93176

Le ? dans un cercle est promu par l'AIGA et utilisé par l'USDOT, mais le minuscule i inversé en bleu a toujours été le symbole ISO pour l'information (ma mémoire dit 50 ans ou plus).

Il n'y a donc pas de réponse claire.

Vous pouvez suivre la convention ISO et être en sécurité, car c'est l'ISO! Ou vous pouvez suivre la convention AIGA et vous sentir à l'aise avec le fait que le? glyphe est utilisé pour "question" dans toutes les langues principales, qu'elles utilisent le jeu de caractères d'origine latine, celui d'origine kyrillique ou l'un des pays d'Asie de l'Est ou du Sud. (Les points d'interrogation grecs et arméniens sont différents, mais les locuteurs de ces langues reconnaîtront le? Glyphe)

Ou bien sûr, vous pouvez utiliser les deux.

1
MMacD

Le ? est très courant dans les logiciels de bureau, notamment dans Windows et macOS . Néanmoins, les deux symboles existent dans Material Design . Typiquement, le i est un raccourci pour des informations rapides, et ? plus étendu documentation car elle est courante dans les logiciels de bureau (l'info-bulle est un effet de survol, donc lorsqu'un utilisateur se donne la peine d'appuyer sur un bouton, il en veut probablement plus que cela).

Pour une application à écran tactile, cependant, puisque Material Design accepte les deux symboles, j'irais avec i . Mes arguments sont:

1) Cela semble beaucoup plus approprié pour ce que vous essayez de faire (petit commentaire).

2) Votre application présente déjà la marque ? en haut, donc la i créerait un contraste de santé.

Un dernier commentaire qui, de mon point de vue, est pertinent (bien que souvent négligé) est que ces types de symboles apparaissent généralement sous des formes qui les différencient considérablement des autres iconographies. Notez que i et ? apparaissent spécifiquement comme un cercle dans le grand la majorité des logiciels que j'ai jamais vus.

Cela pourrait créer un problème esthétique étant donné que les autres boutons de votre application sont également ronds, mais je vous conseillerais de faire des tests d'esquisse pour voir ce qui fonctionne le mieux (intuitivement, votre bouton d'information carré ne semble pas correct, mais je n'arrive pas à localiser avec précision exactement ce qui me dérange: la forme, la couleur, le choix de i , etc .; je dessinerais certainement des modèles différents et verrais ce qui arriverait ).

Pour répondre directement à vos questions:

1) Je pense que le système que vous choisissez pour l'info-bulle semble très adéquat si le message n'est jamais gros (donc le déplacement des widgets ne fait jamais perdre à l'utilisateur l'orientation).

2) Je ne pense pas que votre choix d'infobulle soit incompatible avec la conception du matériau, mais vous avez raison. Je n'arrive pas non plus à trouver de documentation concernant ce point spécifique. hgshh hdsh hdsfh

1
armatita

D'après l'exemple que vous avez donné, il semble que le meilleur choix serait de toujours montrer le texte explicatif:

  • Il semble que le texte explicatif fournisse des informations importantes sur la façon de répondre à la question.
  • L'utilisateur peut le masquer s'il est convaincu de connaître la réponse à la question résumée.
  • Le fait de masquer le texte explicatif par défaut double ou triple le nombre d'appuis nécessaires pour terminer la tâche.
  • Afficher et masquer le texte explicatif est un autre mode dont l'utilisateur doit être conscient.
  • L'affichage et le masquage du texte explicatif déplacent les éléments, masquant le modèle spatial de l'écran de l'utilisateur.

Mais si vous insistez, je recommanderais d'utiliser ? :

  • Il y a déjà une icône ? dans l'en-tête qui fait quelque chose de similaire (fournir des informations). L'utilisation de la même icône renforce l'association entre l'icône et l'action.
  • L'utilisation de la même icône supprime également la nécessité pour l'utilisateur d'apprendre ce que fait une icône supplémentaire dans cette application, ou quelle est la distinction entre ? et i . Les geeks UX se soucient de distinctions pédantes ; les utilisateurs ne le font pas!
0
Andres Riofrio

Je choisirais i pour l'infobulle à côté du bouton/ou de la fonction, car i est couramment utilisé sur l'info-bulle et représente probablement une astuce/information rapide sur la fonction

d'autre part ? plus comme un lien pour afficher une page complètement différente avec toutes les questions et réponses ou l'aide sur l'application/le Web

De la façon dont je le vois, vous utilisez déjà l'icône correcte sur votre application

0
dannyrizal

Cliquer sur le petit "i" sur un écran mobile n'est peut-être pas l'expérience la plus agréable, selon la taille de l'écran bien sûr.

Mais comme certaines des réponses mentionnées, selon l'importance du texte d'aide, il peut être judicieux de les afficher par défaut.

Et peut-être les convertir en un i ou? après que l'utilisateur a vu cet écran 5 à 10 fois. Donc, d'ici là, nous savons qu'il a lu les informations sur les imp, et peut les consulter à nouveau si nécessaire.

Il pourrait être utile de voir la tendance d'utilisation et de comprendre à quel point ces informations sont (non) importantes.

Dans ce cas très précis, je ne pense pas "?" Devrait être utilisé. Votre texte principal est également une question et se termine par un point d'interrogation. Je pense que 2 points d'interrogation à proximité peuvent être source de confusion au départ

0
JustAnotherPM