Login e Criação de Conta em Tela Cheia

Aqui estão alguns comentários! :smile:

Parece bom. Acho que falta um pouco de identidade visual, no entanto. :thinking:. (EDIT: Tenho exatamente o mesmo sentimento que o Penar sobre a identidade)

Mobile

Parece bom no modo retrato.

Screenshot

Alguns problemas no modo paisagem:

  • O cabeçalho está cortado. Você não pode rolar para cima, mas pode rolar para baixo.
Screenshot

Isso também acontece no modo retrato.
O teclado empurra o conteúdo para cima na página de login. Isso não acontece na página de registro.

Sobre o modo paisagem. A maioria das pessoas não o usará, mas pode acontecer, e não é uma boa experiência do usuário. Acho que você pode ajustar um pouco o CSS para fazer os blocos flutuarem em torno da mensagem de boas-vindas. Não é o ideal, mas está bom:

Exemplo 1

No entanto, o mais visualmente atraente para mim é dividir as credenciais e os botões sociais ao meio:

Exemplo 2

  • Não diretamente relacionado. No celular, o primeiro campo de entrada está focado e abre o teclado diretamente. (Não sei se o comportamento é o mesmo em todos os lugares)
    Acho que isso piora a experiência do usuário por dois motivos:
  1. você não vê a página inteira de primeira, e não é acolhedor.
  2. você não vê todas as opções de login. (especialmente para usuários que usam login social - você tem que fechar o teclado toda vez)
O que vejo depois de clicar em login

Desktop

Na maioria das vezes parece bom, com alguns problemas.

  • Parece bom em telas de tamanho médio:
Screenshot

  • Em telas grandes, não tenho certeza. Parece bom; no entanto, embora ter todos os botões sociais em uma linha pareça conveniente, parece incomum (conteúdo pequeno centralizado, com abaixo um conteúdo grande). Não está errado, e parece bom - pode ser um hábito do estilo anterior, pois sua atenção se concentra em um local centralizado.
Screenshot

O que você fez antes era realmente elegante e, como sugeriu Penar, uma largura máxima seria suficiente para que ficasse bom. Não me importaria de ver duas colunas em uma tela grande, então ele se ajustaria automaticamente abaixo de algum limite.

Login semelhante ao anterior com ajuste de largura máxima

  • No lado responsivo - abaixo de uma altura mínima, você obtém uma barra de rolagem no painel esquerdo. Não consigo testar em um dispositivo real se isso também acontece. Acho que seria mais natural para o usuário rolar a página em vez do componente interno.
Screenshot

Comum

  • A barra de rolagem do fórum fica aparente quando o modal de login é aberto, e você pode interagir com ela. Isso pode confundir o usuário, fazendo-o pensar que há algo quando não há. Pode ser confuso se a barra de rolagem do modal também aparecer ao mesmo tempo.
Exemplo

4 curtidas