01 · Produkt · Microsoft

Work IQ Dashboard

Work IQ Dashboard untersucht, wie Arbeitsplatzintelligenz zu einem nützlichen Teil des Arbeitstags werden kann, statt einen weiteren Informationsstrom zur Beobachtung zu erzeugen.

Das Dashboard vereint Kalender, Posteingangs-Triage und Copilot-Vorschläge in einem gemeinsamen Widget-Erlebnis. Eine Statusleiste hilft zu erkennen, was Aufmerksamkeit braucht. Ich leitete Navigation, Onboarding und visuelles Design, gestaltete Widgets und Copilot-Interaktionen und trug über Copilot-gestützte Workflows und Pull Requests direkt zur Implementierung bei.

Unternehmen: Microsoft
Rolle: Design Lead & Design-Engineering-Beiträge
Zeitraum: 2026 · Aug — Okt 2026
Disziplinen: Produktdesign, Design Engineering, Copilot-Interaktionen

Das Problem

Ein Dashboard kann Arbeitssignale zusammenführen und Menschen trotzdem allein entscheiden lassen, was wichtig ist. Die gestalterische Herausforderung war, diese Signale mit einem klaren Einstieg und nützlichen nächsten Schritten zu verbinden.

Meine Verantwortung

Navigation, Onboarding und visuelles Gesamtdesign
Widget-Gestaltung und Typografie
Copilot-Interaktionen
Direkte Beiträge zur Implementierung

Wie ich es gebaut habe

Agentischer Workflow: Copilot-gestützte Implementierung in meinem eigenen Design-Branch, mit mehreren eigenen Pull Requests. Einige Beiträge wurden über Ersatz-PRs übernommen, wobei meine Urheberschaft erhalten blieb.

Von Signalen zu nächsten Schritten

Die Statusleiste stellt „Was braucht mich jetzt?“ vor die einzelnen Widgets. Kalender, Posteingangs-Triage und Copilot-Vorschläge teilen sich anschließend ein Layout, in dem vorgeschlagene Aktionen direkt neben dem zugehörigen Kontext stehen.

Ein System für verschiedene Designs und Bildschirme

Widgets und Copilot Chat nutzen ein gemeinsames Token-Set. Die hellen und dunklen Ansichten sowie die Darstellungseinstellungen zeigen, wie sich dieses System durch die Oberfläche zieht. In der mobilen Ansicht ordnen sich Statusleiste und Karten zu einer Spalte um.

Nachweis durch die Implementierung

Das Ergebnis ist eine funktionierende Beispielanwendung. Meine Designbeiträge flossen über Copilot-gestützte Workflows und Pull Requests in den Code ein. Die Belege hier betreffen Oberfläche und Implementierung, nicht gemessene Nutzung oder Produktivität.

Work-IQ-Dashboard im hellen Modus: Statusleiste, Morgenübersicht, Kalender, Posteingangs-Triage und Copilot-Vorschläge. — Übersicht. Eine Statusleiste beantwortet „Was braucht mich jetzt?“, darunter Widgets für Kalender, Posteingangs-Triage und Tagesauswertung – mit Copilot-Vorschlägen direkt im Kontext.

Dieselbe Work-IQ-Dashboard-Übersicht im dunklen Modus. — Dasselbe Layout im dunklen Modus. Jedes Widget wird aus einem einzigen Token-Set gestaltet.

Darstellungseinstellungen des Work-IQ-Dashboards mit Farbmodus und Fluent-Farbpaletten. — Darstellungseinstellungen: Farbmodus und Paletten aus dem Fluent Theme Designer, angewendet auf Widgets und Copilot Chat.

Work-IQ-Dashboard auf dem Smartphone mit einer einspaltig angeordneten Statusleiste. — Mobil. Die Statusleiste ordnet sich in eine einspaltige Kartenfolge um.