Handy-Design - Datentabellen

Momentan kämpfe ich etwas damit, viele Daten richtig und benutzerfreundlich auf einem mobilen Gerät anzuzeigen.

Auf einer Website ist es einfach, eine Tabelle zu implementieren. Sie können beispielsweise 7 Spalten anzeigen. Aber eine Tabelle mit 7 Spalten auf einem mobilen Gerät zu haben, ist nicht wirklich benutzerfreundlich. Die Daten im Raster müssen die Wörter umbrechen, um 7 Spalten nebeneinander anzuzeigen.

  • Was ist also eine empfohlene Methode, um Daten auf einem mobilen Gerät anzuzeigen, die Sie normalerweise auf größeren Bildschirmen in einer Tabelle anzeigen?

  • Muss ich Tabellen verwenden oder gibt es viel bessere Ansätze, um viele Daten anzuzeigen?

    • zum Beispiel auf mehrere Bildschirme aufteilen?
    • erweiterbare Behälter?
    • ??
  • Können Sie mir einige Referenzen geben, wo ich mir aktuelle Designs ansehen kann?

  • Muss ich unterschiedliche Designs berücksichtigen, da ich auf Android, Windows Phone und iPhone arbeite?

Antworten (1)

Die übliche Methode zum Anzeigen von Daten auf einem Telefon besteht darin, alle Daten von Spalten zu Zeilen neu anzuordnen. Sie können dafür mehrere Bibliotheken finden, suchen Sie einfach nach "Responsive Tables".

Zum Beispiel "reflow" Tabelle: Reflow

Und nur als Referenz können Sie auch Folgendes lesen: 10+ Lösungen für responsive Datentabellen

In Bezug auf die verschiedenen Plattformen sollten Sie sich so weit wie möglich an sie halten. Es ist nicht obligatorisch, aber es ist gut für den Benutzer. Werfen Sie einfach einen Blick auf jede einzelne offizielle Website ( Material Design, iOs8, Windows Mobile ) und sehen Sie, wie sie Tabellen und Listen anzeigen.

Einer der Links in der Antwort ist tot