Die Kennzahlen-Komponente dient dazu, wichtige Zahlen oder zentrale Aussagen visuell hervorzuheben. Beim Scrollen auf die Position der Komponente wird eine kleine Animation ausgelöst: Angegebene Zahlen zählen automatisch hoch.
Die Komponente kann enthalten:
eine Headline (ein- oder ausblendbar)
eine Subheadline (ein- oder ausblendbar)
mehrere Items (Kennzahlen)
Aufbau eines Items
Jedes Item besteht aus drei Elementen:
Value
Hier wird die Kennzahl eingetragen.
Dieser Wert wird animiert dargestellt und ist das visuell dominante Element.
Wichtig:
Im Feld „Value“ können nicht nur Zahlen, sondern auch kurze Schlagwörter oder Begriffe verwendet werden. Dabei sollte berücksichtigt werden, dass dieser Bereich größer dargestellt wird als Caption und Copytext.
Caption
Ein kurzer Titel oder eine erläuternde Bezeichnung unterhalb des Values.
Copytext
Optionaler zusätzlicher Text, gepflegt über einen Rich-Text-Editor.
Dieser kann bei Bedarf ein- oder ausgeblendet werden.
Im Rich-Text-Editor kann die Textausrichtung frei gewählt werden (z. B. links, rechts oder zentriert). Dabei ist zu beachten, dass die Caption weiterhin zentriert bleibt.
Verlinkungen können ebenfalls über den Rich-Text-Editor eingefügt werden.
Layout & Struktur
Es können beliebig viele Kennzahlen hinzugefügt werden.
Ab fünf Items erfolgt automatisch ein Umbruch in eine neue Zeile.
Ein Farbschema kann für die gesamte Komponente angewendet werden.
Einsatzbereich
Die Kennzahlen-Komponente eignet sich besonders für:
Leistungskennzahlen
Erfolgsmetriken
Unternehmensstatistiken
zentrale Aussagen in kompakter Form
Tipps & Tricks
Nutze kurze, prägnante Values für maximale Wirkung.
Achte darauf, dass Schlagwörter im Value-Feld visuell sehr dominant erscheinen.
Halte die Anzahl der Kennzahlen übersichtlich, um die Wirkung nicht zu verwässern.
Teste die Darstellung bei mehreren Zeilen, um das Layout bewusst zu planen.