Quel est le meilleur composant d'interface utilisateur pour que l'utilisateur sélectionne un nombre dans une petite plage (1-12)?
Je crée une Android dans laquelle je veux que l'utilisateur sélectionne un nombre de 1 à 12 (la norme dans laquelle l'utilisateur étudie). Pour cela, j'ai envisagé une liste déroulante avec les nombres 1 à 12 ou une barre de recherche avec une plage de 1 à 12, mais je pense que ce ne sera pas une bonne expérience utilisateur de fournir seulement 1,2,3 .. nombres dans la liste déroulante ou dans la barre de recherche.
Quel est le composant recommandé à utiliser dans de tels cas?
Il y a quelques options que vous pouvez faire ici:
OPTION 1
Pourquoi ne pas le taper?
Tout ce que l'utilisateur doit faire est de sélectionner le champ, puis de taper le numéro (la majorité des sélections n'ayant qu'un seul numéro de toute façon).
La saisie de valeurs numériques sur un pavé numérique est généralement plus efficace pour les utilisateurs.
Il n'y a que 12 options dans une liste qui est probablement trop longue pour une liste déroulante (sur mobile en particulier) et étant donné les caractères qu'ils pourraient être assez difficiles à sélectionner, la frappe sera meilleure.
OPTION 2
Vous pouvez utiliser quelque chose comme ceci:
... et plafonnez à 12, ou mettez une note explicative pour dire aux utilisateurs qu'il plafonne à 12 (si nécessaire), ou mettez simplement un 1 et 12 de chaque côté du plus et du moins pour montrer les deux extrémités de l'échelle.
OPTION 3 (que vous avez indiquée)
Une barre de recherche ou des curseurs (basés sur le défilement ou la barre):
Personnellement, je préfère les deux premiers car ils sont plus efficaces et conviviaux alors que ce dernier a plus de marge d'erreur (en particulier pour les utilisateurs avec de gros doigts ou tout problème d'accessibilité).
Vous pouvez afficher une boîte de dialogue, lorsque l'utilisateur clique dans ce champ, afficher les valeurs 1 à 12 à ce sujet, sur lesquelles l'utilisateur peut simplement appuyer. De cette façon, l'utilisateur peut entrer la valeur souhaitée en seulement deux taps.
Si vous êtes comme moi et que vous visez généralement l'expérience la moins frottante pour l'utilisateur, je choisirais ce qui suit:
- UI: mise au point automatique du champ
- Utilisateur: défilement horizontal/vertical pour sélectionner les numéros
- Utilisateur: appuyez sur Terminé/OK/Soumettre (tout ce que vous utilisez/souhaitez que l'utilisateur fasse)
À votre santé
Vous pouvez utiliser le cercle comme le fait l'application réveil/horloge par défaut. Le skeuomorphisme ne fonctionne pas avec votre cas d'utilisation, mais les gens connaîtront l'interface utilisateur.
Cela dépend de l'espace disponible ainsi que du type de champ, si vous avez suffisamment d'espace, vous pouvez avoir un curseur pour sélectionner un nombre, bien que je préfère avoir un menu déroulant pour les champs de saisie. C'est plus intuitif.