Aanmelden met Microsoft: Huisstijlrichtlijnen voor toepassingen
Wanneer u toepassingen ontwikkelt met het Microsoft Identity Platform, moet u uw klanten omleiden wanneer ze hun werk- of schoolaccount willen gebruiken (beheerd in Microsoft Entra-id) of hun persoonlijke account voor registratie en aanmelding bij uw toepassing.
In dit artikel gaat u het volgende doen:
- Meer informatie over de twee soorten gebruikersaccounts die worden beheerd door Microsoft en hoe u verwijst naar Microsoft Entra-accounts in uw toepassing
- Meer informatie over de vereisten voor het gebruik van het Microsoft-logo in uw app
- Download de officiële aanmelding of meld u aan met Microsoft-installatiekopieën voor gebruik in uw app
- Meer informatie over de huisstijl en navigatie-do's en niet
Persoonlijke accounts versus werk- of schoolaccounts van Microsoft
Microsoft beheert twee soorten gebruikersaccounts:
- Persoonlijke accounts (voorheen bekend als Windows Live ID). Deze accounts vertegenwoordigen de relatie tussen afzonderlijke gebruikers en Microsoft en worden gebruikt voor toegang tot consumentenapparaten en -services van Microsoft. Deze accounts zijn bedoeld voor persoonlijk gebruik.
- Werk- of schoolaccounts. Deze accounts worden beheerd door Microsoft namens organisaties die gebruikmaken van Microsoft Entra-id. Deze accounts worden gebruikt om u aan te melden bij Microsoft 365 en andere zakelijke services van Microsoft.
Werk- of schoolaccounts van Microsoft worden doorgaans toegewezen aan eindgebruikers (werknemers, studenten, federale werknemers) door hun organisaties (bedrijf, school, overheidsinstantie). Deze accounts worden rechtstreeks in de cloud (in Microsoft Entra-id) of gesynchroniseerd met Microsoft Entra-id vanuit een on-premises directory, zoals Windows Server Active Directory. Microsoft is de beheerder van de werk- of schoolaccounts, maar de accounts zijn eigendom van en worden beheerd door de organisatie.
Verwijzen naar Microsoft Entra-accounts in uw toepassing
Microsoft stelt eindgebruikers niet beschikbaar voor de Azure- of Active Directory-merknamen, en ook niet voor u.
- Zodra gebruikers zijn aangemeld, gebruikt u de naam en het logo van de organisatie zoveel mogelijk. Dit is beter dan het gebruik van algemene termen zoals 'uw organisatie'.
- Wanneer gebruikers niet zijn aangemeld, raadpleegt u hun accounts als 'Werk- of schoolaccounts' en gebruikt u het Microsoft-logo om aan te geven dat Microsoft deze accounts beheert. Gebruik geen termen als 'enterprise-account', 'zakelijk account' of 'bedrijfsaccount', waardoor gebruikers verwarring ontstaat.
Pictogram gebruikersaccount
In een eerdere versie van deze richtlijnen raden we aan een 'blauw badgepictogram' te gebruiken. Op basis van feedback van gebruikers en ontwikkelaars wordt het gebruik van het Microsoft-logo nu aangeraden. Met het Microsoft-logo kunnen gebruikers begrijpen dat ze het account dat ze gebruiken met Microsoft 365 of andere Zakelijke Services van Microsoft opnieuw kunnen gebruiken om zich aan te melden bij uw app.
Registreren en aanmelden met Microsoft Entra-id
Uw app bevat mogelijk afzonderlijke paden voor registratie en aanmelding en de volgende secties bieden visuele richtlijnen voor beide scenario's.
Als uw app ondersteuning biedt voor registratie door eindgebruikers (bijvoorbeeld gratis voor proefversie of freemium-model):u kunt een aanmeldingsknop weergeven waarmee gebruikers toegang kunnen krijgen tot uw app met hun werkaccount of hun persoonlijke account. Microsoft Entra-id toont een toestemmingsprompt wanneer ze uw app voor het eerst openen.
Als uw app machtigingen vereist waarvoor alleen beheerders toestemming kunnen geven, of als uw app organisatielicenties vereist: Scheid beheerdersaankoop van gebruikersaanmelding. Met de knop 'Deze app ophalen' worden beheerders omgeleid om zich aan te melden en hen vervolgens te vragen om toestemming te verlenen namens gebruikers in hun organisatie, wat het extra voordeel heeft van het onderdrukken van toestemmingsprompts van eindgebruikers aan uw app.
Visuele richtlijnen voor het verkrijgen van apps
De koppeling 'De app ophalen' moet de gebruiker omleiden naar de microsoft Entra ID-pagina voor het verlenen van toegang (autoriseren) om de beheerder van een organisatie toestemming te geven voor uw app om toegang te krijgen tot de gegevens van de organisatie, die wordt gehost door Microsoft. Details over het aanvragen van toegang worden besproken in het artikel Integratietoepassingen met Microsoft Entra ID .
Nadat beheerders toestemming hebben gegeven voor uw app, kunnen ze ervoor kiezen om deze toe te voegen aan de microsoft 365-ervaring voor het startprogramma voor apps van hun gebruikers (toegankelijk vanaf de wafel en van https://www.office.com/). Als u deze mogelijkheid wilt adverteren, kunt u termen zoals 'Deze app toevoegen aan uw organisatie' gebruiken en een knop weergeven zoals in het volgende voorbeeld:
U wordt echter aangeraden verklarende tekst te schrijven in plaats van te vertrouwen op knoppen. Bijvoorbeeld:
Als u Al Microsoft 365 of een andere zakelijke service van Microsoft gebruikt, kunt u your_app_name> toegang verlenen <tot de gegevens van uw organisatie. Hierdoor hebben uw gebruikers toegang tot <your_app_name> met hun bestaande werkaccounts.
Als u het officiële Microsoft-logo wilt downloaden voor gebruik in uw app, klikt u met de rechtermuisknop op het logo dat u wilt gebruiken en slaat u het vervolgens op uw computer op.
| Bezit | PNG-indeling | SVG-indeling |
|---|---|---|
| Microsoft-logo |  |
 |
Visuele richtlijnen voor aanmelden
Uw app moet een aanmeldingsknop weergeven waarmee gebruikers worden omgeleid naar het aanmeldingseindpunt dat overeenkomt met het protocol dat u gebruikt om te integreren met Microsoft Entra-id. In de volgende sectie vindt u meer informatie over hoe die knop eruit moet zien.
Pictogram en Aanmelden met Microsoft
Het is de koppeling van het Microsoft-logo en de termen 'Aanmelden met Microsoft' die microsoft-id uniek vertegenwoordigen onder andere id-providers die uw app mogelijk ondersteunt. Als u niet voldoende ruimte hebt voor 'Aanmelden met Microsoft', kunt u deze inkorken op 'Aanmelden'. U kunt een licht of donker kleurenschema gebruiken voor de knoppen.
In het volgende diagram ziet u de rode lijnen die door Microsoft worden aanbevolen bij het gebruik van de assets met uw app. De rode lijnen zijn van toepassing op 'Aanmelden met Microsoft' of de kortere versie 'Aanmelden'.
Als u de officiële afbeeldingen voor gebruik in uw app wilt downloaden, klikt u met de rechtermuisknop op de installatiekop die u wilt gebruiken en slaat u deze op uw computer op.
| Bezit | PNG-indeling | SVG-indeling |
|---|---|---|
| Aanmelden met Microsoft (donker thema) |  |
 |
| Aanmelden met Microsoft (licht thema) |  |
 |
| Aanmelden (donker thema) |  |
 |
| Aanmelden (licht thema) |  |
 |
Gelokaliseerde terminologie en UI-tekenreeksen
Microsoft-terminologie kan worden gebruikt om ervoor te zorgen dat terminologie in uw gelokaliseerde versies van toepassingen overeenkomt met de bijbehorende terminologie in Microsoft-producten. U kunt een query uitvoeren op de Microsoft-terminologie via de microsoft-pagina Terminologie zoeken.
Vertalingen van Microsoft UI-tekenreeksen kunnen worden gebruikt om ervoor te zorgen dat vertalingen in de gelokaliseerde versies van uw toepassingen overeenkomen met de bijbehorende UI-tekenreeksen in Microsoft-producten. U kunt query's uitvoeren op de Microsoft UI-tekenreeksen via de microsoft UI String Search-pagina.
Huisstijl do's en don'ts
Gebruik 'werk- of schoolaccount' in combinatie met de knop 'Aanmelden met Microsoft' om eindgebruikers te helpen te herkennen of ze het kunnen gebruiken. Gebruik geen andere termen, zoals 'enterprise-account', 'zakelijk account' of 'bedrijfsaccount'.
Gebruik geen 'Microsoft 365-id' of 'Azure-id'. Microsoft 365 is ook de naam van een consumentenaanbod van Microsoft, dat geen Microsoft Entra-id gebruikt voor verificatie.
Wijzig het Microsoft-logo niet .
Maak eindgebruikers niet beschikbaar voor de Merken van Azure of Active Directory. Het is echter oké om deze voorwaarden te gebruiken met ontwikkelaars, IT-professionals en beheerders.
Navigatie do's en don'ts
DO biedt een manier voor gebruikers om zich af te melden en over te schakelen naar een ander gebruikersaccount. Hoewel de meeste mensen één persoonlijk account hebben van Microsoft/Facebook/Google/X, zijn mensen vaak gekoppeld aan meer dan één organisatie. Ondersteuning voor meerdere aangemelde gebruikers is binnenkort beschikbaar.