Crítica de diseño web # 4: Anthem Design Group
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 si un consultor visitara su sitio! Puedes encontrar mas aqui.
Himno
“Somos un grupo amigable y trabajador de personas creativas y técnicas con estándares súper altos que adoran crear sitios web, aplicaciones, juegos y arte increíbles. Nuestro trabajo es galardonado, 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 fuerte con tres columnas principales más una barra lateral (básicamente cuatro columnas). La imagen grande arriba es un control deslizante de imagen con una transición de desvanecimiento básica.
Examinemos un par de cosas que son realmente agradables de este diseño.
Fácil de navegar
Aquí están sucediendo muchas cosas para una sola página, pero en su mayor parte se presenta 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.
Cada vez que no tenga idea de cómo llenar la página de inicio de un sitio grande, recuerde que a menudo debería servir como puerta de entrada a todo lo demás. Insertar vistas previas 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 búsqueda de contenido específico.
Romper las lineas
Este sitio tiene algunas alineaciones bastante estrictas y dispositivos de contención 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 las líneas duras establecidas por el pie de página y la separación de contenido. Me gustaría ver que algo en la parte superior de la página recoja esta idea también para aliviar la rigidez del diseño.
Áreas para mejorar
Ahora vamos a sumergirnos en la crítica. A continuación hay algunos problemas que personalmente creo que deberían abordarse con respecto al diseño.
¿Interactivo?
Veo la palabra "interactivo" en varios lugares de la página con respecto a 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 son los efectos de desplazamiento del enlace, o la falta de ellos.
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 quizás imposible para los usuarios daltónicos incluso notar 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 absolutamente 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 presente en la página.
Una vez más, esto se relaciona estrechamente con la noción de "interactivo". Agregar elementos que cambian con la interacción en varios puntos 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 deberían estar ocultos.
Agregar enlaces
En el mismo sentido que dar vida a los vínculos actuales, 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 la página "Servicios y capacidades".
Siempre trate de hacer las cosas ridículamente fáciles para sus usuarios. Si ven un titular que coincida con el lugar al que quieren ir, deberían poder hacer clic 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 espaciados tan lejos, que no es evidente de inmediato 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.
Alineamiento y desbordamiento
Hay dos áreas clave en las que estoy detectando problemas con elementos pequeños que no se alinean correctamente. El primero está en la barra lateral. El feed de Twitter aquí parece estar desbordando 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 al azar en el espacio. Recomiendo darles a ambos una fuerte alineación izquierda y quizás empujarlos cerca del área del logotipo a la izquierda.
¡Tu turno!
Ahora que ha leído mis comentarios, participe y ayude dando al diseñador algunos consejos adicionales. Háganos saber lo que piensa 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 constructivos claros y libres de cualquier insulto.
¿Interesado en tener su propio sitio criticado? Puedes encontrar mas aqui.
