web-dev-qa-db-fra.com

Un astérisque * est utilisé pour requis. Y a-t-il un symbole utilisé pour facultatif?

Il est courant d'utiliser astérisque (*) pour indiquer les éléments requis. Je comprends l'utilisation de texte explicite est préférable à l'utilisation de symboles . Il est donc plus compréhensible d'écrire "obligatoire" ou "facultatif" que de se fier à un symbole.

Je crée des listes de caractéristiques d'éléments pour usage personnel . Ce ne sont pas des formulaires, juste des listes de textes. La plupart (90% ou plus) des éléments que je liste seront requis. Donc plutôt que d'indiquer les éléments requis, je veux (seulement) indiquer les éléments optionnels , qui sont la minorité. Je peux utiliser mon propre symbole et lui donner le sens facultatif car mon équipe sera la seule à lire les éléments. Mais je me demandais s'il y avait une convention d'un symbole pour les champs/éléments facultatifs.


Ma question concerne les listes de texte, pas les formulaires . Bien que je pense qu'il pourrait ne pas y avoir vraiment beaucoup de différence. Autant que je sache, l'exigence va de toute façon dans l'étiquette. Encore une fois, ce sera pour un usage personnel.

La question est donc de savoir s'il existe un symbole/moyen de représenter des éléments facultatifs . Soit utilisé comme convention (dans une niche) ou si quelqu'un a une suggestion.

10
Alvaro

Il n'existe aucune convention largement acceptée pour afficher les champs facultatifs. Ainsi, comme vous l'avez décrit, vous pouvez marquer les champs comme facultatifs à la place en utilisant des étiquettes (comme indiqué à droite):

enter image description here

Une autre façon pourrait être de nuancer la section avec une couleur grise subtile pour les distinguer comme facultatives, tout en incluant le texte. Je m'abstiendrai d'utiliser un point d'interrogation, car cela implique généralement des informations "d'aide".

Enfin, selon votre flux, il peut être judicieux de demander les champs facultatifs sur une page suivante que l'utilisateur peut choisir de sauter entièrement.

Si vous n'utilisez pas de champs de formulaire, il peut suffire d'utiliser une zone grisée subtile sur les champs facultatifs ou de simplement rendre le texte gris clair.

12
vphilipnyc

Pour répondre à votre question, il n'y a pas de symbole pour indiquer qu'un champ de formulaire est facultatif, la convention est qu'un manque de symbole signifie qu'un champ est facultatif.

Cette convention est si forte que lorsque nous avons testé un formulaire avec la note "Tous les champs sont obligatoires, sauf indication contraire" et utilisés "(facultatif)" pour indiquer les champs facultatifs, nous avons rencontré des problèmes de convivialité avec les utilisateurs où ils étaient confus par ce qui était et n'était pas requis. Cela était vrai même pour les formulaires contenant tous les champs obligatoires.

Nous avons constaté que dans notre cas, les utilisateurs voulaient être explicitement informés que les champs étaient obligatoires, et que cela aidait également pour les erreurs de validation de formulaire, pour qu'un utilisateur puisse rapidement voir qu'un champ était requis.

J'espère que cela répond à votre question sur l'existence d'un symbole - non, il n'y en a pas.

En ce qui concerne votre propre situation, il existe de nombreuses bonnes solutions répertoriées sur cette page, et il est préférable de créer votre propre système étant donné qu'il ne s'agit que de vous et de votre équipe. Ma suggestion serait que, comme vous n'utilisez pas les éléments de formulaire et que vous listez simplement les éléments que vous pouvez utiliser l'astérisque pour désigner un élément facultatif. Après tout, la convention d'utiliser un astérisque pour indiquer les conditions a été utilisée bien avant le formulaire en ligne. (Je ne suggérerais pas cela si vous traitez des formulaires, mais comme ce n'est qu'une liste, je n'y vois aucun problème).

par exemple

  • Objet 1
  • Point 2
  • Point 3
  • Point 4 *
  • Point 5

* Indique les éléments facultatifs

3
Brett East

Comme c'est pour un usage personnel, vous pouvez faire ce que vous voulez.

Je ferais une légende comme celle-ci en haut du formulaire/de la page/peu importe:

URL to legend

3
larry909

La convention est que les champs marqués * sont ceux obligatoires et ceux sans marque sont facultatifs, il n'est pas nécessaire de les marquer comme facultatifs, car c'est la convention.

une autre chose à garder à l'esprit est que tous les utilisateurs ne sont pas au courant de la * convention pour les champs obligatoires, j'ai lu il y a quelques années qu'en Israël (mon pays) c'est une convention connue, mais je vérifierais si la situation est similaire avec vos utilisateurs utilisant des tests A/B entre * et "requis" par exemple.

3
Eran Bar

C'est ce que je ferais pour préciser quand un champ est obligatoire ou facultatif

enter image description here

Le dernier champ est le champ actif, je l'ai ajouté afin de montrer que nous avons toujours le label lorsque le champ est actif.

2
Bilal Khoukhi

Je pense qu'il suffit de marquer un seul type de champs (obligatoire/facultatif). Mon avis est que vous devriez suivre la convention en marquant les champs obligatoires et réduire le bruit visuel en laissant les champs facultatifs sans étiquette. Vous pouvez trouver des informations sur les champs obligatoires sur Consignes de conception des matériaux :

Pour indiquer qu'un champ est requis, affichez un astérisque (*) à côté du champ. Au bas du formulaire, incluez une note expliquant qu'un astérisque indique un champ obligatoire. Le texte d'aide peut être visible sur le focus ou visible de manière persistante.

