Eine für Smartphones optmierte Version wird in Kürze verfügbar sein
3.0.Komponenten    3.12.Tabellen

3.12.Tabellen

Mit einer umfassenden Datentabelle kann der Nutzer Informationen durchsehen, analysieren und vergleichen. Der Nutzer sollte auch in der Lage sein, zu filtern, sortieren und Aktionen durchzuführen, und diese Informationen sollten leicht und intuitiv erreichbar sein.

3.0.Komponenten      3.12.Tabellen      3.12.1.Nutzung

3.12.1.Nutzung

Das Tabellenmodul dient dem Zweck verwandte, dimensionsübergreifende und mehrfache Informationszeilen zusammen anzuzeigen.

Manche Tabellen können unterschiedliche Elemente enthalten: beispielsweise statistische Grafiken oder Links zu weiterführenden Informationen (Pop-up oder externen Seiten).

Achten Sie darauf, dass die Daten, die Sie präsentieren, Kontext und Bedeutung liefern. So muss sich z.B. jede Reihe von den links und rechts von ihr befindlichen Reihen abgrenzen. Zu diesem Zweck hat in vielen Tabellen jede zweite Reihe einen schattierten Hintergrund. Damit ist es einfach, die verschiedenen Spalten durchzugehen, ohne versehentlich von einer Reihe in die nächste zu verrutschen. Tabellen müssen unbedingt leicht zu lesen sein. Deshalb sollte ausreichend Kontrast zwischen Textfarbe und Reihenhintergrund vorhanden sein.

 

Wenn Nutzer die Möglichkeit haben sollen, die Anwendung auf jedem beliebigen Gerät zu sehen, muss sichergestellt sein, dass die Tabelle unabhängig davon nutzbar ist, ob sie auf einem Mobilgerät, einem Tablet oder einem Desktop-Computer angezeigt wird.

Eine übliche Vorgehensweise besteht darin, ein horizontales Scrollen der Tabelle auf kleineren Bildschirmen zu ermöglichen, womit keine Notwendigkeit besteht, Spalten zu verbergen. Erwägen Sie die Möglichkeit, beide Methoden zu nutzen und bieten Sie eine Option, zwischen den beiden Methoden zu wechseln.

Some Image
Abbildung

Beispiel für bei Daimler verwendete Tabellen

    3.0.Komponenten      3.12.Tabellen      3.12.2.Download-Ressourcen

    3.12.2.Download-Ressourcen

    Die Designs der Tabellen-Komponente gibt es für Sketch und sind im Daimler Design Kit enthalten. Sie können diese entweder kopieren und in Ihre Designs einfügen, oder die Sketch-Datei als verlinkte Sammlung nutzen und die Symbole importieren.

    Siehe Sketch Design Kit (verfügbar ab August 2019)