Entrar com a conta da Microsoft: diretrizes de identidade visual para aplicativos
Ao desenvolver aplicativos com a plataforma de identidade da Microsoft, você precisa direcionar seus clientes quando quiserem usar a conta corporativa ou de estudante (gerenciada no Microsoft Entra ID) ou a conta pessoal para inscrição e entrada em seu aplicativo.
Neste artigo, você irá:
- Saber sobre os dois tipos de contas de usuário gerenciadas pela Microsoft e como fazer referência às contas do Microsoft Entra em seu aplicativo
- Conheça os requisitos para usar o logotipo da Microsoft em seu aplicativo
- Baixar as imagens oficiais de Entrar ou Entrar com a conta da Microsoft a serem usadas em seu aplicativo
- Saber sobre as regras de identidade visual e navegação
Contas pessoais versus contas comerciais ou de estudante da Microsoft
A Microsoft gerencia dois tipos de contas de usuário:
- Contas pessoais (anteriormente conhecidas como Windows Live ID). Essas contas representam a relação entre usuários individuais e a Microsoft e são usadas para acessar serviços e dispositivos do cliente da Microsoft. Essas contas são destinadas a uso pessoal.
- Contas comerciais ou de estudante. Essas contas são gerenciadas pela Microsoft em nome de organizações que usam o Microsoft Entra ID. Essas contas são usadas para entrar no Microsoft 365 e em outros serviços comerciais da Microsoft.
As contas comerciais ou de estudante da Microsoft normalmente são atribuídas aos usuários finais (funcionários, estudantes e funcionários federais) por suas organizações (empresa, escola, órgão do governo). Essas contas são administradas diretamente na nuvem (no Microsoft Entra ID) ou sincronizadas para o Microsoft Entra ID a partir de um diretório local, como o Windows Server Active Directory. A Microsoft tem a custódia das contas comerciais ou de estudante, mas as contas são de propriedade e controladas pela organização.
Referindo-se a contas Microsoft Entra em seu aplicativo
A Microsoft não expõe os usuários finais ao Azure ou os nomes de marca do Active Directory, e você também não deve fazê-lo.
- Depois que os usuários estiverem conectados, use o nome e o logotipo da organização o máximo possível. Isso é melhor do que usar termos genéricos como “sua organização.”
- Quando os usuários não estiverem conectados, refira-se às contas deles como "Contas corporativas ou de estudante" e use o logotipo da Microsoft para informar que a Microsoft gerencia essas contas. Não use termos como “conta comercial”, “conta empresarial” ou “conta corporativa”, que confundem o usuário.
Imagem da conta de usuário
Em uma versão anterior dessas diretrizes, recomendamos usar uma imagem de "crachá azul". Com base nos comentários de usuários e de desenvolvedores, agora recomendamos o uso do logotipo da Microsoft em vez disso. O logotipo da Microsoft ajuda os usuários a entender que eles podem reutilizar a conta que usam com o Microsoft 365 ou com outros serviços comerciais da Microsoft para entrar no seu aplicativo.
Inscrever-se e entrar com Microsoft Entra ID
Seu aplicativo pode apresentar caminhos separados para inscrição e login, e as seções a seguir fornecem orientação visual para os dois cenários.
Se seu aplicativo suportar a inscrição do usuário final (por exemplo, avaliação gratuita ou modelo freemium): Você pode mostrar um botão entrar que permite aos usuários acessar seu aplicativo com sua conta corporativa ou sua conta pessoal. O Microsoft Entra ID mostra um prompt de consentimento da primeira vez que acessar seu aplicativo.
Se seu aplicativo exigir permissões que somente os administradores podem conferir ou se o aplicativo exigir licenciamento organizacional: separe a aquisição do administrador de logon do usuário. O botão "obter esse aplicativo" redirecionará os administradores para entrar e pedir que eles concedam autorização em nome dos usuários em sua organização, o que tem o benefício adicional da supressão de solicitações de consentimento do usuário final para seu aplicativo.
Orientação visual para aquisição de aplicativo
O link "obtenha o aplicativo" deve redirecionar o usuário para a página de concessão de acesso (autorização) do Microsoft Entra ID, para permitir que o administrador da organização autorize seu aplicativo para ter acesso aos dados de sua organização que são hospedados pela Microsoft. Os detalhes sobre como solicitar acesso são debatidos no artigo Integração de aplicativos com o Microsoft Entra ID.
Depois que os administradores derem consentimento ao seu aplicativo, eles podem optar por adicioná-lo à experiência do inicializador de aplicativos do Microsoft 365 dos usuários deles (acessível do menu waffle e de https://www.office.com/). Se você deseja anunciar essa funcionalidade, você pode usar termos como "Adicione esse aplicativo para sua organização" e mostrar um botão como o exemplo a seguir:
No entanto, recomendamos que você escreva um texto explicativo em vez de depender de botões. Por exemplo:
Se você já usa o Microsoft 365 ou outro serviço corporativo da Microsoft, é possível conceder o acesso <your_app_name> aos dados de sua organização. Isso permitirá que os usuários acessem <your_app_name> com suas contas de trabalho existentes.
Para baixar o logotipo oficial da Microsoft para uso em seu aplicativo, clique com o botão direito do mouse naquela que você deseja usar e salve-o em seu computador.
| Ativo | Formato PNG | Formato SVG |
|---|---|---|
| Logotipo da Microsoft |  |
 |
Orientação visual para logon
Seu aplicativo deve exibir um botão de logon que redireciona os usuários ao ponto de extremidade de logon, que corresponde ao protocolo que você usa para integrar com o Microsoft Entra ID. A seção a seguir fornece detalhes sobre como deve ser esse botão.
Ícone e “Entrar com a Conta da Microsoft”
É a associação do logotipo da Microsoft e dos termos para “Entrar com a Conta da Microsoft” que representa exclusivamente o Microsoft Entra ID entre outros provedores de identidade aos quais seu aplicativo pode oferecer suporte. Se você não tiver espaço suficiente para “Entrar com a Conta da Microsoft”, é possível reduzir para “Entrar.” Você pode usar um esquema de cores escuras ou claras para os botões.
O diagrama a seguir mostra as linhas vermelhas recomendadas da Microsoft ao usar os ativos com seu aplicativo. As linhas vermelhas se aplicam a “Entrar com a conta da Microsoft” ou à versão mais curta “Entrar”.
Para baixar as imagens oficiais para uso em seu aplicativo, clique com o botão direito do mouse naquela que você deseja usar e salve-o em seu computador.
| Ativo | Formato PNG | Formato SVG |
|---|---|---|
| Entrar com a Microsoft (tema escuro) |  |
 |
| Entrar com a Microsoft (tema claro) |  |
 |
| Entrar (tema escuro) |  |
 |
| Entrar (tema claro) |  |
 |
Terminologia e cadeias de caracteres de interface do usuário localizadas
A Terminologia da Microsoft pode ser usada para garantir que a terminologia das versões localizadas dos seus aplicativos correspondam à terminologia correspondente nos produtos da Microsoft. Você pode consultar a Terminologia da Microsoft por meio da página de Pesquisa de Terminologia da Microsoft.
As traduções de cadeia de caracteres da interface do usuário da Microsoft podem ser usadas para garantir que as traduções nas versões localizadas dos seus aplicativos correspondam às cadeias de caracteres da interface do usuário correspondentes em produtos da Microsoft. Você pode consultar as cadeias de caracteres da interface do usuário da Microsoft por meio da página de Pesquisa da Cadeia de Caracteres da Interface do Usuário da Microsoft.
Regras de identidade visual
USE “conta corporativa ou de estudante” em combinação com o botão "Entre com a Conta da Microsoft" para fornecer uma explicação adicional que ajude os usuários finais a reconhecer se podem usá-lo. NÃO USE outros termos, como "conta comercial", "conta empresarial" ou "conta corporativa".
NÃO use “ID do Microsoft 365” ou “ID do Azure”. Microsoft 365 também é o nome de uma oferta ao consumidor da Microsoft, que não usa o Microsoft Entra ID para autenticação.
NÃO altere o logotipo da Microsoft.
NÃO exponha os usuários finais às marcas do Azure ou Active Directory. No entanto, é possível usar esses termos com desenvolvedores, profissionais de TI e administradores.
Regras de navegação
FORNEÇA uma maneira para que os usuários saiam e alternem para outra conta de usuário. Embora a maioria das pessoas tenha uma única conta pessoal da Microsoft/Facebook/Google/Twitter, as pessoas geralmente são associadas a mais de uma organização. O suporte a vários usuários conectados estará disponível em breve.