Crítica de diseño web # 15: podemos reparar su automóvil
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 Podemos reparar su automóvil.
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.
Acerca de "Podemos reparar su automóvil"
“Nuestros clientes están en el corazón de lo que hacemos. Estamos aquí para eliminar todo el humo y los espejos que dan al comercio del motor un mal nombre. El servicio de automóviles ha cambiado y nuestro negocio está completamente alineado con el nuevo enfoque del servicio de automóviles. Prosperamos en ahorrar dinero a nuestros clientes, brindando el mejor servicio posible y dándoles confianza en lo que decimos ”.
Aquí está la página de inicio del sitio:
Este es un sitio interesante y debería darnos muchos puntos para discutir. Saltemos y analicemos el sitio pieza por pieza.
Antecedentes
El fondo del sitio web es esta ilustración de engranaje plano. Está cubierto principalmente por el contenido, pero se asoma lo suficiente como para que pueda saber lo que está sucediendo.
Los coches no son lo primero que me viene a la mente cuando pienso en los planos, pero la referencia a la maquinaria hace que funcione. Me encanta el gráfico como una pieza independiente, pero creo que podría atenuarse un poco en el sitio web para evitar la confusión visual. Recomiendo reducir la opacidad un poco más para que apenas sea visible. También podría considerar reducirlo un poco.
Encabezamiento
Cuando miramos el encabezado, podemos ver de inmediato el tema que se llevará a lo largo del sitio. Esquinas redondeadas con sombras paralelas, alternando tonos de azul con algo de blanco y tipografía en negrita.
Mi primera impresión fue que la navegación parecía enorme. Esto, combinado con el logotipo del automóvil, hace que parezca un sitio para niños. Sin embargo, tal vez su mercado objetivo incluya personas mayores que ya no pueden trabajar en un automóvil u otros tipos no técnicos. Si este es el caso, los grandes botones probablemente serán apreciados por sus usuarios. A veces, la usabilidad triunfa sobre la estética. Solo asegúrese de considerar para quién está diseñando principalmente e intente satisfacer sus necesidades.
Volver al logo del auto. Me gusta el concepto, tiene mucha personalidad. Sin embargo, la ejecución no es la mejor. No estoy seguro de cómo solucionarlo sin rediseñarlo por completo, pero es posible que la persona que creó el logotipo presente algunos bocetos alternativos. Si decide seguir con el logotipo actual, solo asegúrese de limpiar los bordes. Actualmente están un poco irregulares y pixelados, especialmente alrededor del área del parabrisas.
Bienvenidos
La siguiente área de la página comunica efectivamente mucha información en un espacio pequeño. Las viñetas son efectivas y eficientes aquí y los nombres de los fabricantes de automóviles que se desplazan continuamente en la parte inferior refuerzan el aspecto de "cualquier automóvil".
El diseñador ha elegido traer algo de rojo aquí para enfatizar. Viola el esquema de color y, por lo tanto, llama su atención de inmediato. Me gusta la cita de extracción y cómo está perfectamente alineada en la parte superior e inferior con la copia de la viñeta.
El problema con esta área, y de hecho gran parte del sitio, es la jerarquía visual. Como dije, el rojo ayuda a enfatizar los puntos correctos, pero todo lo demás aquí todavía compite por la atención en lugar de la configuración para tener una clara delimitación de importancia.
Por ejemplo, todo el texto en el sitio está en negrita ... todo. El texto en negrita es excelente para agregar énfasis donde se necesita, pero surge un problema cuando lo lleva demasiado lejos: si todo es especial, entonces nada es especial. Recomiendo repensar sus opciones de tipografía y reducir el peso en la mayor parte del texto, dejando solo las partes más importantes en negrita.
Además, el concepto de jerarquía también se aplica al tamaño. Observe cómo el título de "Bienvenida" tiene el mismo tamaño (o cierre) que la copia de la viñeta. Nuevamente vemos un caso de competencia por atención. Dado que el título define e introduce la sección, aumente su tamaño mientras disminuye el de las viñetas.
Aquí hay una maqueta rápida y sucia de esta sección reimaginada con un mejor uso de la jerarquía visual. No tiene que hacerlo exactamente así, simplemente concéntrese en cómo se divide la información de una manera mucho más limpia.
Contenido
El área de contenido es atractiva y trae algunas fotografías amigables, pero sufre el mismo problema con todo el texto en negrita.
Otra sugerencia clave aquí es hacer que las fotos y el texto inmediatamente debajo de ellos sean una unidad visual. En este momento tiene dos elementos visuales distintos apilados uno encima del otro cuando podrían unirse fácilmente de una manera más coherente. De nuevo, esto es rápido y sucio, pero se entiende la idea.
Pie de página
Finalmente, echemos un vistazo al pie de página. El contenido aquí es bastante simple, pero se ha hecho para parecer mucho más complejo y confuso de lo que realmente es.
En primer lugar, el rojo funcionó en el blanco de arriba, pero el rojo definitivamente no funciona en el azul. Los dos colores brillantes uno encima del otro entran en conflicto en lugar de contraste. Además, el texto realmente necesita algo de trabajo. Nuevamente, cambie un poco la negrita, reduzca la prominencia de la línea de copyright y arregle el botón de búsqueda incómodo que es mucho más largo que la palabra contenida en el interior (reduzca el ancho, centre el texto en el botón).
El pie de página adhesivo que mantiene el número de teléfono con usted mientras se desplaza es un buen toque. A menudo, cuando alguien visita el sitio web de una empresa física, solo quiere una cosa: el número de teléfono. El número de teléfono aquí permanece con usted mientras se desplaza por el sitio, lo que hace que sea casi imposible perderse.
¡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.
