web-dev-qa-db-fra.com

Quelle est l'interface utilisateur la plus rapide pour entrer une date au cours des 30 derniers jours?

Mes commerciaux ont une longue liste (200+) de leurs comptes et ils doivent entrer la dernière date à laquelle ils ont visité chaque compte. La plupart du temps, cette date aura lieu au cours des 30 derniers jours. Quelle est l'interface la plus rapide pour entrer ou sélectionner une date?

dates
7
Vidbot

Je dirais le clavier numérique. Ce n'est pas un modèle d'interface utilisateur normal pour les dates, alors gardez cela à l'esprit; cela peut nécessiter une courte explication ou une formation. Laissez-les simplement entrer seulement le jour du mois (1, 14, 30, etc.) puis faites quelque chose comme le processus suivant en arrière-plan:

  1. Obtenez la date d'aujourd'hui.
  2. Si le jour du mois entré est supérieur ou égal à la date du jour, décrémentez automatiquement le mois en cours de un et ajoutez l'année. (Notez que vous devrez ajouter une logique supplémentaire pour janvier/décembre et également vérifier qu'un jour existe dans un mois).
  3. Si le jour du mois entré est inférieur à la date du jour, c'était dans le même mois et la même année, vous pouvez donc y ajouter les deux.
  4. Si la date actuelle ou une date postérieure à un mois est nécessaire, ils peuvent entrer la date complète dans le format spécifié.
  5. Vous pouvez éventuellement fournir une fonction de saisie semi-automatique qui leur permettra d'utiliser les touches fléchées et de sélectionner la date une fois qu'elles auront commencé à taper.

Pour résumer, l'utilisateur entre une ou deux touches indiquant le jour du mois et le système le complète automatiquement pour lui.

Si vous n'êtes pas amoureux de cette méthode, vous pouvez toujours utiliser un sélecteur de date JavaScript. ( MooTools , jQuery , Dojo , etc.) Si vous n'êtes pas sûr de la façon de choisir, je vous suggère de faire des tests utilisateur et de voir quel chemin est plus rapide pour les gens.

8
Virtuosi Media

Utilisez un widget de sélection de date affichant une vue sur 2 mois (le mois en cours et le mois précédent) avec les dates futures désactivées.

2-month date picker widget

(C'est le jQuery UI Datepicker .)

Cette disposition permet la sélection en un clic de n'importe quelle date du dernier mois (au moins), et toute autre date récente peut également être entrée facilement. Cela signifie également que les représentants n'ont pas à traduire mentalement "vendredi dernier" en "1er octobre", comme ils le feraient s'ils devaient taper la date.

Si l'espace est restreint, vous pouvez simplement utiliser un champ de texte pour afficher la date et faire apparaître le sélecteur de date lorsque le champ reçoit le focus.

3
Bennett McElwee

Lorsque vous dites "visité chaque compte", cela signifie qu'ils les consultent sur un système informatique. Si tel est le cas, la meilleure méthode aurait été d'enregistrer la date chaque fois que quelqu'un ouvre ce compte.

Alternativement, j'irais pour quelque chose comme ceci:

                Last visited: [______________] [v]
  SA   SU   MO   TU   WE   TH   FR   SA   SU   MO
|_25_|_26_| 27 | 28 | 29 | 30 | 01 |_02_|_03_| 04
  • La première ligne est la zone de texte permettant à l'utilisateur d'entrer la date en entier s'il le souhaite
  • Icône déroulante/calendrier [v] affiche les 30 derniers jours consécutifs. Peut être "toujours allumé" car il ne prend pas beaucoup de place.
  • Les jours peuvent ne pas être nécessaires si les week-ends sont mis en surbrillance (par exemple une couleur d'arrière-plan différente).
  • Pourrait inclure une barre de défilement si elle ne convient pas.
  • Pourrait utiliser le calendrier standard "une semaine par ligne" à la place, mais avec les 30 derniers jours plutôt que mois par mois, par exemple deux semaines à partir de ce mois, deux du mois dernier.
2
DisgruntledGoat

Dépend de l'utilisateur. Cela dit, si l'on entre beaucoup de données, le clavier est généralement la voie à suivre. Si vous avez des utilisateurs expérimentés, laissez-les taper les dates dans un format particulier.

1
DA01

Widget de calendrier (alias DTPicker). Il s'agit de la meilleure méthode de saisie si vous devez saisir des dates proches de la date actuelle. Ils prennent beaucoup d'espace, donc ils ne conviennent pas vraiment si vous êtes limité par l'espace; mais sinon, ils sont le moyen idéal pour saisir des dates proches de la date actuelle. Si votre sélection de date se situe principalement au cours des 30 derniers jours, vous souhaiterez peut-être donner une vue sur 2 mois, avec la date actuelle toujours dans la partie inférieure du calendrier (afin que toutes les dates des 30 derniers jours puissent être sélectionnées dans un seul clic).

Cependant, si le reste de l'interface utilisateur est piloté par clavier (c'est-à-dire qu'aucune autre interface utilisateur ne nécessite de souris), vous voudrez probablement également avoir un sélecteur de date piloté par clavier.

1
Lie Ryan

Que diriez-vous de modifier le "formulaire de visite"? Au lieu d'exiger que le représentant des ventes entre la date de la visite et le nom du client, il commence là où il s'était arrêté.

Par exemple, disons qu'ils ont entré les informations pour la dernière fois le vendredi 10 septembre. Lorsqu'ils appellent votre formulaire de visite, la date par défaut est le jour ouvrable suivant ou le lundi 13 septembre. Le représentant saisit toutes les visites de ce jour. . Ils cliquent sur une flèche ou appuient sur une touche de raccourci telle que Ctrl-Flèche droite pour passer au jour ouvrable suivant et entrer des informations pour ce jour, etc.

De cette façon, les représentants commerciaux sont complètement épargnés d'avoir à entrer une date.

0
Hisham