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 myRepono, un servicio de respaldo de sitios web.
Si desea enviar su sitio web para que aparezca en una futura crítica de diseño, solo le llevará unos minutos. Cobramos $ 34 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 myRepono
? Un sitio web está siendo pirateado cada 5 segundos, ¡no postergue la copia de seguridad de los datos de su sitio web! myRepono es una solución automatizada de copia de seguridad de sitios web. En cinco sencillos pasos, puede proteger sus datos y garantizar la estabilidad de su sitio web.
Aquí hay una captura de pantalla de la página de inicio:
Aunque definitivamente hay espacio para mejorar, hay muchas cosas que este sitio web hace bien. Los diseñadores han hecho un gran trabajo y nos han dado un buen contenido para aprender. Vamos a cortar el sitio pieza por pieza para ver cómo le va a cada sección.
Diseño fluido
Creo que el diseño es una de las cosas con las que realmente han hecho un gran trabajo. Es agradable y limpio, con el contenido distribuido de una manera lógica. Casi todo tiene una alineación fuerte y se ha usado mucho espacio en blanco para evitar el desorden.
Además, me gusta que el diseño se adapte al tamaño de la ventana del navegador. Definitivamente, hay anchos específicos en los que parece estar en un nivel óptimo, pero en general es bueno acomodar a la mayor cantidad de usuarios posible y eso es lo que intentan hacer aquí.
Encabezamiento
El encabezado no es un mal trabajo. La alineación es fuerte con el contenido a continuación, y me gusta cómo dividen la navegación en un menú primario y secundario. Esto establece claramente el contenido más importante y evita un gran menú de navegación.
No estoy loco por la naranja en la parte superior del gris, pero pregunté por ahí y parecía que a algunas personas realmente les gustaba, así que realmente se trata de una cuestión de opinión.
Diré que el contraste definitivamente podría mejorarse haciendo que el color gris sea más claro o más oscuro. Los valores de luminosidad actuales de los dos colores son demasiado similares en su estado actual. Aquí hay un ejemplo de dos alternativas que tendrían un mejor desempeño en el área de contraste.
Como puede ver, tanto el oscurecimiento como el aclaramiento del gris ayudaron enormemente. Si tiene problemas para entender lo que quiero decir con contraste, luminosidad, etc., intente llevar su trabajo a escala de grises para ver cuánto contraste tiene entre las diferentes áreas de color. Esto realmente te ayudará a ver lo que quiero decir cuando digo que los dos colores simplemente no son lo suficientemente diferentes como para contrastar adecuadamente.
Fuente de encabezado
Otra cosa que creo que podría mejorarse es la fuente utilizada para "myRepono". Por sí solo, podría estar bien, pero en esta página llena de texto en negrita, la fuente extremadamente delgada se siente fuera de lugar. La repetición es la clave para trabajar en un elemento aleatorio como este. Si desea usar esta fuente en su encabezado, necesita trabajar en algunos tipos de letra igualmente delgados en otras partes de la página. De lo contrario, cambiar a algo un poco más audaz.
Deslizador
El control deslizante funciona bien aquí. Tiene tres grandes porciones de información que deben mostrarse, pero se realizan de manera compacta y limpia.
También me gusta mucho que el deslizador tenga un botón de pausa. Esta es una función vital que a menudo la mayoría de los desarrolladores (incluso yo) revisan por completo. Es realmente agradable poder tomar esta información en movimiento y detenerla para leerla a su ritmo y seguirla solo cuando esté listo. Esta pequeña característica te da un gran golpe en la usabilidad.
Por alguna razón, no estoy loco por la transición y, para ser honesto, no estoy exactamente seguro de por qué. Quizás la relajación en la animación sea un poco incómoda (demasiado tartamudeo al principio), tal vez la animación sea simplemente demasiado larga o el área sea demasiado amplia, o tal vez sea todo lo anterior.
A veces, cuando tienes un área tan amplia, el control deslizante es mejor cuando sube y baja en lugar de lado a lado. Esto se puede ver en acción en esta página que vimos en la crítica de la semana pasada. En pocas palabras, funciona como es actualmente, pero podría sentirse más suave.
Área de contenido
No estoy seguro de tener ninguna queja sobre esta parte de la página. Aquí hay mucha información, pero se ha presentado muy bien con iconos mínimos pero atractivos y un diseño claramente delineado. Me gustan los recuadros de la barra lateral de la derecha y cómo solo hay dos. Los diseñadores a menudo se dejan llevar por las barras laterales y los llenan de contenido hasta que dejan de ser útiles en lo más mínimo.
Es mucho más difícil armar con éxito algo como esto de lo que parece, y creo que los diseñadores merecen mucho crédito por hacerlo bien.
Pie de página
Tengo dos pensamientos sobre el pie de página. Primero, creo que pueden haberse dejado llevar un poco con el espacio en blanco aquí. El pie de página simplemente se siente enorme y vacío. No me afeitaría toneladas de altura, pero un poco de la parte superior e inferior recorrería un largo camino.
En segundo lugar, esos son algunos pequeños iconos sociales minúsculos. Miré este sitio, tomé notas, tomé capturas de pantalla; Todo sin siquiera darse cuenta de que estaban presentes. Si puedo mirar tu página durante veinte minutos y no darme cuenta de algo, entonces un usuario típico que navegará durante unos diez segundos seguramente no tendrá ninguna esperanza de verlos.
Si estos son de alguna manera importantes, aumenta el tamaño un poco. Si no son importantes, pierda y deje esta información para la página de contacto.
¡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.