Ce qui ' s la meilleure interface utilisateur pour la saisie de date de naissance ?

Question

Ce qui est la meilleure méthode pour date du sélecteur de naissance ?

• 3 entrées de texte (mois / jour / année) ou un masque d’entrée. L’utilisateur doit utiliser le clavier
• 3 Sélectionnez boîtes. Clavier ou souris, permet à l’utilisateur.
• Nice un datepicker.

Je veux savoir ce qui est la solution libre excessifs et plus utilisable, donc ne sera pas confondre à tout utilisateur.

Answer 1

Si votre objectif est de faire en sorte "que l'utilisateur ne sera pas confus du tout", je pense que c'est la meilleure option.

Je ne recommanderais pas un datepicker pour la date de naissance. D'abord, vous avez à parcourir pour l'année (clic, clic, clic...), puis pour le mois (cliquez sur un peu plus), puis cliquez sur le petit nombre sur une grille.

Datepickers sont utiles lorsque vous ne connaissez pas la date exacte sur le dessus de votre tête, par exemple, vous êtes la planification d'un voyage pour la deuxième semaine de février.

Answer 2

Pour une entrée de texte utilisateur avancé est le meilleur, si l’utilisateur connaît le format de date, c’est très rapide. Pour un utilisateur pas tellement avancé je vous suggérons d’utiliser un sélecteur de dates. Depuis habituellement vous avez également progressé et les utilisateurs non-avancé, je suggère une combinaison d’entrée de texte et datepicker.

Answer 3

Comme mentionné dans cette Jakob Nielsen article, des listes déroulantes doit être évitée pour les données qui sont bien connus de l'utilisateur:

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

La solution idéale est probablement quelque chose comme suit:

• Dispose de 3 zones de texte séparé pour le jour, le mois et l'année (étiqueté de façon appropriée)
• Trier les zones de texte en fonction de la culture de l'utilisateur.
• Jour et le Mois de zones de texte doivent être dimensionnés de telle sorte qu'une à 2 chiffres d'entrée est supposée.
• Année de zone de texte doivent être dimensionnés de telle sorte que les 4 chiffres de l'année est pris en compte.
• Permettre à l'utilisateur de saisir un 2 ou 4 chiffres de l'année. Supposons à 2 chiffres de l'année est de 1900, et de mettre à jour la zone de texte afin de refléter cette onBlur (ou sur une suite à la confirmation de l'étape).
• Permettre à l'utilisateur d'entrer un numéro du mois OU le nom du mois.

Answer 4

Les dates de naissance sont différents des autres dates, car les gens sont souvent utilisés pour le typage leur date de naissance.
Une zone de texte avec un exemple est clair, rapide et facile à saisir:

 _______
|_______| (example: 31/3/1970)

Cela devrait faciliter une mise en forme souple comme le 1/1/1970 ou 20/07/70.

Si vous avez à l'appui de différentes cultures, avec des dates différentes conventions (par exemple, US et UK), alors que cela pourrait être enclin à l'erreur pour les personnes qui ne pas tenir compte de l'exemple. Pour éviter cela, vous pouvez utiliser un
liste de sélection pour le mois, et les zones de texte pour la date et l'année.

 _________   __   ____
|March  |V| |__| |____|

Cela supprime l'ambiguïté entre le jour et le mois de la commande, mais est un peu moins agiles à utiliser.

Answer 5

Vous devriez jeter un oeil à Datejs.

Datejs est une bibliothèque de Date JavaScript open-source.

Complet et pourtant simple, discret et rapide. Datejs a passé tous les essais et est prêt à frapper. Datejs n’est pas seulement analyser des chaînes, il les tranches proprement en deux.