Quelle est la meilleure méthode pour obtenir un numéro d'un utilisateur?

Question

Je me demandais une petite liste des numéros [1..20], quel genre de contrôle vous conseille de demander à l'utilisateur sa sélection.

Je pensais à un contrôle NumericUpDown mais il n'existe pas pour WebForm et pour empirer les choses, je suis une application sur le déploiement Pylônes (Cadre Python)

Vous sentez-vous un contrôle DropDown suffit? Je me sens en quelque sorte encore un contrôle NumericUpDown est beaucoup plus intuitive et plus facile à utiliser du point de vue de l'utilisateur.

Est-ce que l'amour les opinions de la communauté SO et peut-être conseiller sur les meilleures pratiques.

merci beaucoup!

edit: oublié de mentionner que j'utilise la bibliothèque de YUI et la bibliothèque webhelpers et au meilleur de ma maigre connaissance, il n'y a pas de contrôle avec des fonctionnalités équivalentes à la NumericUpDown

Answer 1

Si l'utilisateur interagit principalement avec le clavier, considèrent juste une boîte d'édition régulière avec un test sur les limites. Il est beaucoup plus facile que de taper la flèche vers le bas pour choisir un autre numéro.

Si elle est la souris à base et vous avez la place, une grille de boutons ou poste radio serait rapide.

Si elle est basée clavier, puis Jakob Nielsen a écrit dans son article Alertbox aux chutes menus bas: Difficilement Utilisez , cette note de prudence:

  

Designs à éviter

     

Les menus déroulants ont leurs avantages. Tout d'abord, ils conservent l'espace de l'écran. Ils empêchent également les utilisateurs d'entrer des données erronées, car elles ne montrent que des choix juridiques. Enfin, parce qu'ils sont un widget standard (même si un désagréable), les utilisateurs savent comment faire face à un menu déroulant quand ils le rencontrent.

     

En dépit de ces avantages, la facilité d'utilisation du Web augmenterait si les concepteurs ont utilisé moins souvent menus déroulants. À cette fin, voici quelques exemples de modèles à éviter:

     

  

• Menus des abréviations d'état, tels que des adresses postales américaines. Il est beaucoup plus rapide pour les utilisateurs de simplement taper, par exemple, « NY » que de sélectionner un état dans un menu déroulant défilement. entrée sous forme libre dans les champs avec des options limitées nécessite la validation des données sur le back-end, mais du point de vue de la facilité d'utilisation, il est souvent la meilleure façon d'aller. (Ceci est la directive n ° 178 pour la facilité d'utilisation du commerce électronique en raison des nombreuses erreurs observées dans check-out forme avec menus déroulants d'état.)

  

• Menus de données bien connue des utilisateurs, , comme le mois et l'année de leur naissance. Ces informations sont souvent dans les doigts câblé des utilisateurs, et d'avoir à sélectionner ces options dans un menu casse le paradigme standard pour la saisie des informations et peut même créer plus de travail pour les utilisateurs, comme dans l'exemple suivant.

  

Answer 2

Une liste déroulante est bien, un peu petite plage de nombres, permet d'accéder rapidement aux numéros à chaque extrémité de la gamme rapidement. Rappelez-vous cependant qu'un utilisateur pourrait changer la valeur sélectionnée de la liste déroulante en utilisant Firebug ou quelque chose d'utiliser de manière validation pour assurer le nombre prévu est à portée.

Answer 3

Merci pour le genre répond gars.

A partir des tests d'utilisabilité, je figure que

1. le contrôle NumericUpDown aka NumberSpinner est le meilleur pour la cueillette des numéros dans une petite plage par exemple 1-100

2. une zone de texte validé fonctionne bien pour entrer en grand nombre

3. peut être uniquement un menu déroulant pour les plages plus petit nombre, par exemple 1-10 en raison de la longueur de la liste déroulante (les utilisateurs de netbook? Les utilisateurs de téléphones mobiles)

4. une grille de bouton radio est pas aussi bon que d'un menu déroulant depuis l'utilisateur doivent analyser la longueur de l'écran entier pour choisir son numéro

un chapeau à damien à sa pointe sur la validation pour empêcher l'altération des numéros en utilisant Firebug.

Answer 4

Si vous préférez le style NumericUpDown, vous pouvez faire une version simple assez facilement en utilisant javascript. Je l'ai fait avec jQuery, donc je ne peux pas vraiment vous donner des détails sur le faire avec YUI, mais en général, voici ce que j'ai mis en place. Créer une zone de texte standard avec la valeur par défaut prérégler en elle, et mis à lecture seule. Ajoutez boutons haut et bas et les styler comment vous voulez (je divs, en bas à gauche de la boîte, sur la droite). Ajouter un événement click à chaque bouton de réglage pour augmenter ou diminuer la valeur de la zone de texte. Dans votre script, limiter la plage des valeurs, mais aussi de valider l'entrée pour être sûr qu'il ne change pas comme indiqué auparavant. Je ne suis pas un expert admittidly sur tout cela, donc il peut être plus facile des façons de le faire.