Le bouton radio sélectionné indique l'utilisateur plus de contenu
J'ai essayé de rechercher des informations pour ma question mais je ne l'ai pas trouvé. Je pense que je ne peux tout simplement pas trouver de bons mots de recherche parce que cela ne se sent pas très rare. Si vous avez des sujets à ce sujet, je voudrais le vérifier.
Exemple de cas: l'utilisateur peut choisir une option sur 3 options. Au moins une des options fournit plus de contenu lié à l'option sélectionnée.
Où ce nouveau contenu doit être montré et pourquoi? Comment ce type de stationnement serait-il fait pour qu'il est accessible?
J'ai fait ce croquis pour rendre ma question plus claire.
- L'exemple 1 montre un nouveau contenu entre les boutons radio
- L'exemple 2 montre un nouveau contenu sous les boutons radio
Le problème avec votre première option est que le contrôle de la pièce jointe apparaît entre les options entraînera les options ultérieures de sauter autour de la page. Dans certains cas, cela peut même que certaines options soient hors de vue (hors du bas de l'écran). Globalement, cela peut contribuer à une expérience déroutante pour l'utilisateur et à éviter au mieux chaque fois que possible.
L'option 2 évite le problème de l'option 1 et vous pourrez peut-être la mettre en œuvre exactement comme dans votre exemple et cela devrait être bien.
Cependant, je vais mentionner un petit inconvénient à l'option 2: il n'est pas immédiatement évident que le contrôle de pièce jointe est associé à la réponse sélectionnée et peut-être même pas à être reconnu par l'utilisateur.
Bien sûr, la plupart Les utilisateurs rendront probablement l'association basée sur le fait qu'il est visible uniquement lorsque vous sélectionnez l'option "comme pièce jointe", mais pour certains utilisateurs, cela peut ne pas être aussi évident.
Par conséquent, ma suggestion serait que vous visez l'option 2, mais vous resserrez le contrôle des pièces jointes pour qu'il ressemble à une "question" supplémentaire. Avoir-la ressembler à une question supplémentaire le garde cohérente et aide l'utilisateur à identifier qu'il s'agit également d'une exigence de la forme. Il vous donne également la chance d'indiquer explicitement quel type de fichier doit être joint (par exemple une certification).
En outre, comme Danielillo mentionné dans les commentaires, il pourrait être logique de remédier à votre réponse à cette situation.
Voici un exemple:
Une possibilité est de les organiser comme dans votre exemple 1, mais au lieu de cacher le menu "Choisir la pièce jointe" + bouton lorsque d'autres boutons radio sont sélectionnés, vous Gardez le bouton MENU + visible mais handicapé/grisé .
Cela combine les principaux avantages de vos exemples 1 et 2 - un ordre naturel, mais aucun contenu ne saute autour. Il rend également l'ensemble de l'interaction plus prévisible pour l'utilisateur dès le début - ils ne seront pas surpris par un nouveau contenu apparaissant, et ils ne doivent pas nécessairement sélectionner le bouton "pièce jointe" pour savoir que le menu sera disponible alors.
L'inconvénient principal de cette approche se produit avec des dialogues plus importants, avec plus d'options et un contenu plus conditionnellement disponible. Là, avoir tout le contenu visible peut rendre le dialogue trop encombré et difficile à comprendre en un coup d'œil. Mais ici, la boîte de dialogue globale n'est pas trop grande, et il n'y a qu'un peu de contenu conditionnellement disponible; Donc, l'encombrement supplémentaire est minime et semble un coût utile pour la consistance améliorée.
L'exemple 1 est une meilleure option pour quelques raisons. Principalement "moins c'est mieux sur l'interface utilisateur"
C'est une interaction standard basée sur le modèle de divulgation progressive. Il est préférable de supprimer un contenu inutile sur l'interface jusqu'à ce qu'il soit nécessaire (c'est-à-dire que dans ce cas uniquement si l'utilisateur choisit de "livrer en tant que pièce jointe", l'option de fixation apparaît. Jusque-là caché).
La connexion entre le contenu associé et son parent est immédiatement évidente. Dans la deuxième option, vous apportez des éléments de conception supplémentaires pour afficher la relation, ce qui ajout de bruit à l'interface.
Les autres préoccupations du défilement sont en fait un problème plus important et grave dans l'exemple 2. Dans le cas où si l'attachement Select sort du défilement, l'utilisateur ne saura jamais que l'option associée a été ouverte sous le défilement.
Toutefois, l'exemple 1 ne fonctionnera que si le contenu associé est une tâche petite, telle que "attacher un fichier". Si le contenu associé est plus complexe, cela échoue.