it-swarm-eu.dev

Visualisierungsideen für den Fortschritt eines Projekts mit Tausenden von Schritten?

Ich arbeite an einer Schnittstelle, um eine Sammlung handgeschriebener Karteikarten zu transkribieren ... eine Menge Karteikarten, so etwas wie Zehntausende von ihnen.

Ich baue eine Site auf, auf der mehrere Personen eine bestimmte Karte in beliebiger Reihenfolge transkribieren können. Ich möchte eine Art Visualisierung hinzufügen, wie viel getan wurde und wie viel noch getan werden muss. Ein Gedanke, der mir einfiel, war ein Streudiagramm, bei dem ein Pixel einer einzelnen Karte entsprach. Wenn ich ein solches Diagramm beispielsweise in einem 100 x 100 <canvas> -Tag erstellen würde, könnte ich 10.000 Statuspunkte erfassen. Der Teil der Leinwand, der farbig war, würde zumindest eine visuelle Vorstellung davon geben, wie viel transkribiert worden war.

Aber um ein solches <canvas> -Tag zu rendern, müsste ich auch die Daten senden, und das wären wahrscheinlich zu viele Daten. (Vielleicht könnte ich den Plot regelmäßig auf dem Server rendern und als Bild senden.) Oder würde es?

Hat jemand irgendwelche Vorschläge?

4
pat

Ein Standard-Fortschrittsbalken und eine Anzahl von Karten wären wahrscheinlich ausreichend. Ich bin jedoch der Meinung, dass dies etwas ist, bei dem Sie ein bisschen kreativ sein könnten: Der Effekt eines Streudiagramms könnte Nizza sein, Sie könnten auch die neuesten Pixel am hellsten machen und die älteren verblassen lassen.

Wenn Sie das generierte Pixelplot in Bezug auf die Leistung speichern, sodass es nicht jedes Mal berechnet werden muss, wenn es angezeigt wird, sollte dies wirklich kein Problem sein. Ich denke, ich würde nicht das Canvas-Tag verwenden, sondern ein vom Server generiertes Image. Die Aktualisierungsaktion selbst sollte nicht zu kompliziert sein: Sie müssen nur das Bild abrufen, das Sie bereits haben, und das letzte Update (oder Aktualisierungen seit dem letzten Rendern des Bildes) abrufen und genau diese Pixel ändern. Wenn Sie sie nach Zeit verblassen möchten, verblassen Sie zuerst das bereits vorhandene Bild und fügen Sie dann den neuesten Zeitstempel der Überblendungsaktion hinzu, sodass Sie dies nur einmal am Tag oder einmal pro Stunde oder was auch immer tun. (Sie können es auch bei jedem Schritt tun.)

Jetzt ist es weitaus komplexer als nötig, um nur Fortschrittsinformationen bereitzustellen. Aber es könnte eine sehr nette Funktion sein und interessant zu bauen sein! Und ich denke, es ist sehr machbar, es so zu implementieren, dass es Ihre Ressourcen nicht belastet.

5
Inca

Ich mag die Idee des Streudiagramms. Aber rendern Sie es nicht auf dem Client mit Canvas, sondern auf der Serverseite. Ich weiß nicht, wie Ihre Serversprache eingerichtet ist, aber es wäre ziemlich trivial, mit PHP und den integrierten Bildbibliotheken) dynamisch ein PNG-Bild aus den Daten zu generieren.

Sie könnten einige lustige Dinge tun, um dieses Spiel dazu zu bringen, die Leute zum Beenden von Karten zu motivieren, indem Sie die Maske langsam ein Bild enthüllen lassen. Wie jede fertige Karte wird ein Puzzleteil platziert. Lassen Sie die Spieler zoomen und wählen Sie einen beliebigen leeren Bereich (Pixel) aus. Die Leute würden natürlich dazu neigen, Teile des zugrunde liegenden Puzzles zu "beenden", um neue Gegenstände sichtbar zu machen.

