Cada semana echamos un vistazo a un nuevo sitio web y analizamos el diseño. Señalaremos tanto las áreas que se realizan bien como las que podrían ser útiles. Finalmente, terminaremos pidiéndole que proporcione sus propios comentarios.
El sitio de hoy es The Inspiration Blog, un sitio muy similar a este dedicado a la inspiración de diseño visual.
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.
Acerca del Blog Inspiration
No hay mucha información biográfica en el sitio, aparte de las biografías de los autores individuales, pero el encabezado en la parte superior de la página de inicio lo resume todo bien: "Un blog completamente dedicado a la inspiración visual y los redondos de productos dulces".
Aquí hay una sección de la página de inicio (se eliminaron algunas publicaciones de la pila para acortar la imagen):
Diseño general
Desde el principio, me gusta lo que veo. Tenemos un tema agradable, inspirado en el periódico, con una fuerte influencia minimalista y un montón de espacios en blanco. Observe cómo las líneas simples se han usado mucho en todo el diseño utilizando técnicas similares a las que señalamos en un artículo reciente.
El diseño es muy limpio y estructurado sin ser aburrido. Al igual que con muchos de los sitios que observamos, las críticas a continuación serán más en el nivel de pequeños ajustes que en los cambios de diseño de gran alcance. Es una página atractiva y necesita muy poco para acercarla a la perfección.
Creo que si alguna vez se estuviera trabajando en un rediseño, sería bueno hacer una declaración más audaz en el encabezado a través de un gran gráfico de algún tipo. Esto agregaría algo de marca e interés visual a la página.
El logo
Lo primero que noté es el estilo manuscrito utilizado en el logotipo del blog. Me gusta la opción de fuente y creo que aporta un elemento único a un sitio con muchas fuentes de aspecto estándar.
Sin embargo, las fuentes de script pueden ser bastante difíciles de leer cuando se muestran en un tamaño tan pequeño. El kerning aquí parece un poco apretado y cuando se combina con el tamaño de fuente pequeño definitivamente hace que sea un poco difícil leer la palabra "Inspiración".
Para empezar, sugeriría espaciar las letras un poco. Si esto no aumenta la legibilidad suficiente, amplíe esa fuente algunos puntos.
Titular
Me gusta el titular de Georgia. Es bonito y grande con letras en negrita y un mensaje simple. La última parte del título, "¿Necesitas inspiración?", En realidad actúa como un enlace para mostrar una publicación aleatoria. Esta es una característica interesante que es sutil pero divertida una vez que te das cuenta de que está ahí.
Mi problema aquí es que cuando carga la página y mira el título, no es una lectura instantánea. Más bien, es un gran bloque de copias que los lectores pueden o no tomar el tiempo de leer realmente.
Una cosa con la que me enfrenté constantemente durante los seis años que realicé el diseño de publicidad minorista fue la creación de titulares atractivos que sirvieron como elemento visual que la gente podría captar al instante. Lo que esto significa a nivel práctico es que debe enfatizar las palabras importantes. de modo que incluso si la mayoría de los espectadores navegan por encima del titular sin leerlo realmente, todavía tienen la esencia, casi por accidente.
Puedes agregar énfasis con el color (lo que has hecho), el tamaño, la negrita, la cursiva, etc. A modo de ejemplo, aquí tienes una maqueta rápida con algunas áreas de la negrura selectiva.
Ahora, cuando escanea el titular, los aspectos clave del sitio saltan a la vista. Esto incluso podría ser una oportunidad para repetir el script utilizado en el logotipo.
Publicar vistas previas
Me gusta como están estructuradas las previsualizaciones de los posts. Cada una es una unidad claramente individual con mucho espacio entre las publicaciones separadas y bonitas imágenes de vista previa de 200 por 200 píxeles.
Una vez más, probablemente estoy empezando a sonar como un registro roto, pero creo que el único problema que tengo aquí es la legibilidad de parte del texto (es cierto que es un tema de gran volumen de texto, por lo que no hay mucho más que discutir). El problema en esta área radica en el texto en la parte superior de la vista previa de la publicación (Ej: ¿Publicado en 30th Spetember?). Este texto se muestra en cursiva, todas las letras mayúsculas que casi parecen vacías de espacios entre las palabras. Todo se combina en una larga y larga línea en la que tienes que trabajar para separarte mentalmente.
La barra lateral
Al igual que con la mayoría de los blogs, la barra lateral alberga la publicidad, los enlaces de redes sociales, las etiquetas, el cuadro de búsqueda y otros elementos diversos. Me gusta esta zona prácticamente como es. Cada sección está bien espaciada y alineada y encaja perfectamente con el resto del tema.
Una cosa opcional que tal vez quiera considerar es aumentar el contraste entre los estados predeterminado y activo en las etiquetas. Consulté a un amigo daltónico y no pudo diferenciar entre los dos estados. Una solución simple podría ser eliminar el subrayado al pasar el mouse (el reverso de lo que se ve en muchos enlaces en la web).
Una última cosa molesta y diminuta que noté sobre esta área es: ¿Suscribir y seguir? texto. El segundo apóstrofe me parece extrañamente colocado. ¿Yendo? ¿Steak 'n Shake? como ejemplo, creo que esto debería cambiarse a "Subscribe 'n Follow". Es posible que me equivoque por completo. De cualquier manera, definitivamente no es nada importante.
El pie de página
La última área que veremos es el pie de página. Como todo lo demás en el sitio, es agradable y simple. Si está buscando un trabajo extra, están buscando escritores, así que asegúrese de pasar por el sitio y hacer la solicitud.
Me parece un poco extraño que la sección de la red social se duplique exactamente aquí en lugar de en una forma más simple, pero los iconos probablemente aumenten las tasas de clics, por lo que finalmente estoy de acuerdo.
¡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.