Logga in med Microsoft: Riktlinjer för varumärkesanpassning för program
När du utvecklar program med Microsofts identitetsplattform måste du dirigera dina kunder när de vill använda sitt arbets- eller skolkonto (hanteras i Microsoft Entra-ID) eller deras personliga konto för registrering och inloggning i ditt program.
I den här artikeln kommer du att:
- Lär dig mer om de två typerna av användarkonton som hanteras av Microsoft och hur du refererar till Microsoft Entra-konton i ditt program
- Lär dig kraven för att använda Microsoft-logotypen i din app
- Ladda ned de officiella bilderna för Logga in eller Logga in med Microsoft för användning i din app
- Läs mer om vad du behöver göra och tänka på när det gäller varumärkesanpassning och navigering
Personliga konton jämfört med arbets- eller skolkonton från Microsoft
Microsoft hanterar två typer av användarkonton:
- Personliga konton (kallades tidigare Windows Live ID). De här kontona sätts upp mellan enskilda användare och Microsoft. De ger åtkomst till konsumentenheter och konsumenttjänster från Microsoft. De här kontona är avsedda för personligt bruk.
- Arbets- eller skolkonton. Dessa konton hanteras av Microsoft för organisationer som använder Microsoft Entra-ID. Dessa konton används för att logga in på Microsoft 365 och andra affärstjänster från Microsoft.
Microsofts arbets- eller skolkonton tilldelas vanligtvis till slutanvändare (anställda, studenter, myndighetsanställda) av organisationerna (företag, skola/universitet, myndighet). Dessa konton hanteras direkt i molnet (i Microsoft Entra-ID) eller synkroniseras med Microsoft Entra-ID från en lokal katalog, till exempel Windows Server Active Directory. Microsoft övervakar arbets- och skolkonton, men de ägs och kontrolleras av organisationen.
Referera till Microsoft Entra-konton i ditt program
Microsoft visar inte varumärkena Azure och Active Directory för slutanvändare och det bör inte du heller göra.
- När användaren har loggat in använder du organisationens namn och logotyp så mycket som möjligt. Det är bättre än att använda allmänna termer, exempelvis ”organisationen”.
- När användare inte är inloggade kan du benämna deras konton som arbets- eller skolkonton och använda Microsoft-logotypen för att förmedla att Microsoft hanterar de här kontona. Använd inte termer som företagskonto och affärskonto. Det förvirrar användaren.
Piktogram för användarkonto
I en tidigare version av de här riktlinjerna rekommenderar vi ett blått piktogram. Vi har fått återkoppling från användare och utvecklare och rekommenderar nu att du använder Microsofts logotyp istället. Microsoft-logotypen hjälper användarna att förstå att de kan återanvända det konto de använder med Microsoft 365 eller andra Microsoft-företagstjänster för att logga in på din app.
Registrera dig och logga in med Microsoft Entra-ID
Det kan finnas flera olika sätt att registrera sig och logga in i ditt program. Följande avsnitt visar hur båda scenarierna går till.
Om slutanvändare kan registrera sig för ditt program (till exempel för en kostnadsfri utvärderingsversion): Du kan visa en logga in-knapp där användare kan komma åt din app med sitt arbetskonto eller personliga konto. Microsoft Entra-ID visar en fråga om medgivande första gången de får åtkomst till din app.
Om appen kräver behörigheter som endast administratörer kan godkänna, eller om programmet kräver organisationslicensiering: Separera administratörshämtning från användarinloggning. Knappen för att hämta den här appen omdirigerar administratörer för att logga in och ber dem sedan att ge samtycke åt användare i organisationen. Det här har den ytterligare fördelen att prompter om slutanvändargodkännande undertrycks.
Skaffa app – visuell vägledning
Länken "hämta appen" måste omdirigera användaren till sidan Bevilja åtkomst till Microsoft Entra-ID (auktorisera) för att en organisations administratör ska kunna ge din app åtkomst till organisationens data, som hanteras av Microsoft. Information om hur du begär åtkomst beskrivs i artikeln Integrera program med Microsoft Entra ID .
När administratörerna har samtyckt till din app kan de välja att lägga till den i användarnas Microsoft 365-appstart (tillgänglig från våffeln och från https://www.office.com/). Om du vill annonsera den här funktionen kan du till exempel skriva ”Lägg till den här appen i organisationen” och visa en knapp enligt följande exempel:
Vi rekommenderar dock att du skriver förklarande text istället för att förlita dig på knappar. Till exempel:
Om du redan använder Microsoft 365 eller annan företagstjänst från Microsoft kan du ge <your_app_name> åtkomst till organisationens data. På så sätt kan användarna komma åt <your_app_name> med sina befintliga arbetskonton.
Du kan ladda ned den officiella Microsoft-logotypen och använda den i din app. Högerklicka på den du vill använda och spara den på datorn.
| Tillgång | PNG-format | SVG-format |
|---|---|---|
| Microsoft-logotyp |  |
 |
Visuell vägledning för inloggning
Appen bör visa en inloggningsknapp som omdirigerar användare till den inloggningsslutpunkt som motsvarar det protokoll som du använder för att integrera med Microsoft Entra-ID. I det här avsnittet finns information om hur knappen ska se ut.
Piktogram och Logga in med Microsoft
Det är associationen mellan Microsoft-logotypen och villkoren "Logga in med Microsoft" som unikt representerar Microsoft Entra-ID bland andra identitetsprovidrar som din app kan stödja. Om det inte finns tillräckligt med utrymme för Logga in med Microsoft går det bra att förkorta det till Logga in. Du kan välja ett ljust eller ett mörkt färgschema för knapparna.
I det här diagrammet visar vi Microsofts riktlinjer när du använder tillgångarna med din app. Riktlinjerna gäller för Logga in med Microsoft och det kortare Logga in.
Du kan ladda ned de officiella bilderna och använda dem i din app. Högerklicka på den du vill använda och spara den på datorn.
| Tillgång | PNG-format | SVG-format |
|---|---|---|
| Logga in med Microsoft (mörkt tema) |  |
 |
| Logga in med Microsoft (ljust tema) |  |
 |
| Logga in (mörkt tema) |  |
 |
| Logga in (ljust tema) |  |
 |
Lokaliserade terminologi- och användargränssnittssträngar
Microsoft Terminologi kan användas för att säkerställa att terminologin i dina lokaliserade versioner av program matchar motsvarande terminologi i Microsoft-produkter. Du kan fråga Microsoft-terminologin via sidan Microsoft Terminologisökning.
Microsofts UI-strängöversättningar kan användas för att säkerställa att översättningar i de lokaliserade versionerna av dina program matchar motsvarande användargränssnittssträngar i Microsoft-produkter. Du kan köra frågor mot Microsofts användargränssnittssträngar via sidan Strängsökning i Microsofts användargränssnitt.
Rekommendationer för varumärke
JA. Skriv ”arbets- eller skolkonto” i kombination med knappen Logga in med Microsoft. Det här är en fras användarna känner igen och vet hur de ska använda. NEJ. Skriv inte andra termer, exempelvis företagskonto, jobbkonto eller affärskonto.
Använd inte "Microsoft 365-ID" eller "Azure-ID". Microsoft 365 är också namnet på ett konsumenterbjudande från Microsoft, som inte använder Microsoft Entra-ID för autentisering.
NEJ. Ändra inte på Microsoft-logotypen.
NEJ. Visa inte varumärkena Azure och Active Directory för slutanvändarna. Det går bra att använda de här termerna när du riktar dig till utvecklare, IT-proffs och administratörer.
Rekommendationer vid navigering
JA. Gör det möjligt för användare att logga ut och växla till ett annat användarkonto. De flesta har bara ett privat konto hos Microsoft/Facebook/Google/Twitter, men många har flera konton som de använder i sitt arbete. Funktioner för flera inloggade användare kommer snart.