La couleur rouge n'est nécessaire que si vous avez une erreur, sinon cela peut être déroutant.

enter image description here Dans certains exemples, vous pouvez trouver le mot "facultatif" dans l'étiquette:

enter image description here

1
Madalina Taina

Étant donné que votre liste est destinée à être utilisée par vous ou en interne avec votre équipe, vous avez la liberté de configurer votre propre système de légende/symbole.

Vous n'êtes pas lié au facultatif/astérisque utilisé dans les champs de formulaire car (1) votre liste n'est pas un formulaire et donc (2) personne n'utilisera le modèle mental facultatif/astérisque pour comprendre votre liste.

Vous êtes donc à peu près libre de faire quoi que ce soit, selon vos besoins et le format dans lequel ces documents existent. Et tant que vous expliquez ce que signifie votre système de symboles.

Par exemple, si votre liste se fait dans une feuille Excel, vous pourriez avoir une colonne intitulée "Obligatoire". Chaque ligne requise aura sa cellule "Requis" colorée. De cette façon, toutes les fonctionnalités sont colorées par défaut et vous ne décolorez que celles qui sont facultatives.

enter image description here

En suivant l'exemple ci-dessus, si votre processus de décision devient plus complexe, vous pourriez avoir 3 colonnes: Obligatoire, TBD, Facultatif. L'objectif est de maintenir la colonne TBD vide. Cela signifie que toutes les discussions sur une telle fonctionnalité ont eu lieu et qu'une décision finale a été prise.

enter image description here

Ce format vous permettra également de trier les lignes par exigence et toute autre variable dont votre équipe a besoin. De plus, le codage couleur vous aidera peut-être à déterminer rapidement quels éléments doivent être traités.

0
Nicolas Hung

Par souci de simplicité, il semble naturel de montrer lesquelles sont requises avant qu'un message d'erreur ne dise à un utilisateur ce qui est requis. Tout ce qui reste en option n'a pas besoin d'un message facultatif par la nature d'un élément requis.

Si aucun élément spécial requis n'existait, alors tout peut être perçu comme une option, sauf indication contraire dans une phrase d'en-tête ou un paragraphe.

0
ckjackson

Limiter ma réponse strictement au texte. Je pense que le mieux que vous puissiez faire est:

Texte riche : italique et/ou gris

mockup

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

Texte brut : parenthèses

Required 1
(Optional 1)
Required 2
Required 3
...
0
J. Dimeo

Si l'étiquette est à l'envers du champ, il est recommandé d'utiliser le mot; mais s'il est sur le côté, il vaut mieux utiliser un astérisque.

La raison en est simple: la première option est plus visible et aide l'utilisateur à s'identifier avec plus de clarté. La deuxième option, c'est mieux car ne pas utiliser beaucoup d'espace.

Une troisième option pourrait être d'utiliser l'espace réservé. Mais je ne recommande pas d'utiliser cette option car elle n'est pas assez claire.

0
Patricio Bustos

Sans jeu de mots. Serait-ce une option ne pas afficher champs 'facultatifs' ou éléments de liste par défaut (car ils sont facultatifs). Fournissez un lien pour basculer les éléments facultatifs. Utilisez l'animation pour faire la transition dans les éléments facultatifs pour aider les gens à comprendre la différence visuelle et ce qui ne les oblige pas à penser ou à chercher la signification derrière un symbole.

Utilisez le poids de la police pour distinguer les éléments obligatoires des facultatifs. S'il a besoin de plus de force, ajoutez une étiquette ou un symbole "facultatif" pour le rendre encore plus clair. Pour aller plus loin, utilisez la couleur ou le ton. Tout cela nécessiterait des tests par rapport à vos cas d'utilisation et objectifs réels.

Exemple avec étiquette

Show Optional

Article

Article

Article


Hide Optional

Article

Article (facultatif)

Article

Article

Article (facultatif)


Exemple avec symbole

Show Optional ^

Article

Article

Article


Hide Optional ^

Article

Article ^

Article

Article

Article ^

0
user1352792

@Alvaro Je suis d'accord avec vous que le texte serait plus compréhensible que les icônes. Mais maintenant, les choses changent. De nos jours, les gens sont habitués aux couleurs aussi pour les couleurs communes. Par exemple, la couleur "rouge" indique quelque chose de mal ou non tenté ou un échec. "Vert" signifie réussi ou approuvé ou soumis. Vous pouvez donc utiliser le code couleur comme je l'ai indiqué ci-dessous via filaire. C'est maintenant une approche très populaire pour désigner le champ obligatoire et facultatif.

mockup

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

[~ # ~] modifié [~ # ~]

C'est une approche courante et tout le monde a gardé à l'esprit que le champ id n'a pas de signe astérisque, alors il est facultatif. Je pense donc qu'il n'est pas nécessaire de donner des icônes ou des symboles pour chaque scénario. Si les choses se passent bien sans donner de symboles, c'est très important.

0
Jasmin Javia

J'ai défini les entrées requises dans une et première page/partie, après les entrées facultatives. Ainsi, chaque page/partie est classée au moins par requis et facultatif. Quelque chose comme ça (avec des pages de séparation):

separating pages Remarque: je peux ajouter une note sur une page facultative comme "Veuillez ajouter des informations supplémentaires".
Ou (avec séparation dans une autre partie): separating in another part

0
shA.t