OKR-Programme scheitern selten an der Methodik. Sie scheitern an der Sichtbarkeit. Das Strategy-Team kennt die Ziele. Das Management kennt die Ziele. Aber das Team-Mitglied im Vertrieb, in der Produktion, im Kundenservice sieht die OKRs höchstens beim Quartals-Kickoff – und vergisst sie zwei Wochen später.
Wer nicht weiß, worauf das Team hinarbeitet, kann seinen Beitrag nicht einordnen. Wer nicht sieht, dass das eigene OKR „at risk“ ist, reagiert nicht. Wer ein OKR „erreicht“ hat und niemand es bemerkt, fühlt sich unsichtbar.
Das OKR Tracker Widget behebt das mit einem einzigen Mittel: die OKRs sind auf der Intranet-Startseite.
Drei Designentscheidungen
1. Kein Submit-Form. Anders als bei Kudos Wall oder Ideenbox hat dieses Widget bewusst keinen User-Input. OKRs werden nicht von beliebigen Mitarbeitenden eingereicht – sie werden vom Strategy-Team gepflegt. Das Widget liest aus der Data Table, schreibt aber nicht hinein.
2. Progress als Number-Spalte. 0 bis 100, simpel. Im Template wird der Wert direkt als CSS-width-Prozent verwendet: style="width: {{this.progress}}%". Keine Berechnung, kein Helper, kein State – einfach eine Zahl, die das Strategy-Team wöchentlich aktualisiert.
3. Status entscheidet die Bar-Farbe. Status ist nicht nur ein Badge. Status färbt auch die Progress-Bar – grün bei on_track, amber bei at_risk, rot bei off_track. Das geht über ein nested Handlebars-Conditional im Inline-Style:
1<div class="h-full rounded-full" style="width: {{this.progress}}%;
2 background-color:
3 {{#if (eq this.status 'off_track')}}#dc2626{{else}}
4 {{#if (eq this.status 'at_risk')}}#f59e0b{{else}}
5 {{../settings.accent_color}}
6 {{/if}}{{/if}};">
7</div>
Hartes Conditional, aber der Effekt ist sofort lesbar. Eine rote Bar zwischen lauter grünen sagt: „hier kümmert sich gerade niemand drum“.
Architektur: Wieder Data Table
Sechs Spalten in der Data Table:
| Spalte | Typ |
|---|---|
objective | text |
key_result | text |
owner | text |
progress | number 0–100 |
status | text |
submitted_at | date |
Die Widget-API liest sortiert nach progress desc – die ehrgeizigsten OKRs zuerst. Das ist eine bewusste Entscheidung: Wer auf 100 % steht, ist die Erfolgsstory; wer auf 5 % steht, braucht Hilfe. Beide gehören oben.
Wer pflegt die Data Table?
Drei Wege funktionieren:
- Manuelle Pflege – das Strategy-Team aktualisiert wöchentlich Status und Progress in der Tabelle. Funktioniert für 5–15 OKRs.
- Sync-Skript – ein kleines Backend-Script holt OKR-Daten aus Lattice, Workday oder einem anderen Tool und schreibt sie via Data-Table-API nach Staffbase. Funktioniert für 50+ OKRs.
- BI-Anbindung – die Progress-Werte kommen automatisch aus einem KPI-System (Power BI, Looker, …) – wenn der KPI fertig ist, wandert er als „Erreicht“ in den Tracker.
Alle drei Wege schreiben in dieselbe Data Table. Das Widget muss nichts davon wissen.
Wann du das Widget einsetzt
- Quartals-Kickoff – statt PowerPoint einmal die Slide auf die Intranet-Startseite stellen
- Reporting an Mitarbeitende – wöchentliche Updates ohne neuen Email-Newsletter
- Strategie-Rollout – Company-OKRs sichtbar, nicht versteckt im Strategy-Wiki
- Team-Pages – pro Team eine eigene Page mit den eigenen Zielen, eigene Data Table
Im Galerie-Eintrag testen
Setup-Schritte und alle 7 Settings findest du im OKR Tracker Galerie-Eintrag .
Verwandte Widgets
- Charts & Dashboards – für detaillierte KPI-Visualisierung
- Kudos Wall – um OKR-Erfolge sofort zu feiern
- Ideenbox – für Mitarbeiter-Vorschläge mit Status-Workflow