it-swarm.com.de

Wie präsentiere ich schwere Datentabellen auf Smartphones?

Problem: Ich habe eine Tabelle mit 10 Spalten und ~ 100 Zeilen. Was ist der beste Weg, um diese auf kleinen Bildschirmen zu präsentieren? Meine Idee: effektive Suche + zeilenweise angezeigte Daten. Gibt es eine bessere Lösung?

10
Csongor Fabian

Ich hatte dieses Problem schon mehrmals und abgesehen von den obigen Empfehlungen besteht eine andere Option darin, die Anzahl der Spalten, die Sie haben, nur auf die Attribute zu beschränken wichtig für Benutzer, um einen fundierten Vergleich zwischen Zeilen durchzuführen. Verknüpfen Sie dann jede Zeile mit einer Karte oder einer ähnlichen Karte, die alle Informationen enthält.

Wenn Benutzer alle Attribute sehen müssen, ignorieren Sie dies.

5
colmcq

Zwei Lösungen, die ich verwendet habe, sind Kartenansicht und das Transponieren der Zeilen und Spalten sowie das Anzeigen von 10 Spalten mit 2 Zeilen - wenn die Standardausrichtung vertikal ist, wie auf dem iPhone. In beiden Fällen zeigt jeder Bildschirm nur eine "Zeile" der Originaltabelle.

Und dann können Sie dies durch eine effektive Suche oder durch eine intelligente Bildlaufleiste wie in der iPhone-Kontaktliste verbessern, die Ihnen die Gruppierungen anzeigen kann, bevor Sie Ihren Finger vom Bildschirm nehmen. Dies ist natürlich nur möglich, wenn die Gruppierung klar ist und die Daten dies unterstützen.

3

Ich denke, es ist wichtig zu wissen, was die Benutzer mit den Daten tun müssen: Ist der Vergleich zwischen Zeilen am wichtigsten? Oder ist es eher eine Ansicht pro Datensatz?

Dinge, die wichtig erscheinen, sind beim Betrachten auf einem kleinen Bildschirm:

  • sortieren Sie die Daten gut und machen Sie es einfach, sie anzupassen (damit die relevantesten Zeilen zuerst angezeigt werden).
  • gute Navigation von Datensatz zu Datensatz. Erlaube 'nächste' Navigation basierend auf der gewählten Reihenfolge
  • für Vergleichsansichten müssen Sie in der Lage sein, die wichtigen Spalten nahe beieinander zu platzieren, damit Spalten in der Ansicht gesperrt oder sortiert oder ausgeblendet werden können, um das horizontale Scrollen zu minimieren
3
Inca

Diese Lösung ist sehr gut http://jsbin.com/apane6/14/ sehen Sie dies auf dem Desktop dann Telefon

1
Jitendra Vyas