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 RunAddicts, un blog para cualquier persona que ama correr.
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 de RunAddicts
Hace algún tiempo, adquirí el maravilloso hábito de correr. Aunque yo era un autoproclamado de teleadicto, solo después de algunas carreras, comencé a notar mejoras importantes en la resistencia que me motivaron a correr en serio. Pocos meses después, decidí compartir mi nueva pasión con el mundo. Como resultado, nació RunAddicts, un blog profesional sobre todo lo relacionado con la ejecución. Desarrollado por múltiples escritores profesionales de todo el mundo, RunAddicts lo llevará a través de años de experiencia, consejos y otros consejos y trucos esenciales relacionados con la ejecución de cualquier persona que debe conocer. (¿El diseño de RunAddicts se ha presentado en las principales galerías de diseño como SiteInspire y Creattica)?
Aquí está la página de inicio de RunAddicts:
Como puede ver, este es definitivamente un sitio diseñado profesionalmente con muchos elementos geniales. Vamos a romperlo y examinarlo pieza por pieza.
Encabezamiento
El encabezado es una de las partes más atractivas de la página. Funcionalmente, el encabezado se lee a la perfección, ya que el logotipo es el elemento atractivo más grande de la izquierda que llama su atención, seguido de la navegación de la derecha, exactamente donde se espera que esté.
Aquí hay una foto ampliada de ese gran gráfico de encabezado. Me encanta el agua arremolinada y la gran franja roja. Estos combinados con la elección de la fuente realmente transmiten una sensación deportiva. Observe cómo el diseñador transmite varias partes de la experiencia de correr (el agua y la carretera) sin tomar el tema demasiado literalmente.
El contenido primario
La página de inicio se divide en varios módulos. Esto permite que una gran cantidad de contenido ocupe un espacio relativamente pequeño, mientras que cada pieza aún permanece como una entidad claramente separada.
Por mucho que me guste la idea de los módulos, es cierto que esta área se ve un poco desordenada. Nuevamente, el punto es meter mucha información aquí, pero siento que casi se ha llevado demasiado lejos.
Sugeriría experimentar aquí con un número reducido de modelos que reciban más atención individualmente de lo que se les está prestando a cada uno debido a la tarea un tanto laboriosa de clasificar visualmente el contenido.
Último módulo de publicación
Individualmente, me gusta mucho el diseño que se ha incorporado a algunos de los módulos. Por ejemplo, ¿el último post? El área es un trabajo simple pero atractivo. La foto grande realmente capta tu atención y me encanta el título y la superposición del autor que no se extiende al 100% del ancho de la caja. Sé que habría arrastrado instintivamente esos bordes, pero creo que este aspecto es mucho más exclusivo.
Observe la fuerte repetición de la combinación de colores que se utiliza de manera creativa. El negro rojo y el blanco se mezclan en cada módulo, a menudo de diferentes maneras.
El lado correcto
Con el lado izquierdo tan atractivo, creo que es el lado derecho lo que realmente contribuye al aspecto desordenado que mencioné anteriormente.
Desafortunadamente, puedo ver cómo los elementos aquí son bastante obligatorios. El espacio publicitario y la sección de Facebook son funcionalmente necesarios incluso si carecen de estética.
Un objetivo principal con el diseño del módulo es hacer que todos se vean como piezas similares a un todo mayor. Esta área es notablemente un montón de piezas que no van juntas. Una vez más, sin embargo, este podría ser un caso en el que la funcionalidad triunfe sobre el diseño.
Módulos de Categoría
De vuelta al lado izquierdo, los módulos de categoría cerca de la parte inferior son perfectos. Me encanta la repetición visual y cómo hace que estos cuatro módulos se conviertan en un único grupo visual.
La fotografía que se usa aquí es bastante atractiva y no está demasiado llena de arte. Observe cuánto espacio vacío se ha utilizado en el área blanca. Esto le da a esa sala de contenido para respirar y hace que esta área sea mucho más fácil de leer.
El efecto de desplazamiento en estos títulos de artículos es realmente bueno. El fondo cambia de color y el título se mueve a la derecha, todo en una bonita animación suave.
Parte inferior y pie de página
La parte inferior de la página termina fuerte con algunos módulos bonitos y grandes que proporcionan una buena base para el sitio. Esto ilustra lo que dije antes acerca de qué tan bien funciona tener menos módulos con más énfasis en cada uno.
El? Escribe para nosotros? La sección es particularmente agradable y definitivamente llama la atención al violar el tema visual de los otros módulos, al tiempo que mantiene el aspecto del sitio en general.
También me gusta el estilo del feed de Twitter aquí. Creo que es mucho más mínimo y apropiado que el área de Facebook anterior. Sin embargo, la proximidad es un concepto importante en el diseño y la regla general es colocar elementos similares juntos. Es un poco extraño tener el feed de Twitter en la parte inferior, mientras que el resto de la información de las redes sociales está en la parte superior. Tenga en cuenta que esto se ha abordado ligeramente al incluir otra mención de Facebook justo debajo del feed de Twitter.
Realmente me encanta el diseño del pie de página y cómo recupera el tema del agua desde la parte superior del sitio. Lo he dicho todo a lo largo de la crítica, el diseñador tiene una idea muy clara de cómo usar la repetición para hacer que un diseño se sienta cohesionado. Parece un principio simple y obvio, pero si lees estas críticas semanales, sabrás que es un área importante de debilidad para muchos diseñadores.
¡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 constructivos claros y sin insultos severos.
¿Interesado en tener tu propio sitio criticado? Puedes encontrar mas aqui.