it-swarm-eu.dev

Beispiele oder Vorschläge für die Arbeit mit Zeitleisten

Ich werde eine Anwendung schreiben, die lineare Arbeitsabläufe verarbeiten muss. Der Einfachheit halber gibt es zwei Arten von Einträgen:

  • Ereignisse: Eine Auslösebedingung, mit der Sie vorwärts gehen können. Es kann eine geschätzte Zeit haben, aber es ist etwas, das Sie passieren, wenn etwas getan wird.
  • Timer: Sobald eine Aufgabe gestartet wurde, endet sie zu einem bestimmten Zeitpunkt.

Ich möchte einen Editor zum Erstellen des Workflows und eine separate Oberfläche erstellen, um den Benutzer durch den Workflow zu führen. Ich möchte, dass der Benutzer die Vergangenheit und Zukunft mit abnehmender Bedeutung sieht, je weiter die Zeit von jetzt entfernt ist. Ich habe überlegt, eine herkömmliche Timeline-Ansicht wie die folgende zu verwenden, sie aber entweder auf ein Rad zu setzen (Ansicht von oben nach unten) oder die Skala nur von der Mitte aus logarithmisch zu gestalten. alt text

Hat jemand eine Schnittstelle gesehen, die etwas Ähnliches bewirkt, oder hat er interessante Vorschläge?

12
Jim Rush

Ich weiß nicht, ob es das ist, wonach Sie suchen, aber vor ein paar Tagen habe ich eine Zeitleiste gesehen, die großartig aussieht. Es ist von einer iPad-App namens iStreamer . Ist die beste Zeitleiste, die ich je gesehen habe ...

2
Marcos Crispino

Für die schwedische Vereinigung der Angehörigen der Gesundheitsberufe haben wir etwas in der Nähe gemacht. Hauptsächlich als Visualisierung ihrer Aktivität im Laufe der Zeit und als explorativer Zugang zu einigen ihrer Inhalte. Leider scheint es seinen Platz in der Startaufstellung verloren zu haben und ist in die Fußzeile der Seite gerutscht, aber sehen Sie es sich an: http://vardforbundet.se/

alt text

4
fluxd

Ich versuche, Ihre Frage in einige Abschnitte zu unterteilen.

Schauen Sie sich das Finanzdiagramm von Google an: alt text

Beachten Sie insbesondere die Bildlaufleiste, die eine Ansicht der Position des sichtbaren Abschnitts innerhalb der gesamten Zeitleiste bietet.

Ich glaube, ich brauche ein bisschen mehr Informationen, um die genaue Funktionalität des Auslösers und des Timers zu verstehen, aber da Sie Aufgaben erwähnt haben, kann ich die neueste Komponente, an der ich gearbeitet habe, freigeben - eine Roadmap, die Projektmeilensteine ​​und -aufgaben zeigt:

alt text

Die Symbole markieren die Fälligkeitstermine von Meilensteinen (Ihre Auslöser?) Und Aufgaben. Sie können jedoch auch problemlos einen Hinweis auf deren Start hinzufügen.

Zuletzt - in Bezug auf die logarithmische Skala oder die Ansicht des Rades von oben nach unten - finde ich die Idee cool, aber ich befürchte, die Benutzer werden sie nicht verstehen und es wird sehr schwer zu sagen sein:

  • Insbesondere die logarithmische Skala - Wenn Sie diese Skala einfach anwenden, die Zeitachse für den Benutzer jedoch linear aussieht, wird möglicherweise etwas außerhalb der Mitte geschätzt, ohne dass die Verzerrung bemerkt wird.
  • Ich mag die Draufsicht auf das Rad, aber ich habe gelernt, dass sich einige Leute die 3D-Geometrie nicht so gut vorstellen und möglicherweise nicht wissen, wie sie den Unterschied zwischen zwei Punkten abschätzen können, die nicht in der Mitte liegen.
3
Dan Barak

Was ist, wenn Sie etwas verwendet haben, das einen ähnlichen Effekt wie ein Fisheye-Menü hat? Wenn sich der Cursor über der Zeitachse befindet, wird der Bereich um ihn herum vergrößert/vergrößert.

Für die normale Ansicht ist der Maßstab also linear. Wenn sich das Fischaugenobjektiv über einem bestimmten Abschnitt befindet, wird auch die Skalierung der Zeitachse erweitert.

http://www.ajaxdaddy.com/demo-interface-fisheye.html

2
milesmeow

Möglicherweise könnte eine intelligente Vergrößerungs-/Verkleinerungsfunktion für Ihre Zeitachse funktionieren, die visuell wahrscheinlich zu etwas zwischen einem Rad und einer logarithmischen Zeitachse führen würde (eher eine Glockenkurve). Vielleicht kann Sie die Zeitleiste auf Dopplr.com inspirieren.

Auch Matt hatte während der DxF2009 eine sehr interessante Keynote über die Zeit, in der sie ein Projekt namens "Here & There" beschrieben. Es mag ein bisschen zu viel sein, aber es ist wirklich inspirierend, wenn Sie nach zeitlichen Schnittstellenlösungen suchen müssen.

(Ich würde gerne die Links posten, kann es aber wegen eines schlechten Rufs nicht ... sorry)

0
Pieter

Ich habe dieses mit dem Lesezeichen "timeline" versehen: http://marcinignac.com/wp-content/uploads/2010/03/cambridge_gatwick06.png

vielleicht ist dies eine Inspiration ...

0
Jüri

Sie können die Wichtigkeit eines Zeitabschnitts angeben, indem Sie den Text, der das Ereignis beschreibt, für Ereignisse kleiner machen, die weit von der "aktuellen Zeit" entfernt sind. Auf diese Weise verzerren Sie Ihre Zeitachse nicht, aber der Leser wird sofort auf eine größere Schrift aufmerksam.

0
lynxoid