Meilleure interface utilisateur graphique(s) pour décrire une plage de temps
J'ai besoin de permettre aux utilisateurs finaux de spécifier un intervalle de temps, à être stockées et utilisées en interne comme date et heure de début et de fin de date/heure. La plage peut être quelques minutes ou peut-être des jours.
Quelqu'un a découvert un contrôle interactif qui peut gérer cette élégance?
La plupart des kits graphiques ont un calendrier de contrôle, afin que je puisse préciser "démarrer" avec un calendrier pour la journée et un champ de texte pour le moment...et de même pour la "fin".
Je pourrais aussi remplacer la "fin" des contrôles avec un seul champ de texte ou un curseur qui décrit simplement le nombre de secondes/minutes/heures après le début de la "fin" est.
Ce que je n'aime pas à propos de ces idées est de savoir combien de cliquer, taper, et plus d'un clic est nécessaire pour décrire un tel concept simple. J'ai également à claque de la main de l'utilisateur si un temps est tapé dans qui n'est pas reconnaissable comme un temps.
Est-il un nettoyeur de mise en œuvre qui je suis dominant?
Vous devez vous connecter pour publier un commentaire.
J'ai tendance à regarder commune de modèles de conception pour l'inspiration quand je suis à méditer sur les problèmes de ce type.
La Yahoo Modèle De Bibliothèque offre quelques solutions possibles.
La L'INTERFACE utilisateur des Modèles de site aussi donner quelques suggestions, et vaut la peine de parcourir.
Pour faire bonne mesure, voici une autre solution à la Welie modèle de bibliothèque.
Une autre source d'inspiration peut-être d'autres sites et applications. Par exemple, pensez à tous les cas d'utilisation où l'enregistrement de temps courtes et longues durées de temps est nécessaire. Comme un exemple, la compagnie de la feuille de temps de l'enregistrement, voiture de société, kilométrage journal de logiciels, la tâche, le logiciel d'enregistrement, le chronomètre des applications, la gestion des calendriers des applications, etc. Ensuite, voir comment ils ont traité les contrôles d'interface utilisateur graphique pour la capture des plages de temps.
Je n'ai personnellement pas trouvé la solution préférée pour la date de prélèvement et temps. Mais, je pense que je voudrais quelque chose comme ça.
Espère que cette aide
Je suis un fan d'une ancienne commande, j'ai vu utilisé CHEMIN du retour dans les années 90 avec l'Inventeur (et plus tard Open Inventor) sur les machines SGI (et ensuite sur un Pc, etc): une molette infini.
Quelques captures d'écran, un peu sur le petit côté, sont ici. Bien sûr, sa été fait sur une variété de plates-formes depuis, y compris des choses similaires sur le iphone.
Je pense que la date/l'heure sélecteur serait bien travailler avec deux cadrans, chacun représentant un ordre de date/heure de l'ampleur. En art ASCII, chaque cadran entre [crochets] il pourrait ressembler à:
ou avec 3:
Il y a un certain nombre de variations que vous pourriez essayer (verticale/horizontale, la date/l'heure, la date/heure/minute, etc).
Cadrans, quoique assez rarement utilisé, est un dispositif permettant aux humains d'interagir avec, et leur rotation infinie option (à la différence d'une diapositive qui doit toujours s'arrêter) combinaisons de dates/heures bien.
FWIW
Conception de l'interface utilisateur est fortement fonction de l'application. "Le meilleur" implique un certain type de métrique qui permet de mesurer des solutions. Dans la conception de l'INTERFACE utilisateur telle métrique peut être "à la maison nombre de clics/key-presses faut-il pour remplir la tâche?" où un petit nombre, c'est mieux. Donc, une fois que vous avez défini votre métrique, vous pouvez commencer à trier les solutions en bien, mieux et meilleur.
Vous aussi vous voulez réduire la charge cognitive de l'utilisateur. Si l'utilisateur doit entrer le dernier jour sur lequel un produit peut être échangé basé sur une période de 90 jours politique de retour, puis en demandant de début et date de fin, l'obliger à faire date de maths qui n'est pas drôle. Dans cet exemple, une date de début avec un "delta" de x jours aurait lieu moins d'un fardeau sur l'utilisateur.
Selon vous demande de vous pourrait envisager et comme Google Finance sélecteur de plage de temps sur leurs cartes: http://finance.google.com/finance?q=.dji
Il n'y a pas de réponse unique, il dépend du contexte. Pour de nombreux endroits de la bonne application des contrôles de texte sont assez. Bien sûr de telles choses peuvent encore aider en soutenant le collage et une augmentation/diminution des actions. Peut-être qu'il peut faire encore quelques validation de la valeur.
Puis il y a des endroits qui ont besoin de quelque chose de plus. Calendrier peut être vraiment utile pour la saisie de dates et une sorte de curseur peut être utilisé pour le temps. (Calendrier Lotus Notes a un curseur.)
Mon conseil est:
Pense que ce dont vous avez besoin. Ne mettez pas compliqué de widgets à un de moins en moins utilisées boîte de dialogue.
Si vous avez besoin de nice utile de widgets, de vérifier s'il y a ready made dans la bibliothèque que vous utilisez et de prendre un peu de temps pour voir comment les autres ont fait de ces.
Toujours les contrôles de texte avec le soutien du collage.
Découvrez la VisualHint date de contrôle. Il peut être configuré pour vous une multitude de façons, y compris une plage de temps. Cela vous permettrait d'utiliser une instance de contrôle pour afficher l'heure de début et un autre pour régler le laps de temps jusqu'à ce que la période est terminée. Le contrôle prend également en charge un extensible cadre de base de sorte que vous pourrait éventuellement combiner les deux de début/de fin ou de début/span en une seule commande.
Voici également quelques solutions: http://quince.infragistics.com/html/PatternView.aspx?name=Date+Temps+Gamme+Entrée
À moins qu'il y est plus de l'heure avancée de contrôle dans votre boite à outils graphique de choix, deux contrôles de calendrier représentant de début et de fin est le plus simple. Aussi, vous devez décider comment vous voulez utiliser cette information. Par exemple, si vous avez utilisé une date de début et un intervalle d'incrémentation de cette date, la modification de la date de début ne change pas le sens de l'intervalle. Cela dépend vraiment de ce que vous êtes désireux de le faire.
Un sens, je l'ai vu travailler très bien, c'est à l'aide d'un diagramme de gantt:
http://en.wikipedia.org/wiki/Gantt_chart
Vous pouvez créer une seule ligne graphique, puis vous pouvez mettre à l'échelle à travers les mois, les jours, les heures et les minutes en fonction de la largeur ou de zoom vous rendre le contrôle. Le problème est que je ne sais pas du tout de contrôle de maintenant qui n'a qu'une seule ligne, de sorte que vous pouvez avoir besoin de créer un personnalisé. Vous pourriez peut-être regarder pour un diagramme de gantt de contrôle et de faire juste une tâche ou de l'élément.
Observer ce que font les gens avec votre temps de contrôle de la gamme. Alors écrire, de sorte qu'il est plus adapté pour faire ce que les gens veulent obtenir avec elle. Par exemple, laisser à l'écart les dates antérieures si la saisie des dates futures, n'a de sens.
Jonathan Leighton a fait une belle date inputter -élément en jquery que j'ai trouvé très agréable pour la saisie des dates. Ce qui est bénéfique dans une manière que l'utilisateur puisse à la fois la date d'entrée en cliquant sur ou tapez directement. L'utilisateur directement obtient l'indice sur la façon de taper dans la boîte. Si vous couplez cela avec une sorte de timeline -objet, vous pouvez réellement aller beaucoup plus loin. Juste éviter de faire des éléments d'INTERFACE utilisateur qui sont confus ou me fâcher!
Cela vient à la fin, et ce n'est pas un contrôle de soi. J'ai lu cette idée sur un blog que je ne retrouve plus (en fait, j'ai trouvé ce post en essayant de le trouver). L'idée est d'utiliser la métaphore de l'horloge murale. Voici ce que j'ai mis en œuvre pour le plaisir de celui-ci. Ce n'est pas un contrôle de fonctionnement. Vous pouvez utiliser quelque chose comme ceci comme un point de départ pour la capture de fois naturellement. Trois clics au plus, de deux la plupart du temps. Seuls les cadrans en approcher.
http://www.viridium.ro/clock-sample/
Utiliser un HTML5-conscient navigateur; c'est, Chrome.