it-swarm.com.de

Liste aktualisieren, wenn ein Benutzer die Liste anzeigt, ohne ihn zu stören

Wir haben eine Liste von Elementen, mit denen der Benutzer während der Sitzungen häufig interagiert. Jede Sitzung dauert ein oder zwei Minuten. Während dieser Zeit ändern sie den Status von Elementen und aktualisieren sie auf andere Weise. Gleichzeitig könnten andere Personen die Liste an anderer Stelle aktualisieren.

Gibt es eine gute Möglichkeit zu zeigen, dass wir die Liste aktualisieren? Oder sollten wir versuchen zu verstehen, dass sie die Liste verwenden, und vermeiden, sie zu aktualisieren, bis sie es nicht sind (Inaktivität erkennen)?

Ein Anti-Fall ist bei Verwendung von Netflix auf Roku XR. Es wird angezeigt, wenn es eine Weile geschlafen hat (im Standby-Modus mit dem Bildschirmschoner), und ich wecke es auf, um etwas zum Anschauen auszuwählen. Ich habe ungefähr 5 Sekunden Zeit, um einen Bildlauf durchzuführen, bevor alles gelöscht und dann die Warteschlange und andere Listen aktualisiert werden.

Diese 5 Sekunden sind ungefähr genug Zeit, um schnell etwas auszuwählen, aber dann zerstört es nur den Ort, den ich habe, so dass ich es wieder finden muss. Super nervig, aber ich verstehe, es will mir die neuesten Informationen geben.

Der Benutzer kann über Maus/Tastatur sowie einen Touchscreen mit dem Dienst interagieren.

Gedanken zu Strategien dafür?

8
Chris Butler

Hier gibt es einige verschiedene Überlegungen:

  • Hinzufügen neuer Artikel
  • Löschen zuvor verfügbarer Elemente
  • Änderungen an vorhandenen Elementen

Die genaue Art Ihrer App hat großen Einfluss auf den "richtigen" Ansatz (und wenn Sie uns mehr Informationen über den App-Typ und die Benutzer geben, können wir genauer sein) ... jedoch ...

Hinzufügen neuer Elemente

Das aktuelle Entwurfsmuster hierfür scheint das neue Element hervorheben zu sein.

Am häufigsten wird dies in sozialen Anwendungen gezeigt, die Echtzeitaktualisierungen unterstützen. Zum Beispiel wird Facebook markieren Sie "gerade hinzugefügte" Kommentare , wenn sie an eine Newsfeed-Story oder an eine Wand angehängt erscheinen - Kommentare, die seit dem letzten Laden der Seite neu sind, haben auf der linken Seite ein dünnes blaues Highlight.

Google Text & Tabellen hebt neuen Inhalt hervor beim Hinzufügen (mit einem kleinen "Hinzugefügt von" -Anzeiger am Cursor):

Google Docs

Wenn der Zusatz für die jeweilige Aufgabe relevant ist, können Sie Benutzer außerdem mit einer Benachrichtigung oder einem "Toast" benachrichtigen. Dies ist die Aufgabe von StackExchange, wenn eine Antwort auf ein Thema veröffentlicht wird, auf das Sie gerade antworten:

StackExchange Action

Löschen zuvor verfügbarer Elemente

Um den Kontext des Benutzers beizubehalten, ist es wirklich wichtig, dass Sie bereits gesehene Dinge nicht aus der Ansicht eines Benutzers entfernen, ohne ihn darüber zu informieren. Ich würde empfehlen, die nicht mehr relevante Linie durchzustreichen oder grau zu machen, sie aber auf dem Bildschirm zu belassen, bis der Benutzer die Seite aktualisiert.

Wenn dies für die jeweilige Aufgabe relevant ist (z. B. wenn ein Benutzer ein Element ausgewählt hat, das nicht mehr verfügbar ist), möchten Sie ihn darüber informieren. Auch in diesem Fall kann eine Benachrichtigung gut funktionieren, z. B. wenn Amazon anzeigt, wann der Preis eines Artikels in Ihrem Warenkorb hat sich geändert oder ein Artikel in Ihrem Warenkorb nicht mehr verfügbar ist:

Amazon Cart

Bei tabellarischen Daten wäre es auch sinnvoll, einen Link in der Benachrichtigung zu haben, um zur betreffenden Zeile zurückzukehren.

