Entrar com a Microsoft: Diretrizes de identidade visual para aplicativos
Ao desenvolver aplicativos com a plataforma de identidade da Microsoft, você precisa direcionar seus clientes quando eles quiserem usar sua conta corporativa ou de estudante (gerenciada na ID do Microsoft Entra) ou sua conta pessoal para inscrição e entrada em seu aplicativo.
Neste artigo, vai:
- Saiba mais 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
- Transfira as imagens Iniciar sessão ou Iniciar sessão com a Microsoft oficiais para utilizar na sua aplicação
- Saiba mais sobre os prós e contras da imagem corporativa e da navegação
Contas pessoais versus contas escolares ou profissionais da Microsoft
A Microsoft gere dois tipos de contas de utilizador:
- Contas pessoais (anteriormente conhecidas como Windows Live ID). Estas contas representam a relação entre utilizadores individuais e a Microsoft e servem para aceder a dispositivos de consumo e a serviços da Microsoft. Estas contas foram concebidas para utilização pessoal.
- Contas escolares ou profissionais. Essas contas são gerenciadas pela Microsoft em nome de organizações que usam o Microsoft Entra ID. Estas contas são utilizadas para iniciar sessão no Microsoft 365 e noutros serviços empresariais da Microsoft.
As contas escolares ou profissionais da Microsoft são, normalmente, atribuídas a utilizadores finais (colaboradores, estudantes, colaboradores do governo) pelas suas organizações (empresa, escola, agência governamental). Essas contas são dominadas diretamente na nuvem (no Microsoft Entra ID) ou sincronizadas com o Microsoft Entra ID a partir de um diretório local, como o Ative Directory do Windows Server. A Microsoft é o conservador das contas escolares ou profissionais, mas as contas são detidas e controladas pela organização.
Referindo-se às contas do Microsoft Entra em seu aplicativo
A Microsoft não expõe os utilizadores finais às marcas Azure ou Active Directory e o utilizador também não deve fazê-lo.
- Assim que os utilizadores iniciarem sessão, utilize o nome e o logótipo da organização tanto quanto possível. É melhor do que utilizar termos genéricos como "a sua organização".
- Quando os utilizadores não têm sessão iniciada, faça referência às respetivas contas como "Contas escolares ou profissionais" e utilize o logótipo da Microsoft para transmitir que a Microsoft gere estas contas. Não utilize termos como "conta empresarial", "conta de negócio" ou "conta de empresa", porque confundem o utilizador.
Pictograma de conta de utilizador
Numa versão anterior destas diretrizes, recomendámos utilizar um pictograma de um "distintivo azul". Com base nos comentários dos utilizadores e programadores, recomendamos agora a utilização do logótipo da Microsoft. O logótipo da Microsoft ajuda os utilizadores a compreender que podem reutilizar a conta que utilizam com o Microsoft 365 ou outros serviços empresariais da Microsoft para iniciar sessão na sua aplicação.
Inscrever-se e entrar com o Microsoft Entra ID
A sua aplicação pode apresentar caminhos diferentes para inscrição e início de sessão e as secções seguintes fornecem orientação visual para ambos os cenários.
Se a aplicação suportar a inscrição de utilizadores finais (por exemplo, modelo Freemium ou de avaliação gratuita): pode mostrar um botão de início de sessão que permite aos utilizadores acederem à aplicação com a sua conta profissional ou a sua conta pessoal. O Microsoft Entra ID mostra um prompt de consentimento na primeira vez que eles acessam seu aplicativo.
Se a aplicação exigir permissões a que apenas os administradores podem dar consentimento ou se a aplicação exigir licenciamento organizacional: separe a aquisição de administrador do início de sessão do utilizador. O botão "obter esta aplicação" redireciona os administradores para o início de sessão e, em seguida, pede-lhes para darem consentimento em nome dos utilizadores na respetiva organização, o que tem o benefício adicional de suprimir os pedidos de consentimento do utilizador final para a sua aplicação.
Documentação de orientação visual para aquisição de aplicações
Seu link "obter o aplicativo" deve redirecionar o usuário para a página de concessão de acesso (autorizar) do Microsoft Entra ID, para permitir que o administrador de uma organização autorize seu aplicativo a ter acesso aos dados da organização, que são hospedados pela Microsoft. Os detalhes sobre como solicitar acesso são discutidos no artigo Integrando aplicativos com o Microsoft Entra ID .
Depois que os administradores consentirem seu aplicativo, eles poderão optar por adicioná-lo à experiência do inicializador de aplicativos do Microsoft 365 de seus usuários (acessível a partir do waffle e do https://www.office.com/). Se quiser anunciar esta capacidade, pode utilizar termos como "Adicionar esta aplicação à sua organização" e mostrar um botão como no exemplo seguinte:
No entanto, recomendamos que escreva um texto explicativo em vez de utilizar botões. Por exemplo:
Se já utiliza o Microsoft 365 ou outro serviço empresarial da Microsoft, pode conceder-your_app_name <> acesso aos dados da sua organização. Isso permitirá que seus usuários acessem <your_app_name> com suas contas de trabalho existentes.
Para transferir o logótipo oficial da Microsoft para utilizar na sua aplicação, clique com o botão direito do rato naquele que pretende utilizar e, em seguida, guarde-o no seu computador.
| Elemento | Formato PNG | Formato SVG |
|---|---|---|
| Logótipo da Microsoft |  |
 |
Orientação visual para início de sessão
Seu aplicativo deve exibir um botão de entrada que redireciona os usuários para o ponto de extremidade de entrada que corresponde ao protocolo que você usa para integrar com o Microsoft Entra ID. A secção seguinte fornece detalhes sobre o aspeto que esse botão deve ter.
Pictograma e “Iniciar sessão com a Microsoft”
É a associação do logotipo da Microsoft e os termos "Entrar com a Microsoft" que representam exclusivamente o Microsoft Entra ID entre outros provedores de identidade que seu aplicativo pode suportar. Se não tiver espaço suficiente para "Iniciar sessão com a Microsoft", pode encurtar para "Iniciar sessão". Pode utilizar um esquema de cores claras ou escuras para os botões.
O diagrama seguinte mostra as marcas de revisão recomendadas pela Microsoft ao utilizar os recursos com a sua aplicação. As marcas de revisão aplicam-se a "Iniciar sessão com a Microsoft" ou à versão "Iniciar sessão" mais curta.
Para transferir as imagens oficiais da Microsoft para utilizar na sua aplicação, clique com o botão direito do rato naquela que pretende utilizar e, em seguida, guarde-a no seu computador.
| Elemento | Formato PNG | Formato SVG |
|---|---|---|
| Iniciar sessão com a Microsoft (tema escuro) |  |
 |
| Iniciar sessão com a Microsoft (tema claro) |  |
 |
| Iniciar sessão (tema escuro) |  |
 |
| Iniciar sessão (tema claro) |  |
 |
Terminologia localizada e cadeias de caracteres da interface do usuário
A Terminologia da Microsoft pode ser usada para garantir que a terminologia em suas versões localizadas de aplicativos corresponda à terminologia correspondente nos produtos Microsoft. Pode consultar a Terminologia da Microsoft através da página 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 de seus aplicativos correspondam às cadeias de caracteres de interface do usuário correspondentes nos produtos da Microsoft. Você pode consultar as cadeias de caracteres da interface do usuário da Microsoft por meio da página Pesquisa de cadeia de caracteres da interface do usuário da Microsoft.
O que fazer e não fazer com a imagem corporativa
UTILIZE "conta escolar ou profissional" em combinação com o botão "Iniciar sessão com a Microsoft" para fornecer uma explicação adicional para ajudar os utilizadores finais a reconhecerem se podem utilizá-lo. NÃO utilize outros termos como "conta empresarial", "conta de negócio" ou "conta de empresa".
NÃO use "ID do Microsoft 365" ou "ID do Azure". Microsoft 365 também é o nome de uma oferta de consumidor da Microsoft, que não usa o Microsoft Entra ID para autenticação.
NÃO altere o logótipo da Microsoft.
NÃO exponha os utilizadores finais às marcas Azure ou Active Directory. No entanto, pode utilizar estes termos com programadores, profissionais de TI e administradores.
O que fazer e não fazer com a navegação
PROPORCIONE uma forma para os utilizadores terminarem sessão e mudarem para outra conta de utilizador. Embora a maioria das pessoas tenha uma única conta pessoal da Microsoft/Facebook/Google/Twitter, as pessoas costumam estar associadas a mais do que uma organização. O suporte de vários utilizadores com sessão iniciada estará disponível em breve.