KPI Visualisierungen

KPIVisuals ist ab BlueSpice 6 enthalten. (BlueSpice farm) - Release ausstehend

KPIVisuals ermöglicht es Ihnen, aussagekräftige Dashboards zu erstellen, die bei der Bewertung des aktuellen Stands quantitativer Informationen helfen. Mit KPI-Visualisierungen können Sie zum Beispiel einen Maximalwert mit einem aktuellen Wert vergleichen und die Differenz visuell darstellen.

Hinzufügen von KPI-Visualisierungen[Bearbeiten | Quelltext bearbeiten]

Folgende KPI-Visualisierungen stehen zur Verfügung:

  • KPI-Tachometer
  • KPI-Fortschrittsbalken
  • KPI-Kachel
  • KPI-Trendindikator


So fügen Sie einer Seite eine KPI-Visualisierung hinzu:

  1. Öffnen Sie das Content Droplets Menü Content Droplets Aktionssymbol.
  2. Suchen Sie nach "KPI".
  3. Fügen Sie das Content Droplet auf der Seite ein.

Informationen zu den einzelnen KPI-Visualisierungstypen finden Sie in den Beispielen auf dieser Seite.

Erstellen einer KPI-Tachometeranzeige[Bearbeiten | Quelltext bearbeiten]

Verwenden Sie eine KPI-Tachometeranzeige (Gauge), wenn die Kennzahl einen aussagekräftigen Wertebereich mit drei Zonen aufweist. Benutzen Sie diese Darstellung, wenn Sie sofort erkennen möchten, wo sich der aktuelle Wert innerhalb dieses Bereichs befindet („Liegt er in einem guten oder schlechten Bereich?“).

KPI-Tachometeranzeige für „Sales Target Midmarket“ mit Anzeige von 32,7 % und rotem Zeiger
KPI-Tachometeranzeige


Beispiel: Status der Vertriebsziele anzeigen
Tab Parameter Beschreibung
Allgemein Wert Geben Sie einen festen Wert ein (muss manuell geändert werden)

