Cada semana echamos un vistazo a un nuevo sitio web y analizamos el diseño. Señalaremos las áreas que se realizan bien además de las que podrían ser útiles. Finalmente, terminaremos pidiéndole que proporcione sus propios comentarios.
El sitio de hoy es HealthyHearing, una fuente de información sobre salud auditiva y audífonos. ¡Saltemos y veamos lo que pensamos!
Si desea enviar su sitio web para que aparezca en una futura crítica de diseño, solo le llevará unos minutos. Cobramos $ 49 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 HealthyHearing
? En Healthy Hearing, trabajamos muy duro para mantener nuestra reputación como el principal recurso en línea para la información sobre la salud auditiva. Nuestro objetivo es proporcionar contenido de alta calidad que sea comprensible e inspirador.
Aquí hay una captura de pantalla de la página de inicio:
Primera impresión
Mi primera impresión de este sitio es bastante positiva. Desde una perspectiva estética, es bastante atractivo. El esquema de colores es calmante y las imágenes son amigables y accesibles.
Y lo que es más importante, puedo determinar claramente en cuestión de segundos para qué y para quién es el sitio. El propósito está claramente establecido (su fuente de información completa de audífonos) de varias maneras diferentes en varios lugares. Simplemente no puedo perder que este es un sitio destinado a brindar ayuda e información a las personas con problemas de audición. Este es un objetivo importante, por lo que no es un éxito pequeño que este sitio lo logre tan bien.
Además de la identificación del propósito, creo que el sitio lo hace realmente bien en el área de navegación. Con eso quiero decir que puedo encontrar fácilmente lo que estoy buscando, e incluso si solo estoy navegando, hay muchos caminos sencillos y útiles para seguir. La experiencia general del sitio está bien estructurada; Otra gran victoria.
Dicho todo esto, definitivamente tengo algunas pequeñas preocupaciones y recomendaciones para mejorar. Vamos a sumergirnos en áreas específicas de la página de inicio, donde nos centraremos en algunos problemas conceptuales de dirección errónea y usabilidad.
¿Para quién es el sitio?
Antes de comenzar a bucear en las áreas que necesitan mejorar, debemos determinar el punto de vista adecuado para estas críticas. Podría criticar cada sitio según cómo se adapte a mis propias necesidades, pero en última instancia, no todos los sitios están orientados hacia mí, por lo que no sería muy útil.
Cuando miro esta página, este es el gráfico principal que llama mi atención:
Cuando otras personas ven caras sonrientes, veo a un público objetivo, y eso es exactamente lo que vemos en esta imagen cuidadosamente seleccionada. Aquí veo a alguien que ciertamente no es un hombre joven, ¿ni está demasiado metido en los "ancianos"? categoría. Se ve elegante, divertido y activo. Él quiere vivir la vida al máximo con sus grandiosos nietos.
¿Las personas mayores son las únicas que necesitan audífonos? Ciertamente no, y tal vez los niños en la imagen cubran esta idea. Dicho esto, hay mucho sobre este sitio que sugiere que está dirigido directamente a una generación mayor, por lo que será importante tener esto en cuenta. Las principales decisiones de diseño pueden y deben tomarse a la luz de su público objetivo.
Botón de tamaño de texto
Desde el principio, veo algo que confirma nuestras suposiciones sobre el público objetivo. Hay un botón en la parte superior derecha de la pantalla que aumenta el tamaño del texto en la página:
Ahora, si considera quién necesitaría un botón así, y quién no se daría cuenta de que la mayoría de los navegadores pueden hacer esto en cualquier página con un simple atajo de teclado, una vez más, estamos ante usuarios más antiguos.
Personalmente, creo que esta es una gran característica que a mis abuelos les encantaría ver en muchos sitios diferentes (se asustaron cuando Facebook redujo el tamaño de su texto). Mi problema con esto en la página de inicio es que es casi inútil. Hay una tonelada de texto en la página de inicio y este botón solo afecta a una parte de ella, mientras que ignora completamente el resto.
Es cierto que tiene un efecto mucho mayor en otras páginas, pero aquí en la página de inicio creo que una de las dos cosas debe suceder. O bien, haz que funcione con mucho más texto o elimínalo por completo para evitar la frustración del usuario. En su forma actual, probablemente solo hará que la gente piense que el sitio está roto.
Botón de botón de botón de medios sociales
¿Captaste la redundancia en mi titular? Molesto, ¿no es así? Así es como me siento cuando veo las funciones de redes sociales en esta página. En la parte superior, arriba del cuadro de búsqueda, encuentro cinco botones de redes sociales:
Como puedes ver, dos de estos son botones de Facebook y dos son Twitter. ¿Por qué necesitas cuatro botones para dos sitios de redes sociales? Este es un caso claro del tipo de desorden en las redes sociales que afecta a innumerables sitios en la actualidad.
Mientras nos desplazamos un poco hacia abajo, ¿qué vemos? Más botones de redes sociales!
Para todos ustedes, gente de marketing y gente de SEO, lo entiendo, las redes sociales son buenas. Pero, al igual que con la torta y el helado, puedes tener demasiado de algo bueno. Acelerando ese entusiasmo un poco, menos puede ser más.
En una nota al margen, las imágenes de Twitter están mal. La imagen de arriba muestra el antiguo? T? Logo al lado del nuevo logo de ave. Los últimos reemplazaron a los primeros, y nunca deben mostrarse juntos. De hecho, Twitter claramente establece aquí que el? T? El logotipo está muerto y nunca debe usarse para representar a Twitter.
Navegación
La siguiente área con la que tengo algunos problemas es la navegación. Desde una perspectiva tanto estética como de usabilidad, creo que podríamos modificar algunas cosas aquí.
Desde un punto de vista visual, inicialmente pensé que los elementos del menú desplegable parecían campos de texto, lo cual era bastante confuso (no lo son). Consideraría el estilo de estos un poco diferente para evitar tal confusión.
Sin embargo, una ofensa mucho peor proviene de cuán pequeña es el área en la que se puede hacer clic en cada enlace. Hay una gran caja alrededor de cada elemento, que se completa con un estado flotante que agrega brillo, pero no se puede hacer clic en esas casillas, solo las palabras.
Teniendo en cuenta la audiencia prevista de este sitio, desea que sus áreas cliqueables sean lo más grandes posible. Si me proporciona una caja grande, completa con información sobre el desplazamiento, ¡será mejor que pueda hacer clic en ella! Una vez más, la alternativa es que sus usuarios tengan la impresión de que su sitio simplemente no funciona.
Conclusión
Como se puede ver, en realidad solo señalé algunas cosas muy pequeñas que necesitan ajustes. En general, el diseño de la página cumple con sus objetivos bastante bien. Mi recomendación principal es tener en mente a ese público objetivo y repasar el sitio para descubrir qué es lo que los va a molestar o rechazar. Un montón de pequeñas molestias pueden sumarse rápidamente a una mala experiencia de usuario.
¡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.