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 Wallpapa, un sitio que ofrece descargas gratuitas de fondos de escritorio.
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.
Wallpapa
Nos encantan las imágenes de alta calidad y los fondos de pantalla de escritorio. En Internet hay muchos sitios que pueden ayudar a resolver este problema, pero todos tienen algunas deficiencias. Hemos diseñado y producido un servicio conveniente, versátil y, por supuesto, útil, que esperamos que usted apruebe. Para lograr nuestros objetivos, analizamos el problema desde ambos lados. ¿De los artistas que desean compartir su trabajo con otras personas y obtener comentarios, así como de los usuarios que también están preocupados por nuestro problema?
Aquí está la página de inicio del sitio:
Primeras impresiones
En general, Wallpapa no es un sitio de mal aspecto. El nombre es pegadizo, el diseño básico es agradable, brillante y lo suficientemente mínimo como para poner énfasis en las miniaturas.
Hay muchas formas obvias de buscar fondos de pantalla como la barra de búsqueda y las categorías en el encabezado y la nube de etiquetas en el pie de página. Incluso hay algunas opciones más avanzadas como la búsqueda por color o dispositivo (iPhone, iPad, etc.)
Alineación
Cuando miro alrededor del sitio, el error clave que noté es la mala alineación. La página está intentando alinearse en el centro, pero todo está ligeramente apagado. Si la cuadrícula es el principal centro de equilibrio, cualquier cosa que cuelgue de la izquierda también deberá colgarse de la derecha. La siguiente captura de pantalla muestra cómo esto simplemente no es el caso.
Los problemas de alineación como el anterior pueden verse en toda la página y deben ajustarse si se desea respetar la alineación central.
Ahora, dicho esto, rara vez estoy de acuerdo con el centro que justifica todo el contenido de una página. En la teoría básica del diseño, aprendes que las alineaciones centrales son las más débiles, principalmente porque no hay un borde sólido y duro para que tus ojos las sigan.
Eso no significa que nunca se deben usar alineamientos centrales, solo que deben aplicarse con cuidado. En mi opinión, las alineaciones centrales funcionan mejor cuando tienes una página grande y muy poco para colocar en ella. Sin embargo, esta página es bastante pesada y podría usar un poco más de estructura.
Si cambias la alineación, encuentra una y apégate a ella. Con esto me refiero a aplicarlo a las categorías, los elementos del encabezado, las etiquetas, el contenido de pie de página adicional; todo ello.
Hover Effects
Cuando se desplaza sobre una miniatura, la vista previa se desactiva y se le da un enlace para descargar la imagen. Es un buen efecto, pero el enlace solo se aplica al pequeño fragmento en la parte inferior de la miniatura, no al área completa de la imagen.
Esto es un poco confuso y malo para la usabilidad. Los usuarios esperarán poder hacer clic en la miniatura de la imagen que desean ver, y verse obligado a buscar el lugar correcto para hacer clic es una forma rápida de moverse a un sitio diferente.
El panorama
Los cambios sugeridos anteriormente son bastante menores, pero creo que hay un problema mucho más grande en cuanto a cómo se presenta el contenido del sitio.
Cuando un usuario visita este sitio por primera vez, recibe un montón de miniaturas y etiquetas. Desde el nombre del sitio y el título de la página (que muchos usuarios probablemente no verán) tienen que interpretar exactamente lo que está sucediendo y lo que usted quiere que hagan.
Como diseñadores, a menudo pensamos que algunas cosas son tan obvias que no es necesario decirlas. Sin embargo, nuestro punto de vista está completamente sesgado porque nosotros somos los que creamos el sitio. En este caso, el diseñador probablemente dijo algo así como "bueno, cualquier idiota puede ver que es un sitio de papel tapiz". Pero ese no es el punto.
El hecho de que un usuario pueda averiguar qué es el sitio no significa que deba ser forzado a hacerlo. Golpearlos en la cabeza con una declaración simple y simple es un método de marketing probado y verdadero. Si está ofreciendo descargas de fondos de pantalla gratuitas, su sitio debería decirlo alto y orgulloso.
Además, no creo que sea ideal que lo primero que veas sean las miniaturas. Esto se siente como una página de contenido, no una página de bienvenida. Esto lo hace sentir como si estuvieras caminando en medio de algo en lugar de comenzar desde el principio.
Las miniaturas también proporcionan una página sin un enfoque claro. Nuevamente, esto está bien para una página de contenido pero no para una página de bienvenida. Quieres algo para chupar a los usuarios y hacer que se queden. Por lo general, solo tiene un segundo para convencer a un usuario de que su sitio es lo que quiere. Si nada les llama la atención en ese segundo, pasarán a la siguiente pestaña abierta.
La solución
Dado que el enfoque principal de este sitio es una imagen atractiva, tiene sentido utilizar parte de ella para captar la atención de las personas y mostrar su producto al mismo tiempo. Considere la maqueta rápida y sucia a continuación:
Ahora tenemos un punto de enfoque claro! Hay una gran imagen atractiva cerca de la parte superior de la página que grita para llamar la atención. Me imagino esto como un control deslizante de imagen jQuery que alterna entre las descargas destacadas. Esto le permite mostrar una gran cantidad de contenido en un espacio relativamente pequeño.
Note que también incluí las sugerencias de arriba. ¿Todo aquí, con la exclusión del? Siguiente? botón, se adhiere fuertemente a la alineación de la red principal. Más importante aún, hay un gran mensaje que informa a la gente que está regalando contenido premium gratuito. Esto informa inmediatamente a los visitantes que tienes algo de valor que te gustaría compartir con ellos.
En cada página que diseñas, siempre intenta imaginar que la estás viendo por primera vez. ¿Sabrías qué es el sitio? ¿Te gustaría quedarte? Pídale a algunas personas que lo rodean que echen un vistazo sin decirles sobre el sitio y luego haga algunas preguntas sobre cualquier cosa que crea que debería ser evidente desde la perspectiva del usuario.
También preste mucha atención a si está o no haciendo una declaración de valor. Nos guste o no, Internet es un lugar sumamente competitivo y si desea que el tráfico llegue a su sitio, debe convertirse en un vendedor. El trabajo de un diseñador es vender el sitio en menos de un segundo. Esto casi siempre toma una declaración audaz, ya sea a través de la imagen de palabras o ambos.
¿Cuál es tu declaración?
¡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 claros y constructivos sin ningún insulto.
¿Interesado en tener tu propio sitio criticado? Puedes encontrar mas aqui.