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 Income Diary, un blog que ofrece consejos simples y prácticos sobre cómo ganar dinero en línea. ¡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.
Sobre el diario de ingresos
? Lanzé IncomeDiary en 2009 después de una conferencia a la que asistí en Washington DC en marzo de ese año. Antes de esto, había estado administrando sitios web con éxito durante aproximadamente 4 años y una de las cosas más importantes que evité conocer fue a los emprendedores con mentalidad mental: ¡tienes que retribuir! De esto se trata este sitio web: educar y ayudar a los emprendedores de Internet, sin importar en qué nivel se encuentren.
Aquí hay una captura de pantalla de la página de inicio:
Primera impresión
El diario de ingresos no está rompiendo barreras en el diseño del blog. Es un diseño muy sencillo que utiliza un diseño visto en un millón de otros blogs en la web. ¿Es esto algo negativo? De ninguna manera. De la misma manera que todos los periódicos finalmente cayeron en un formato similar y predecible, es perfectamente natural que los blogs lleguen a unos diseños estándar que funcionen bien.
El beneficio es que los nuevos visitantes se sienten inmediatamente cómodos con el formato y saben cómo moverse desde el momento en que se carga el sitio. Los diseños innovadores también son geniales, pero hay un error común en el diseño de que algo que no es innovador no es bueno, y eso simplemente no es una afirmación verdadera.
Dicho esto, hay muchas opciones de diseño sólido en este sitio. Estéticamente, no me impresiona, pero es bastante atractivo y funcionalmente sólido. La pregunta principal que siempre hago para cualquier crítica de diseño es: "¿El diseño cumple su propósito?" En este caso, piense que la respuesta es sí, si el propósito es educar con éxito a las personas sobre cómo hacer dinero en línea. Vamos a explorar por qué esto es cierto.
Esquema de colores
Si está familiarizado con nuestras críticas de diseño, ya debería saber lo que voy a decir sobre este esquema de color. Utiliza el sencillo truco de combinación de colores con el que casi no te puedes equivocar:
Primero, el diseñador eligió un color principal, en este caso verde. El verde es una opción sólida, no por nada estético sino por la correlación psicológica que inevitablemente hacemos: verde = dinero. ¡Este sitio trata de ganar dinero para que no haya color más apropiado!
A continuación, se eligieron unos pocos tonos diferentes de este color. Esto proporciona una manera decente de tener una variación sutil en todo el diseño: gradientes, diferentes barras de encabezado, etc. Finalmente, se eligió un color que complementa pero se destaca del color principal. Esta técnica proporciona una ruta increíblemente segura para elegir un esquema de color que no sea ni monótono ni demasiado ocupado.
Logo
Como todo lo demás, el logotipo toma una ruta muy segura y predecible. Esto es algo importante que vale la pena discutir. ¿Es este un logo aburrido, genérico? Sí. ¿Es mejor que un diseñador que no intente crear un logotipo complejo? Absolutamente. La conclusión es que no todos los que crean un sitio web son diseñadores profesionales. Si este es el caso con usted, no se sienta mal por escribir el nombre de su sitio web de una manera sencilla y por llamarlo un día. Un día, cuando tenga el presupuesto (aunque podría decirse que este sitio debería ser correcto), puede contratar a un profesional para crear una identidad única para usted.
Una cosa que creo que este sitio necesita para volver a trabajar es el lema del logotipo. Es simplemente demasiado delgado y pequeño y no lee bien. Una solución simple podría ser aumentar el tamaño de esta línea para que tenga el mismo ancho horizontal que la línea que está sobre ella.
Navegación
El área de navegación es un formato de navegación CSS clásico con grandes bloques que definen cada enlace. Una de las cosas por las que critico constantemente a los diseñadores en estas críticas son los efectos de enlace que son tan sutiles que apenas se puede decir que existe, especialmente si eres un usuario ciego al color. Afortunadamente, ese no es el caso aquí.
Como puede ver, la diferencia entre los estados hover y no hover es bastante dramática y puede ser vista claramente por todos los usuarios. Esto puede parecer pequeño, pero los pequeños errores pueden arruinar un diseño, por lo que es importante hacerlo bien.
Jerarquía de información
La creación de una sólida jerarquía informativa se reduce al núcleo de sus objetivos en un diseño web. Si escribe todas las cosas que desea lograr con un diseño web, esto siempre debe estar cerca de la parte superior de la lista.
Uno de los aspectos más sólidos de este diseño es cómo se estructura toda la información en la página. Por ejemplo, tenga en cuenta que la publicación más reciente en el feed principal recibe más importancia visual que las otras publicaciones en forma de una imagen de vista previa más grande.
Usamos este mismo truco en la página de inicio de Design Shack en mayor grado. Es un poco sutil en el diario de ingresos e incluso sugeriría que el diseñador encuentre una forma adicional para que se destaque aún más (un color de fondo diferente, un título más grande, etc.).
También hay otro nivel de diferenciación. A medida que se desplaza hacia abajo en la lista de publicaciones, hay una sección con algunos productos que puede comprar. Aquí es donde entra ese otro color que discutimos antes:
Este contenido se incluye en una bonita caja mínima con texto sólido, diseño de imagen y gran cantidad de espacios en blanco. Es una excelente manera de diferenciar este contenido de la fuente principal.
Ahora, aunque me gusta el diseño de esta pequeña área de caja, soy un perfeccionista, así que hay una cosa que me vuelve loco:
El botón debajo de la vista previa del producto es casi El mismo ancho que la imagen de arriba, pero no del todo. Es, literalmente, una forma de unos pocos píxeles, pero no puedo dejar de distraerme. O bien hazlo del mismo ancho o mucho más estrecho, cualquier otra cosa parece un error.
Pie de página
Terminaremos esta crítica con un rápido vistazo al pie de página, simplemente porque me gusta su apariencia. Me encanta cómo el contenido rompe la línea del pie de página, la transición de gris a blanco cuando se pasa sobre un enlace, la presentación limpia y mínima de los íconos sociales y el sutil toque de textura detrás del logotipo. En mi opinión, esta es la mejor parte del sitio. Una conclusión extraña, sin duda, pero soy un gran fanático de cualquiera que no se afloje y lance un pie de página feo como el último paso de un diseño.
¡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.