it-swarm.com.de

Chart Drilldown Erschwinglichkeit?

Ich frage mich, ob jemand Vorschläge zur Verbesserung der Benutzerfreundlichkeit von Diagramm-Drilldowns hat.

Stellen Sie sich insbesondere vor, wir haben ein Balkendiagramm (oder eine andere Visualisierung), in dem ein Benutzer einen Balken auswählen und das Diagramm aktualisieren kann, um nur seine untergeordneten Elemente anzuzeigen (klicken Sie beispielsweise auf den Balken für Kanada und lassen Sie das Diagramm Kanadas Provinzen anzeigen ).

Ich habe einige Nachforschungen angestellt und mir folgende Ressourcen ausgedacht:

Drilldown-Leistung:

Ein üblicher und typischer Ansatz ist die Cursormodifikation in Verbindung mit visuellen Änderungen, wenn sich der Cursor über das Objekt bewegt.

Wenn Sie den Cursor über ein Element bewegen, in das Sie einen Drilldown durchführen können, können Sie den Cursor entsprechend ändern, wie dies bei einem Link der Fall ist. Kombinieren Sie dies mit einer visuellen Änderung des Vordergrunds oder einer anderen ästhetischen Änderung, und ich glaube, der Benutzer wird schnell verstehen, dass der Cursor und die visuellen Änderungen einen Bereich definieren, in dem zusätzliche Aktionen stattfinden können. ( http://ux.stackexchange.com/a/14951 )

Ein weiterer nützlicher Artikel: https://www.fusioncharts.com/charting-best-practices/drill-down-interface/

Für den obigen Artikel scheint der Vorschlag, einfach Anweisungen oben in das Diagramm einzufügen ("Klicken Sie auf eine Spalte, um einen Drilldown durchzuführen"), eine etwas billige Abkürzung zu sein - wir können nicht einfach überall Anweisungstext einfügen, den wir möchten eine Leistung mitteilen! Ich denke, ein Cursorwechsel auf die 'Linkauswahl'-Hand zusammen mit einer Hervorhebung des Diagrammobjekts ist gut, aber es sagt dem Benutzer immer noch nicht, was passieren wird, wenn er klickt. Es wäre großartig, beim Hover einen Tooltip einzuschließen, aber in meinem Fall ist dies keine Option, da wir bereits Tooltips verwenden, um zusätzliche Diagramminformationen anzuzeigen.

Für das Drilldown-Ziel würde ich sowohl das visuelle Diagrammobjekt (Balken, Kreisdiagramm-Slice usw.) als auch die Beschriftungen (z. B. Achsenbeschriftung) einschließen, damit der Benutzer problemlos auf sehr kleine Kreisschnitte oder winzige Balken einen Drilldown durchführen kann (was ein zu kleines Ziel wäre).

Drilldown-Navigation: Ich denke, der Breadcrumb ist die beste Lösung für die Navigation in der Drilldown-Hierarchie, die oben links unter dem Diagrammtitel angezeigt wird.

Was halten Sie von der Verwendung des Breadcrumbs, um sowohl die Hierarchieebene als auch das tatsächliche übergeordnete Hierarchiemitglied anzuzeigen? Zum Beispiel könnte der Level-Breadcrumb wie folgt sein:

  • Kontinente> Länder> Staaten/Provinzen> Städte> Nachbarschaften

während das Breadcrumb des Hierarchiemitglieds sein könnte:

  • Nordamerika> Kanada> BC> Vancouver> Gastown

Was die Navigation angeht, wären tatsächliche Drilldown-Animationen ein weiterer großer Entwicklungsaufwand, bei dem alle Balken außer dem ausgewählten Element ausgeblendet werden und das ausgewählte Element dann erweitert wird, um seine untergeordneten Elemente anzuzeigen.

14
M.A.X

Der beste Vorteil für das Untersuchen/Drilldown in einem Diagramm besteht darin, die Daten interaktiv zu gestalten. Benutzer sind es gewohnt, Beschriftungen/Legenden zu verwenden, um die Informationen zu finden, an denen sie interessiert sind. Die natürliche Reaktion, um mehr Details zu einem Feld zu erhalten, besteht darin, auf die Daten zu klicken. Der Tooltip liefert den tatsächlichen Wert und bestätigt, dass der Benutzer den richtigen Balken/Spalten-/Tortenkeil ausgewählt hat.

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

6
Andrew Shipe

Blau unterstrichene Beschriftungen (Hyperlink) sind eine der einfachsten Möglichkeiten, sich Klickbarkeit zu leisten. Wenn Sie die Beschriftungen unter dem Balkendiagramm anklickbar machen, wird der Cursor auf das Diagramm gezogen. Wenn Sie, wie Sie beschrieben haben, etwas Schwebeflug auf den Bars selbst haben, wird der Deal besiegelt.

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

Ich bin damit einverstanden, dass ein Animationseffekt zum Übergang des Balkendiagramms großartig wäre, aber es klingt sicherlich nach einer teuren Aussicht.

Der Nachteil dieses Vorschlags ist, dass der Text dann farblich festgelegt wird. Das Anzeigen von Kategorien mit farbigem Text ist keine Option mehr. Mehrfarbige Links sehen nicht mehr wie Links aus ... sie sehen aus wie unterstrichener Text. Während das Web allgegenwärtig ist, können Links in einer Anwendungsoberfläche unpassend aussehen. Sie können immer noch gut auf Klickbarkeit hinweisen, sehen aber oft fehl am Platz aus.

2
Myrddin Emrys

Sehr gute Frage. Und ich muss zustimmen, dass das Platzieren von Anweisungen oben in der Tabelle billig aussehen kann. Aber es kann ein anständiger Kompromiss sein und hier ist der Grund.

Die Dinge sind einfach und unkompliziert, wenn wir uns nur mit Desktop-Browsern/-Anwendungen befassen: Popups, Beschriftungen und Cursoränderungen als Reaktion auf Hover-Ereignisse können Wunder bewirken. Einzelklicks, Doppelklicks und Click-and-Holds sorgen für mehr Leistung. Das Problem ist jedoch, dass wir wahrscheinlich möchten, dass unsere Lösung auf mobilen Geräten funktioniert, und dass UX plattformübergreifend konsistent ist. Und auf mobilen Plattformen gibt es keinen Schwebeflug. Auf einigen Plattformen sind Doppelklicks möglicherweise für etwas anderes (z. B. Zoomen) reserviert.

Wir haben viel mit verschiedenen Ansätzen experimentiert und am Ende Folgendes verwendet:

  • bewegen Sie den Mauszeiger über Ereignisse auf dem Desktop und tippen Sie auf Ereignisse auf Tablets, um Beschriftungen mit zusätzlichen Informationen zum visuellen Element anzuzeigen.
  • click-and-Hold-Ereignisse auf allen Plattformen, um Drilldowns einzuleiten.

Für mobile Geräte gibt es eine weitere Alternative: Zeigen Sie beim Tippen auf Ereignisse das Popup/Callout mit einer Schaltfläche "Drilldown" an. Aber dieser Ansatz:

  • kostet Benutzer zusätzlichen Aufwand im Vergleich zu Tap-and-Hold;
  • führt Inkonsistenzen zwischen Plattformen ein;
  • sieht auch billig aus.

Es ist also immer noch eine offene Frage. Was die Breadcrumbs mit Drilldown-Hierarchie betrifft: Hört sich gut an, aber achten Sie auf die kostbaren Chart-Immobilien.

0
Sergey Sorokin