3
Tim Holt

Ich verstehe den Punkt eines Streudiagramms nur, wenn die X- und Y-Dimensionen einige benutzerspezifische Attribute der Karten darstellen. Dann könnten Benutzer ungefähr nicht nur spüren, wie viele Karten noch übrig sind, sondern auch, welche Arten von Karten übrig bleiben.

Andernfalls geben Sie einfach die Anzahl und/oder den Prozentsatz an. Selbst ein Fortschrittsbalken ist nur dann eine gute Idee, wenn er in Echtzeit wächst oder wenn die geleistete Menge für den Benutzer so wichtig ist, dass Sie die Aufmerksamkeit lenken oder visuelles Interesse wecken möchten. Andernfalls sind Fortschrittsbalken gut, wenn es keine klare, lineare oder intuitive Fortschrittsmetrik gibt (z. B. bei der Installation von Software). Dies ist hier jedoch nicht der Fall.

Was ist der Zweck, Karten fertig zu zeigen? So können Benutzer abschätzen, wann sie fertig sind? Möchten Sie Benutzer motivieren, bis zur Fertigstellung zu arbeiten? Vielleicht sollten Sie eine kumulative Darstellung der Karten anzeigen, die im Laufe der Zeit fertiggestellt wurden, damit Benutzer auch die Rate der Fertigstellung sehen können (und wenn sie anfangen, nachzulassen). Vielleicht sollten Sie auch zeigen, wie die Anzahl oder der Anteil der Karten, die der Benutzer persönlich ausgefüllt hat, mit der durchschnittlichen Anzahl der ausgefüllten Karten verglichen wird, damit die Benutzer sehen können, ob sie ihren gerechten Anteil leisten (vorausgesetzt, es liegt im Interesse aller Benutzer, dass jeder mitmacht).

2

In Anbetracht der Tatsache, dass der Fortschritt sehr langsam ist, ist jede Art von Streudiagramm oder Fortschrittsbalken nutzlos, da ihre Animation unsichtbar ist, es sei denn, ein Benutzer starrt sie an.

Wählen Sie eine signifikante Zeitspanne (nehmen wir uns einen Tag Zeit, wenn sich die Transkription über mehrere Tage erstreckt) und stellen Sie die an jedem Tag erzielte Arbeit in einer anderen Farbe auf einem Fortschrittsbalken dar. Sie können auch ein Histogramm mit einem Balken für jeden Tag verwenden.

Auf diese Weise ist der aktuelle Fortschritt sichtbarer (nur am letzten Tag) und kann mit den anderen Tagen verglichen werden.

2
Mart

Die Verwendung eines Streudiagramms wäre nicht präziser als ein Standard-Fortschrittsbalken, da der Benutzer den Unterschied zwischen 5642 und 5643 farbigen Pixeln nicht erkennen kann.

Wenn Sie eine Rückmeldung zur genauen Anzahl der verarbeiteten Karten geben müssen, verwenden Sie einen Standard-Fortschrittsbalken. Anstatt jedoch den Prozentsatz anzuzeigen (der durch den Fortschrittsbalken visuell angezeigt wird), wird die Anzahl der verarbeiteten Karten angezeigt, z. B. "5642/16254" ".

1
Mart

Es wäre nicht sehr klar, Fortschritte auf einem Streudiagramm zu sehen. Ein Fortschrittsbalken, der den Prozentsatz der Fertigstellung anzeigt, wäre viel klarer.

Sie können den Fortschrittsbalken zu einem Designmerkmal machen. Es könnte sich oben auf dem Bildschirm oder unten befinden.

0
Leah

Sie könnten einen Fortschrittsbalken haben, genau wie Linkedin es tut. Und dann werden sowohl prozentuale als auch tatsächliche Zahlen angezeigt.

Es gibt viele Hinweise darauf, dass dies ein guter Motivationsverstärker ist (indem ein wenig Stress auf die Situation ausgeübt wird).

0
ThomPete