Oder beziehen Sie den Wert aus einer Tabelle oder einer SMW-Abfrage (siehe #Verfügbare Parameter)

Hinweis: Der Wert muss eine Ganzzahl (Integer) sein.

Allgemein Beschriftung zum Beispiel: Vertriebsziel Mittelstand
Erweitert Maximalwert Ihr Vertriebsziel, z. B. 100000

Hinweis: Der Wert muss eine Ganzzahl (Integer) sein.

Erweitert Als Prozentsatz anzeigen Aktivieren Sie das Kontrollkästchen
Erweitert Schwellenwerte 0.3:red|0.5:yellow|0.85:green
Erweitert Link (optional), z. B. Vertriebsziele (Hinweis: Dieses Feld verfügt über keine Autovervollständigungsfunktion; Sie müssen daher den genauen, vollständigen Namen der Seite kennen (ggf. einschließlich Namensraum-Präfix).

Erstellen eines KPI-Fortschrittsbalkens[Bearbeiten | Quelltext bearbeiten]

Verwenden Sie dieses Element, wenn die Kennzahl den Fortschritt hin zu einem festen Ziel darstellt. Es gibt einen klaren Startpunkt (0) und einen klaren Endpunkt („Wie weit sind wir dem Ziel nähergekommen?“).

Der Zielwert kann in beide Richtungen verlaufen; je nach Betrachtungsweise streben Sie beispielsweise 100 % (geschlossene Tickets) oder 0 (offene Tickets) an.

Fortschrittsbalken, der 3 offene Tickets mit grüner Anzeige darstellt
KPI-Fortschrittsbalken


Beispiel: Anzeige offener Tickets (= Seiten mit einer „Status“-Eigenschaft)
Reiter Parameter Beschreibung
Allgemein Wert Beispiel: Wenn Ihr Wiki eine Eigenschaft „Status“ besitzt, zählen Sie die Seiten mit dem Wert „in progress“ (in Bearbeitung):
{{#ask:[[Status::in progress]] |format=count }}
Allgemein Beschriftung Open tickets
Erweitert Maximalwert Anzeige aller Seiten, die einen Wert für die Eigenschaft „Status“ aufweisen:
{{#ask:[[Status::+]] |format=count }}
Erweitert Schwellenwerte 0.3:green|0.5:yellow|0.8:red

Erstellen einer KPI-Kachel[Bearbeiten | Quelltext bearbeiten]

Bei der Verwendung von Kacheln liegt der Schwerpunkt direkt auf dem aktuellen Momentaufnahmewert, ohne den Vergleichswert visuell darzustellen („Wo stehen wir gerade?“).

Um mehrere Kacheln nebeneinander zu erstellen, fügen Sie die KPI-Kacheln einfach mehrfach auf einer Seite ein. Sie können die erste Kachel kopieren und einfügen und anschließend einfach die erforderlichen Parameter für die weiteren Kacheln anpassen.

3 rote, grüne und gelbe Kacheln für insgesamt 6 offene Tickets
KPI-Kacheln
Beispiel: Anzeige einer Kachel für Seiten, die die SMW-Eigenschaft „Status“ besitzen
Tab Parameter Beschreibung
Allgemein Wert Beispiel: Wenn Sie in Ihrem Wiki eine Eigenschaft „Status“ haben, zählen Sie die Seiten mit dem Wert „in Bearbeitung“ (in progress):
{{#ask:[[Status::new]] |format=count }}
Allgemein Beschriftung Neue Tickets
Erweitert Maximalwert Anzeige aller Seiten, die einen Wert für die Eigenschaft „Status“ haben:
{{#ask:[[Status::+]] |format=count }}
Erweitert Schwellenwerte 0.3:green|0.5:yellow|0.8:red

Erstellen eines KPI-Trendindikators[Bearbeiten | Quelltext bearbeiten]

Mit einem Trendindikator lässt sich hervorheben, ob sich ein Wert verbessert oder verschlechtert.


Grüner Aufwärtspfeil mit Bezeichnung "Verkaufsrend" und Wert 50%
KPI-Trendindikator


Beispiel: Anzeige des Trends für den B2B-Umsatz
Registerkarte Parameter Beschreibung
Allgemein Wert Aktueller Wert, z. B. 50.000
Allgemein Ausgangswert Referenzwert, z. B. 85.000
Allgemein Bezeichnung Verkaufstrend
Erweitert Differenz anzeigen Kontrollkästchen aktivieren
Erweitert Als Prozentsatz anzeigen Kontrollkästchen aktivieren

Verfügbare Parameter[Bearbeiten | Quelltext bearbeiten]

Jede KPI-Visualisierung benötigt mindestens einen Wert, einen Maximalwert, Schwellenwerte für den Farbwechsel der Anzeige sowie eine Bezeichnung zur Identifizierung der Anzeige.

Parameter Visualisierung Beispiel Beschreibung
Allgemein Wert Tachometer, Fortschrittsbalken, Kachel, Trend Kann aus einer SMW-Eigenschaft berechnet werden:
{{#ask:[[Status::open]]|format=count}}
Oder aus einer Tabellenzelle:
{{#sheetCell:Sales_data|E3}}
Hinweis: Der Wert muss eine Ganzzahl sein.

Auch Parser-Funktionen, die eine Ganzzahl ergeben (z. B. {{#expr:4+5}}), werden unterstützt.

aktueller numerischer Anzeigewert (erforderlich)
Allgemein Bezeichnung Tachometer, Fortschrittsbalken, Kachel, Trend Eine beliebige kurze Bezeichnung, die die KPI-Visualisierung beschreibt. Textbezeichnung, die unterhalb der Anzeige erscheint (optional)
Allgemein Beschreibung Kachel, Trend Textbeschreibung, die unter dem Wert angezeigt wird
Erweitert Maximalwert Tachometer, Fortschrittsbalken, Kachel Kann aus einer SMW-Eigenschaft berechnet werden:
{{#ask:[[Status::+]]|format=count}}
Hinweis: Der Wert muss eine Ganzzahl sein.
 Wert, der 100 % Fertigstellung entspricht (Standard: 100)
Erweitert Einheit Tachometer, Fortschrittsbalken, Kachel %, pages, users oder ein beliebiger anderer Text textbasierte Maßeinheit, die an den angezeigten Wert angehängt wird (optional)
Erweitert Als Prozentzahl anzeigen Tachometer, Fortschrittsbalken, Kachel, Trend true, false gibt einen berechneten Prozentsatz von Wert/Max % anstelle von Wert Einheit aus; überschreibt jeglichen Text im Parameter „Einheit“
Erweitert Skala anzeigen Tachometer, Fortschrittsbalken, Kachel true, false zeigt den Bereich vom Minimum (0) bis zum Maximalwert als Referenzpunkt unter dem Wert an
Erweitert Symbol-CSS-Klasse Kachel bi bi-house, bi bi-arrow-right-circle zeigt ein Bootstrap-Symbol vor der Beschriftung an
Erweitert Schwellenwerte Tachometer, Fortschrittsbalken, Kachel Standarddefinition:

0:red | 0.3:yellow | 0.8:green
Beachten Sie, dass nur drei Zonen möglich sind (rot, gelb, grün).

definiert Farbzonen als Paare aus Verhältnis und Farbe, getrennt durch „|“ . Die Werte liegen im Bereich von 0 bis 1.
Erweitert Link Tachometer, Fortschrittsbalken, Kachel, Trend Wiki-Link: Sales Targets

Interwiki-Link: sales:Sales Targets

Externer Link: https://bluespice.com 		verknüpft die KPI-Visualisierung mit einer Wiki-Seite oder einer externen Seite
Erweitert Toleranz Trend definiert den neutralen Bereich

Beispiel: 0,05 bedeutet, dass eine Abweichung von ±5 % gegenüber dem Referenzwert keinen Trend anzeigt.

Erweitert Größe Trend Medium, Small Größe der visuellen Anzeige
Erweitert Differenz anzeigen Trend fügt eine Beschriftung unter dem Grafikpfeil hinzu (empfohlen aus Gründen der Barrierefreiheit) zeigt die Differenz zwischen dem aktuellen Wert und dem Referenzwert an

Quellen für Werte[Bearbeiten | Quelltext bearbeiten]

Obwohl Werte und Maximalwerte manuell gepflegt werden können, ist es sinnvoll, die Daten automatisch zu aktualisieren. Hier ist eine Liste möglicher Quellen für Werte des Typs integer (Ganzzahl).

Quellen für KPI-Werte
Quelle Beispiel
Manuelle Eingabe 100, 1000, 234567
Semantic-MediaWiki-Abfrage {{#ask:[[Status::+]]|format=count}}
{{#show:[[Statistics]]|?Population}}
Spreadsheet-Seite {{#sheetCell:Sales_data|E3}}
Hochgeladene Tabellenkalkulationsdatei {{#spreadsheetfilecell:MyFile.xlsx|A7}}, {{#spreadsheetfilecell:MyFile.ods|A7}}
Abfrage externer Daten {{#external_value:Population|source=https://discoursedb.org/GermanyCSV.txt}}

(Hinweis: Kann für Cloud-Wikis nicht konfiguriert werden, wenn die Quelle nicht öffentlich zugänglich ist)

Transkludierte CSV-Datei {{:Meine CSV Seite}}
Magische Wörter {{NUMBEROFPAGES}}, {{NUMBEROFACTIVEUSERS}}, {{PAGESINCATEGORY:categoryname}}
Parser-Funktion #expr {{#expr:20+50}}

Barrierefreiheit[Bearbeiten | Quelltext bearbeiten]

  • Verwendung von Farben: Achten Sie darauf, Beschriftungstexte zu verwenden, die die Zahl eindeutig erklären. Verlassen Sie sich nicht allein auf die Farbe, um die Bedeutung zu vermitteln. Negative Zahlen sollten beispielsweise mit einem Kennzeichen (-) versehen werden, anstatt sie lediglich mit einem roten Hintergrund zu formatieren. WCAG #use-of-color
  • Screenreader lesen das Badge als Kombination aus aktuellem Wert und Maximalwert über ein aria-label vor (zum Beispiel: „Eine Anzeige, die 32.670 von 100.000 anzeigt, mit der Bezeichnung 'Vertriebsziel Mittelstand‘ “). WCAG #text-alternatives

Im Wiki abgetrennter Bereich, dessen Inhalte über spezielle Berechtigungen gelesen und bearbeitet werden können. Einen Namensraum erkennt man an einem Präfix vor dem Artikeltitel.

Cascading Style Sheets. Eine Computersprache für die Gestaltung digitaler, vorwiegend webbasierter Dokumente.

Protokoll zur Verschlüsselung und Authentifizierung der Kommunikation zwischen Webserver und Browser im World Wide Web.

Abgerufen von „https://de.wiki.bluespice.com/w/index.php?title=Roadmap:Handbuch:Erweiterung/KPIVisuals&oldid=17206“