it-swarm.com.de

Darstellung des Echtzeitdatenstroms

Ich zeige einen Echtzeit-Twitter-Stream mit Websockets an.

Die Art und Weise, wie ich es derzeit mache, besteht darin, den neuen Tweet an eine Abteilung anzuhängen.

Abhängig von der Aktivität wird der Stream aufgrund der Geschwindigkeit, mit der er aktualisiert wird, unlesbar.

Welche Möglichkeiten gibt es, um einen Stream zu präsentieren, der sehr schnell aktualisiert wird und dennoch lesbar bleibt?

2
Vamsi Krishna B

Es ist schwer, es für schnelle Frequenzen lesbar zu machen. Und selbst wenn Sie es gut machen, gibt es für jeden Benutzer ein Frequenzlimit. Sie müssen also entweder die Geschwindigkeit begrenzen/leiten oder akzeptieren, dass nicht alle Tweets gelesen werden.

Stattdessen könnte eine Idee darin bestehen, sie in zwei Teile zu teilen:

  1. Eine fließende Ansicht für visuelle Effekte mit Mini Versionen der Tweets, nur um die Frequenz zu kommunizieren, und
  2. Eine lesbare Ansicht mit allen Texten und Details, wodurch ein ausgewählter Tweet lesbar wird zu einer Zeit.

Ich stelle mir die lesbare Ansicht als Hinweis auf die fließende Ansicht vor. Stellen Sie sich eine Karte oder einen 3D-Globus vor (ähnlich wie this ), der überall auf der sich drehenden Erde Mini-Versionen zeigt und ein großes "lesbares Fenster" hat, in dem Tweets nacheinander automatisch und lange genug angezeigt werden Benutzer, um es zu lesen. Sie benötigen dazu keine Karte oder keinen Globus. Eine normale Liste würde auch funktionieren:

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

Der Trick besteht darin, deutlich zu machen, dass sich die lesbare Ansicht mehr oder weniger zufällig "dreht" und dass Sie nicht erwarten können, dass bei hoher Frequenz alles angezeigt wird. Ein Benutzer kann auch eine Mini-Version des Tweets aus dem Flow auswählen, um ihn als Feature zu lesen.

Wenn Sie Tweets auswählen und ausblenden lassen möchten, stellen Sie sicher, dass sie lange genug verzögert sind, damit ein Benutzer das Lesen nach dem Ausblenden beenden kann, oder dass sie leicht wieder ausgewählt werden können, um sie erneut in das lesbare Fenster zu laden, falls der Benutzer nicht fertig ist es lesen.

3
JOG

Dieser Ansatz kann helfen:

  • Behalten Sie einen statischen Bereich im Blick, damit der Benutzer ihn lesen kann.
  • Lassen Sie eine Liste neuer Feeds unter oder neben dem statischen Bereich tauschen.
  • Aktualisieren Sie die Liste der neuen Feeds in Intervallen, in denen der Benutzer Zeit hat, sie zu bemerken und darauf zu klicken (z. B. 10 Sekunden).
  • Wenn der Benutzer auf etwas klickt, verschieben Sie es und seinen Bereich in die statische Ansicht.
  • In der statischen Ansicht befinden sich Schaltflächen zum Zurück-/Weiterleiten, sodass der Benutzer zur vorherigen Liste und dann zur aktuellen zurückkehren kann.
  • Lassen Sie Benutzer die Geschwindigkeit der neuen Feed-Updates steuern.
  • Lassen Sie Benutzer die Größe jedes der beiden Abschnitte und/oder das Verhältnis zwischen ihnen steuern.
1
Danny Varod
  1. Anstatt jeden Tweet gleich zu behandeln, sollten Sie den Stream filtern:

    • Sind sie Freunde/Anhänger des Benutzers?
    • Haben sie viele Anhänger?
    • Ist der Tweet eine lange und möglicherweise interessante Frage oder ist er nur ein Retweet eines vorhandenen Tweets ohne zusätzlichen Kommentar?
    • Sind sie Kunden (oder haben Sie schon einmal getwittert, z. B. zur Unterstützung)?
  2. Wenn Sie den Stream anzeigen:

    • Die Echtzeitanzeige wichtiger Tweets muss nicht genau chronologisch sein. Wenn beispielsweise Platz für 3 "wichtige" Tweets gleichzeitig vorhanden ist und sich der erste in der Mitte des Bildschirms befand, sollte der nächste an der Stelle darunter (oder oben) angezeigt werden, anstatt die Liste nach oben zu verschieben wie eine Schreibmaschine. Auf diese Weise springt der Tweet nicht unter den Augen des Lesers hervor.
    • Zeigen Sie einen Tweet so lange an, bis er lesbar ist, und fügen Sie mehr Zeit hinzu, wenn mehrere wichtige Tweets gleichzeitig auf dem Bildschirm angezeigt werden, da der Benutzer möglicherweise zuerst einen weiteren lesen muss.
    • Blenden Sie den Tweet aus (nicht linear von 100% bis 0% Sichtbarkeit, sondern von 100% bis 90%, um auch die Farben anzupassen), um Feedback darüber zu geben, wie neu ein Tweet ist, da der oberste zu einem bestimmten Zeitpunkt der älteste oder neueste sein kann .
    • Stellen Sie sich eine Warteschlange mit wichtigen Tweets vor, die wichtige Tweets puffert, damit sie zwei oder drei Bildschirme später angezeigt werden. Passen Sie den Algorithmus in Echtzeit so an, dass er weniger selektiv oder selektiver ist, je nachdem, wie schnell der Stream kommt.
    • Sie möchten den Benutzer darüber informieren, dass ein "unwichtiger" Tweet erkannt wurde. Der Effekt kann eine subtile Überblendung des Hintergrunds des Bildschirms sein, wenn jedes Mal ein Tweet eingeht. Immer wenn eine hohe Anzahl von Tweets erkannt wird, kann es nützlich sein, den Durchsatz anzuzeigen, z. 25 Tweets/Sek. Stattdessen, aber nicht anders.
  3. Erwägen Sie, dem Benutzer das Anzeigen eines Verlaufs zu ermöglichen:

    • Bei einem interaktiven Ansatz kann der Benutzer auf eine Schaltfläche klicken oder darauf tippen, um den Tweet-Verlauf anzuzeigen. Auf einer Registerkarte kann zwischen wichtigen Tweets oder allen Tweets (in beiden Fällen nach Zeit geordnet) angezeigt werden.

    • Ein automatisierter Ansatz zum "Recyceln" eines älteren Tweets aus dem Verlauf in die Echtzeitanzeige ist nützlich, wenn ein Benutzer einen Tweet zum ersten Mal verpasst hat. Solche recycelten Tweets sollten auf dem Echtzeitdisplay in einer anderen Farbe und/oder Form angezeigt werden, um sie von Echtzeit-Tweets zu trennen.

Diese Ideen sollten die Echtzeitanzeige für den Benutzer nützlich und ansprechend machen, unabhängig davon, ob der Stream zu diesem Zeitpunkt voller Inhalte ist oder nicht. Ich hoffe, Sie finden es nützlich!

1
vlad