Table of Contents

Tabellen

Dabei sind sie oft die effizienteste Möglichkeit, komplexe Informationen übersichtlich zu organisieren (was natürlich auch für Daten-Dashboards von zentraler Bedeutung ist , da sie oft miteinander kombiniert werden). Eine durchdachte Tabelleninteraktion im Design von Unternehmenssoftware kann die Übersichtlichkeit verbessern, den Benutzern das Leben erleichtern und das Datenpotenzial maximieren.

xxx

Allgemeine Regeln

  1. Für numerische Werte eine Monospace-Schriftart (Roboto)
  2. Text Linksbündig 
  3. Quantitative Zahlen (immer rechtsbündig)
    -Beträge (Geld, Mengen)
    -Maßnahmen
    -Prozentsätze
  4. Qualitative Zahlen (können linksbündig ausgerichtet werden)
    -Datum
    -Postleitzahl
    -Telefonnummer
  5. Tabellen Ansicht wählen (Kachel oder Zeile)
  6. Tabellen Text der Mehrzeilig ist, ist immer oben ausgerichtet
  7. (User kann spalten verstecken um mehr Übersicht zu bekommen) EHER DOCH NICHT
  8. Spaltennamen und Filter sind Stiky
  9.  Live Filterung > Ergebnisse werden sofort abgerufen, sobald der User die Auswahl trifft. Bei Dropdouwn Feldern mit Mehrfachasuwahl wird erst gefiltert wenn der User mit der der Mehrfachauswahl fertig ist.
  10. User kann Spaltenbreite einstellen
  11. Benötigt die Tabelle mehr platz wie auf dem Endgerät platz ist, kann man sie vertikal scrollen. 
  12. Filterergebnis kann je nach komplexität angezeigt oder weggelassen werden
  13. Filter voreinstellungen speichern
Filter
Titel
Beschreibung
Thema
Status
Verantwortlicher
Aktion
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, adipiscing elit...
Gehalt
Matthias Wagner
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, adipiscing elit...
Gehalt
Matthias Wagner
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, adipiscing elit...
Kommunikation
Matthias Wagner
Filter
Unzufrieden
Unglücklich
Ok
Zufrieden
Glücklich
Titel
Beschreibung
Thema
Status
Verantwortlicher
Aktion
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, adipiscing elit...
Gehalt
Matthias Wagner
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, adipiscing elit...
Gehalt
Matthias Wagner
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, adipiscing elit...
Kommunikation
Matthias Wagner
Filter
Titel
Beschreibung
Thema
Status
Verantwortlicher
Aktion
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, adipiscing elit...
Gehalt
Matthias Wagner
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, adipiscing elit...
Gehalt
Matthias Wagner
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, adipiscing elit...
Kommunikation
Matthias Wagner
Filter
Titel
Titel
Titel
Titel
Titel
Titel
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, adipiscing elit...
Gehalt
Matthias Wagner
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, adipiscing elit...
Gehalt
Matthias Wagner
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, adipiscing elit...
Kommunikation
Matthias Wagner
Lorem ipsum dolor sit amet
ipsum dolor sit amet
Lorem ipsum dolor sit amet, adipiscing elit Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
Gehalt
Team
Kommunikation
Matthias Wagner
Matthias Wagner
Filter
Filter
Themen:
Gehalt
Team
Verantwortlicher:
Matthias Wagner
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, adipiscing elit...
Gehalt
Team
Matthias Wagner
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, adipiscing elit...
Gehalt
Matthias Wagner
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, adipiscing elit...
Team
Matthias Wagner
Filter
Filter
Titel
Titel
Titel
Titel
Titel
Titel
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, adipiscing elit...
Thema
Thema
Matthias Wagner
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, adipiscing elit...
Thema
Thema
Matthias Wagner
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, adipiscing elit...
Thema
Thema
Matthias Wagner
Titel
Titel
Titel
Titel
Titel
Titel
Titel
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, adipiscing elit...
Thema
Thema
Matthias Wagner
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, adipiscing elit...
Thema
Thema
Matthias Wagner
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, adipiscing elit...
Thema
Thema
Matthias Wagner
Filter
Filter
Titel
Beschreibung
Thema
Staatus
Verantwortlich
Aktionen
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, adipiscing elit...
Thema
Thema
Matthias Wagner
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, adipiscing elit...
Thema
Thema
Matthias Wagner
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, adipiscing elit...
Thema
Thema
Matthias Wagner
Titel
Filter
Filter
Titel
Beschreibung
Gültig für
Themen
Staatus
Verantwortlich
Aktionen
Filter
Filter
Titel
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, adipiscing elit...
Thema
Thema
Matthias Wagner
Filter
Filter
Titel
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, adipiscing elit...
Thema
Thema
Matthias Wagner
Filter
Filter
Titel
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, adipiscing elit...
Thema
Thema
Matthias Wagner
Filter
Filter
Titel
Beschreibung
Thema
Staatus
Verantwortlich
Aktionen
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, adipiscing elit...
Thema
Thema
Matthias Wagner
Filter

Dropdown als Button

> [Klick] > Dropdown Menü slidet auf.. Zeigt alle 16 Themen in Alphabetischer Reihenfolge zur Auswahl an.  Ab 10 Auswahlpunkten wird als erster Riter oben noch ein zusätzliches Suchfeld angezeigt.  Durch Texteingabe in das Suchfeld oder in das Ursprüngliche Feld sortieren sich die Suchergebnisse. Ich kann entweder das Wort zu ende schreiben und enter drücken oder oder mir eins aus der Sortierten oder unsortierten Liste aussuchen. Klicke ich auf ein Thema schließt sich das Dropdowns und das Thema erscheint in der Spalte oben neben dem Pfeil.
Hier brauch man kein Label

Für Dropdown

Dropdown ohne Label
Anzeigen
Archivieren
Bearbeiten
Löschen
Dropdown ohne Label
CSV Export
Excel Export
PDF Export
PDF Export​ ohne Unterabteilung
PDF Export​ ohne Abteilungsdetails