Kategorien
Design

Weniger ist mehr: Tipps zur Tabellengestaltung

Clear off the Table. Einige Tipps wie man (zB. auch HTML)-Tabellen übersichtlicher und besser lesbar gestalten kann.

Hier kurz die zu dem Bild gehörenden Schritte in Deutsch:

  1. Entferne die Farben (Text & Hintergründe)
  2. Entferne Spalten- und Zeilenrahmen/linien
  3. Entferne Füllfarbe von den Zeilen bzw. abwechselnd hervorgehobene Zeilen
  4. Entferne die Hintergrundfarbe des Tabellenkopfs
  5. Entferne den Rahmen um die Tabelle
  6. Entferne Fettschrift bzw die hervorgehobene Titelzeile
  7. Richte Text linksbündig aus
  8. Richte Zahlen rechtsbündig aus
  9. Richte die Titel ihrem Spalteninhalt entsprechend links/rechtsbündig aus
  10. Passe die Spaltengrößen dem Inhalt an
  11. Benutze Whitespace zwischen Abschnitten
  12. Verwende eine einheitliche Anzahl an Nachkommastellen in Spalten
  13. Rund die Zahlen wenn möglich
  14. Verwende ggf. die Potentialschreibweise (2300 = 2.3 x 10³)
  15. Entferne sich wiederholende Inhalte
  16. Verwende eine gut lesbare angenehme Schriftart (keine Standard-Schift)
  17. Füge gezielte Hervorhebungen wieder hinzu

Less is more. (effective – attractive – impactive)

 

Gelesen bei corefault, ursprünglich von Darkhorse Analytics.


 

Hier das Original-GIF das ich für die Titelgalerie in Einzelbilder umwandeln musste:

Clear off the tables

Von Luke

Blogautor, Webdesigner, Programmierer, Tontechniker, Kameramann, Musiker, Christ, und vieles mehr

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.