Comentarios sobre el diseño de casas inteligentes

Escribí esto con prisa, así que culpe si algo de esto es ininteligible o carece de una explicación adecuada. Puedo revisar esto si algunas cosas necesitan más explicación.

Me doy cuenta de que algunas cosas aún pueden estar sin terminar en este diseño, pero lo voy a decir como lo veo.

Comenzando desde arriba:

1. En general , parece que hay algunos problemas de escala.

   • Vi el diseño con un ancho de 1400 px con la idea de que estaría cerca del ancho máximo real del área de contenido. Solo para poder mantener mis pensamientos en tierra. No quería creer que usaría un diseño líquido, lo que pensé que podría ser una posibilidad dadas algunas decisiones de diseño y los tamaños de texto.
   • Algunos elementos son enormes y otros son súper pequeños.
   • Prácticamente todo el cuerpo del texto (no un encabezado) parece demasiado pequeño, simple porque se está volviendo difícil de leer.
   • En general, tiendo a comenzar a diseñar un sitio directamente al ancho máximo, que elijo de manera un tanto arbitraria. A veces, el contenido define el ancho máximo.

2. El menú principal en su conjunto (logotipo incluido) podría ser más visible. Siento que un poco desaparece. Creo que la gente lo encontraría porque un menú en la parte superior es tan común que la gente espera que esté allí.

   • Podría ser una combinación de cosas: el color azul, el peso de la fuente, el tamaño de la fuente.
   • La solución fácil podría ser agregar un color de fondo detrás del menú. Tal vez un blanco translúcido.
   • De cualquier manera, creo que el texto podría ser más grande.

3. El texto del botón de la imagen principal podría ser más grande. Siento que sufre de lo mismo que el menú. Apenas puedes leer el texto, es muy pequeño.

4. cuadros de columna debajo de la imagen del héroe

   • Estos parecen estar sin terminar o como marcadores de posición.
     • Tal vez se verían mejor si hubiera una imagen en cada cuadro o un icono o algo así.
     • Estoy un poco indeciso acerca de tener algún color de fondo allí. Tal vez un borde con un fondo blanco se vería mejor o ningún borde.
   • Supongo Jetzt Startenque es algo así como "Empezar ahora" en inglés.
     • Si se supone que es un enlace, tendría más sentido si se pareciera más a un botón. Ahora mismo la colocación de ese texto no parece muy justificada. ¿Por qué está ahí? Una mirada rápida puede dar la impresión de que algo está roto porque ese fragmento de texto aleatorio, que se ve exactamente como el párrafo en ese cuadro, de repente se alinea a la derecha.
   • Si tuviera una imagen, la imagen podría cubrir todo el cuadro y el texto podría estar en la parte superior. Eso también vale la pena explorar.
   • Algunos ejemplos con un icono.

5. Bloque Konfigurator - El que tiene el formulario y la imagen a la derecha

   • Se ve un poco desplazado, ¿no crees?
   • Hay como ~ 280 px de espacio vacío en el lado izquierdo del formulario junto a la imagen que toca el lado derecho. Me parece bastante desequilibrado.
   • Estaba desplazándome hacia abajo en el diseño mientras escribía estos comentarios antes y solo más tarde me di cuenta de que buscaba un diseño en el que cada segundo cuadro está alineado en un lado diferente.
   • No es una mala idea y puede funcionar, pero siento que puede ser un desafío para el código, en primer lugar... e incluso si no es un desafío para ti, no creo que funcione aquí. Especialmente los bloques con fondos blancos rompen el aspecto y este bloque con la forma se ve mega raro.
   • La ruta fácil sería extender el color de fondo completamente hacia los lados y alinear todo hacia el centro.

6. Bloque Bereiche - Siento que la forma en que el color de fondo no llega al lado derecho hace que se vea un poco roto. En lugar de parecer que está abrazando el lado izquierdo, me parece roto. Una vez más diría que no parece haber nada que justifique esto. No es un desastre total. Se podría hacer algo para justificar eso, sin estirarlo a todo el ancho de la ventana gráfica.

   • Creo que el texto debajo de los íconos debería estar centrado. Ese cambio podría requerir que el texto del cuerpo y el encabezado sobre los íconos también estén centrados.
   • El ícono se mezcla con el fondo. Podría verse mejor si cada ícono estuviera rodeado por un círculo con un fondo blanco como un círculo con un fondo blanco. Algo como esto. Me doy cuenta de que sus íconos pueden requerir que los círculos blancos sean bastante grandes si no desea hacerlos más pequeños. Un color diferente para los íconos también podría ser suficiente.
   • Aquí hay una idea para su apariencia (una especie de diseño de cuadrícula).

7. Realmente no tengo nada que decir sobre el bloque Smart Videos

8. Bloque Das Bietet Ihnen... - Esto podría usar algún gráfico. Parece una tabla de contenido o algo así. El punto es que parece aburrido. Quizás cada viñeta podría ser un pequeño icono. Tal vez podría haber un icono para cada grupo (título+lista), algo así .
   • Tampoco estoy tan seguro acerca de las combinaciones de colores. Si el fondo fuera blanco ya se vería más fresco, pero quizás no sea buena idea.
9. Pie de página : ¿Qué es ese espacio vacío en el medio? Creo que el contenido debe llenar todo el ancho máximo del sitio. O al menos debería ser más equilibrado.