Änderungen an vorhandenen Elementen

Änderungen an vorhandenen Elementen sollten sorgfältig auf ihre Bedeutung für den Benutzer abgewogen werden. Wenn in einer Tabelle beispielsweise die Menge eines verfügbaren Artikels angezeigt wird und diese Menge um 1 sinkt, möchten Sie wahrscheinlich keine große Produktion daraus machen - es sei denn, diese Änderung wirkt sich auf den Benutzer aus (z. B. haben sie dies hinzugefügt Sie wollten 2 von einem Artikel, aber jetzt haben Sie nur 1 auf Lager.

Unter der Annahme, dass sich eine Änderung auf den Benutzer auswirkt, möchten Sie wahrscheinlich eine Kombination der oben beschriebenen Methoden anwenden, um gleichzeitig den neuen Wert hervorzuheben, den alten Wert durchzuschlagen und den Benutzer zu benachrichtigen, wenn die Änderung relevant ist die momentane Aufgabe.

Viel Glück!

4
Daniel Newman

Twitter und Facebook haben dafür eine Lösung. Zeigen Sie über der Liste eine Meldung an, dass "es gibt # neue Elemente" - oder, wenn dies die Listenreihenfolge durcheinander bringt, etwas wie "Änderungen an dieser Liste stehen noch aus - Klicken Sie hier, um " neu zu laden.

enter image description here

4
Alex W
  1. Aktualisieren Sie nicht die gesamte Liste, sondern fügen Sie Änderungen an vorhandenen Elementen hinzu ...

    • Fügen Sie am Ende neue Elemente hinzu und färben Sie sie in einer anderen Farbe (z. B. grün für frisch -> neu).
    • Löschen Sie gelöschte Elemente in grau und/oder durchgestrichen. Entfernen Sie sie nicht.
    • Markieren Sie aktualisierte Elemente auf irgendeine Weise (z. B. gelb oder fett).
  2. Lassen Sie Benutzer entscheiden, ob sie Aktualisierungen anzeigen möchten (in der obigen Form oder aktualisieren, wenn dies nicht möglich ist), indem Sie eine Benachrichtigung über und/oder unter der Liste anzeigen (wie dies bei stackexchange der Fall ist, wenn eine andere Antwort zu der von Ihnen beantworteten Frage hinzugefügt wurde).

3
Danny Varod

Ich stimme dem zu, was Danny gesagt hat. Gehen Sie so vor, dass Sie der Liste am Ende der Liste neue Elemente hinzufügen. Facebook macht es mit seinen Freunden ziemlich gut, wenn Sie den neuen Ladeknopf verwenden

enter image description here

Das Hauptproblem bei diesem Ansatz ist jedoch, dass Benutzer häufig nicht wissen, wie viele Elemente noch übrig sind und wie lange sie auf das Ende der Liste warten müssen. Ich würde eine Navigationshilfe empfehlen, die einige Informationen wie (Anzeige von 250 von 2000 Elementen) enthält, damit die Leute wissen, wie weit sie gehen müssen

1
Mervin

Ich würde die Antworten von @Felixander Weber und @Danny Varod kombinieren.

Mit anderen Worten:

  • Zeigen Sie oben in der Liste eine Leiste an, in der Aktualisierungen angezeigt werden (wenn Sie die Anzahl der neuen, geänderten und gelöschten Elemente angeben möchten).

  • Wenn Sie auf die Leiste klicken, werden die Aktualisierungen angezeigt. Setzen und/oder verschieben Sie sie alle an den Anfang der Liste. Löschen Sie gelöschte Elemente, markieren Sie neue Elemente (andere Hintergrundfarbe) und fügen Sie eine andere Markierung hinzu, um geänderte Elemente zu kennzeichnen.

  • Wenn Sie die Updates anzeigen, ändern Sie die Leiste in "OK, ich bin mit der Überprüfung fertig". Wenn Sie darauf klicken, zeigen Sie alle Aktualisierungen als normale Elemente an und verschieben Sie sie in Bezug auf die Sortierreihenfolge wieder in ihre "rechtmäßige" Position.

Auf diese Weise hat der Benutzer die Kontrolle, verpasst keine Updates, die möglicherweise außerhalb der Seite liegen (Bildschirm), und kann leicht erkennen, was geändert wurde.

1
Marjan Venema