En diagonal kollasj av Microsoft 365-profilkort i lys og mørk modus, med kollegainformasjon og organisasjonsvisninger.

04 · Designsystem · Microsoft

Profilkortet i Microsoft 365

Profilkortet i Microsoft 365 bringer faglig kontekst, kontaktopplysninger og samarbeidsinformasjon inn der folk allerede jobber, blant annet i Teams og Outlook.

Som en felles opplevelse må det balansere en gjenkjennelig kjerne med begrensningene i hver vertsapplikasjon. Gjennom flere iterasjoner ledet jeg arbeidet med rikere kontekst om kolleger, anbefalinger om nye kontakter og konsistens på tvers av flater. Jeg holdt meg tett på interaksjonsdetaljene og det visuelle håndverket som gjør kortet sammenhengende uansett hvor det vises.

Selskap: Microsoft 365
Rolle: Design Lead / Design DRI, senere designledelse for People Experiences
Når: 2022 — 2026 · ~4 år, over flere iterasjoner
Fagområder: Produktdesign, Konsistens på tvers av flater, Håndverk

Problemet

Det samme kortet vises i Teams, Outlook og andre flater. Hver flate har sine egne begrensninger – men kortet må føles som én og samme ting overalt.

Hva jeg hadde ansvar for

Rikere faglig kontekst om kolleger
Kontakt- og samarbeidsinformasjon
Anbefalinger om nye kontakter
Konsistens på tvers av Microsoft 365

Designhåndverk over flere iterasjoner

Forstå en person i kontekst

Profilkortet er en felles visning av en person i Microsoft 365. Det samler rolle, kontaktopplysninger, ferdigheter, rapporteringslinjer og samarbeidskontekst der du allerede møter personen, blant annet i Teams og Outlook.

Hvert lag svarer på et nytt spørsmål: Hvem er personen, hvor hører de til, hva kan de, og hvordan er vi knyttet sammen? Detaljene hjelper deg å forberede en samtale, finne relevant kompetanse og velge hvordan du vil ta kontakt, uten å samle kontekst fra flere steder.

Én komponent, mange verter

Over omtrent fire år og flere iterasjoner ledet jeg designet av kortet som en felles opplevelse – med en løpende avveining mellom hva som må være likt overalt, og hva hver vertsflate må få tilpasse.

Profilkort i lys og mørk modus side ved side, med kollegainformasjon, ferdigheter, organisasjon, meldinger og filer. — Hvem er denne personen? Rolle, kontaktopplysninger, ferdigheter og felles aktivitet hjelper deg å forstå en kollega utover navnet og velge hvordan du vil ta kontakt. Vist i lys og mørk modus.

Organisasjonsfaner i lys og mørk modus med en kollegas ledere, direkte rapporter og samarbeidspartnere. — Hvor hører personen til? Rapporteringslinjer, direkte rapporter og samarbeidspartnere gir teamkontekst og hjelper deg å forstå ansvar og forbindelser. Vist i lys og mørk modus.