Pantalla completa: Inicio de sesión y crear cuenta

Aquí tienes algunos comentarios. :smile:

Se ve bien. Sin embargo, creo que le falta algo de identidad visual. :thinking:. (EDIT: Tengo exactamente la misma sensación que Penar sobre la identidad)

Móvil

Se ve bien en modo vertical.

Captura de pantalla

Algunos problemas en modo horizontal:

  • El encabezado está cortado. No puedes desplazarte hacia arriba, pero sí hacia abajo.
Captura de pantalla

Ocurre también en modo vertical.
El teclado empuja el contenido hacia arriba en la página de inicio de sesión. No ocurre en la página de registro.

Sobre el modo horizontal. La mayoría de la gente no lo usará, pero puede ocurrir y no es una buena experiencia de usuario. Creo que puedes ajustar un poco el CSS para que los bloques floten alrededor del mensaje de bienvenida. No es ideal, pero está bien:

Ejemplo 1

Sin embargo, lo más atractivo visualmente para mí es dividir las credenciales y los botones sociales por la mitad:

Ejemplo 2

  • No está directamente relacionado. En el móvil, el primer campo de entrada tiene el foco y se abre el teclado directamente. (No sé si es el mismo comportamiento en todas partes)
    Creo que empeora la experiencia de usuario por dos razones:
  1. No ves la página completa al principio y no es acogedor.
  2. No ves todas las opciones de inicio de sesión. (especialmente para los usuarios que usan inicio de sesión social: tienes que cerrar el teclado cada vez)
Lo que veo después de hacer clic en iniciar sesión

Escritorio

En general se ve bien, con algunos problemas.

  • Se ve bien en pantallas de tamaño mediano:
Captura de pantalla

  • En pantallas grandes, no estoy seguro. Se ve bien; sin embargo, aunque tener todos los botones sociales en una sola línea parece conveniente, se ve inusual (contenido pequeño centrado, con debajo un contenido grande). No está mal y se ve bien; podría ser un hábito del estilo anterior, ya que tu atención se centra en un lugar centrado.
Captura de pantalla

Lo que hiciste antes era en realidad bastante elegante y, como sugirió Penar, un max-width sería suficiente para que se viera bien. No me importaría ver dos columnas en una pantalla grande, luego se ajusta automáticamente debajo de algún límite.

Inicio de sesión similar al anterior con ajuste de max-width

  • En el lado de la respuesta: por debajo de una altura mínima, aparece una barra de desplazamiento en el panel izquierdo. No puedo probar en un dispositivo real si también ocurre. Creo que sería más natural para el usuario desplazarse por la página en lugar de por el componente interno.
Captura de pantalla

Común

La barra de desplazamiento del foro es visible cuando se abre la ventana modal de inicio de sesión y puedes interactuar con ella. Puede confundir al usuario haciéndole pensar que hay algo cuando no lo hay. Puede ser desconcertante si la barra de desplazamiento de la ventana modal también aparece al mismo tiempo.

Ejemplo

4 Me gusta