Cada semana echamos un vistazo a un nuevo sitio web y analizamos el diseño. Señalaremos tanto las áreas que están bien hechas como las que podrían necesitar algo de trabajo. Finalmente, terminaremos pidiéndole que proporcione sus propios comentarios.
El sitio de hoy es Anthem Design Group. Anthem es una pequeña agencia de diseño creativo e interactivo galardonada ubicada en Atlanta, Georgia, EE. UU.
Si desea enviar su sitio web para que aparezca en una futura crítica de diseño, solo le llevará unos minutos. Cobramos $ 24 por criticar su diseño, ¡mucho menos de lo que pagaría por un consultor para que visite su sitio! Puedes encontrar mas aqui.
Himno
? Somos un grupo amigable y trabajador de personas creativas y técnicas con estándares muy altos que aman hacer sitios web, aplicaciones, juegos y arte asombrosos. Nuestro trabajo es premiado, atractivo y finamente elaborado. Nos encanta trabajar con empresas de cualquier tamaño, y estamos orgullosos de nuestro grupo diverso y fantástico de clientes.
Aquí está la página de inicio de su sitio web:
Es un diseño bastante sólido con tres columnas primarias más una barra lateral (básicamente cuatro columnas). La imagen grande en la parte superior es un control deslizante de imagen con una transición de atenuación básica.
Examinemos un par de cosas que son realmente agradables sobre este diseño.
Fácil de navegar
Hay mucho que hacer aquí para una sola página, pero en su mayor parte está diseñada de forma lógica y es fácil de clasificar. La página de inicio parece servir como una buena descripción de todo lo que encontrará en el sitio. Varias de las páginas accesibles a través de la navegación están representadas aquí en la página con un poco de contenido.
Siempre que no tenga idea de cómo llenar la página de inicio de un sitio grande, recuerde que a menudo debe servir como una puerta de entrada a todo lo demás. Insertar vistas previas en tamaño de bits del resto del sitio aquí permite al usuario familiarizarse rápidamente con lo que está ofreciendo y también servirá para ayudar en el proceso de encontrar contenido específico.
Rompiendo las lineas
Este sitio tiene algunos alineamientos y dispositivos de contención bastante estrictos que son buenos para mantener todo limpio y organizado. Sin embargo, vemos en el pie de página que a menudo es bueno tomar un diseño como este y romperlo en algunos lugares.
Aquí vemos el logotipo y la información de contacto colocados en un cuadro que viola la configuración de líneas difíciles por el pie de página y la separación de contenido. Me gustaría ver algo en la parte superior de la página que retome esta idea para facilitar la rigidez del diseño.
Áreas para mejorar
Ahora vamos a sumergirnos en la crítica. A continuación se presentan algunas cuestiones que personalmente creo que deben abordarse en relación con el diseño.
¿Interactivo?
Veo la palabra? Interactiva? en varios lugares de la página sobre lo que hace Anthem, pero aparte del control deslizante de imágenes, el sitio simplemente no se siente muy interactivo. Una de las áreas clave que creo que está sufriendo es el efecto de la flotación del enlace, o la falta de estos.
En la navegación, la diferencia en el color del enlace en los estados de no desplazamiento y desplazamiento es un poco demasiado sutil y, tal vez, imposible para que los usuarios sin coloración se den cuenta en un texto tan pequeño. Además, aparte de los de la barra lateral, casi todos los demás enlaces de la página no tienen ningún efecto de desplazamiento. Si el cursor de su navegador no cambiara automáticamente para los enlaces, los usuarios probablemente ni siquiera sabrían que había ningún presente en la página.
De nuevo, esto se relaciona estrechamente con la noción de "interactivo". Agregar elementos que cambian con la interacción en varios puntos a lo largo de la página hará que el sitio se sienta mucho más vivo y activo. Estos elementos no tienen que gritar a sus usuarios, pero al menos no deben estar ocultos.
Agregando Enlaces
En la misma línea en que los vínculos actuales cobran vida, creo que deberían agregarse algunos más. Como dije antes, me gusta cómo se unen el contenido de la página de inicio y la navegación. Por ejemplo, hay un enlace de servicios en la navegación y una sección de servicios en la página. Sin embargo, el texto que dice 'Servicios y Capacidades' en la sección de contenido no está habilitado como un enlace a los? Servicios y Capacidades? página.
Siempre procure hacer las cosas ridículamente fáciles para sus usuarios. Si ven un titular que coincide con el lugar al que quieren ir, deberían poder hacer clic en él para ir allí en lugar de buscar el enlace correcto.
Espaciado
Hay un par de lugares en la página que dividen el contenido en tres columnas, cada una con su propio encabezado. El problema es que el encabezado y la columna están tan separados, que no es evidente de forma inmediata que estén juntos.
Recomiendo eliminar aproximadamente la mitad del espacio aquí para que los usuarios puedan saber instantáneamente que estas dos áreas deben interpretarse como una sola unidad.
Alineación y Desbordamiento
Hay dos áreas clave en las que estoy detectando problemas con artículos pequeños que no se alinean correctamente. El primero está en la barra lateral. El feed de Twitter aquí parece estar desbordándose de la caja de contención.
El segundo es la copia legal y los enlaces de navegación en el pie de página. Realmente no comparten ningún tipo de alineación y parecen estar flotando aleatoriamente en el espacio. Recomiendo darles una fuerte alineación a la izquierda y quizás empujarlos cerca del área del logotipo a la izquierda.
¡Tu turno!
Ahora que ha leído mis comentarios, contribuya y ayude, dando al diseñador algunos consejos adicionales. Háganos saber lo que cree que es genial sobre el diseño y lo que cree que podría ser más fuerte. Como siempre, le pedimos que también sea respetuoso con el diseñador del sitio y que ofrezca consejos claros y constructivos sin ningún insulto.
¿Interesado en tener tu propio sitio criticado? Puedes encontrar mas aqui.