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 iPhone Toolbox.
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.
Acerca de iPhoneToolbox
? Recopilamos los mejores recursos de iPhone, incluidos fondos de pantalla, íconos, aplicaciones de iPhone y noticias para los fanáticos de iPhone. iPhone Toolbox también se actualiza diariamente.
Aquí hay una sección de la página de inicio:
Primeras impresiones
Mi reacción inicial a este diseño es mixta. Hay un fuerte comienzo aquí. El contenido se ha organizado en unidades modulares, lo que significa que la página de inicio puede contener una tonelada de contenido dispar. Esta es una base bastante sólida desde la cual construir y es un buen comienzo.
Sin embargo, el sitio se siente un poco cortador de galletas. Con eso quiero decir que parece que el contenido se forzó en una plantilla en lugar de que el sitio se diseñara alrededor del contenido. Las plantillas son excelentes y pueden ahorrarle mucho dinero, pero sacrifica muchas oportunidades de marca al elegir una con un diseño tan común.
Echemos un vistazo de cerca a algunas áreas del sitio que podrían mejorar.
El logo
Soy bastante exigente cuando se trata de resolución y me encuentro haciendo esta misma sugerencia en varias críticas. Su logotipo es la primera y principal representación de su sitio que los visitantes encontrarán. Por lo tanto, desea que sea lo más nítido y preciso posible. El logo aquí es un poco borroso.
La imagen ya es un PNG, pero parece un JPG de baja resolución. Los PNG son capaces de retener una cantidad impresionante de detalles y claridad, por lo que imagino que el problema está en su PSD. Asegúrese de compilar el archivo al tamaño adecuado y no comience con recursos pequeños que luego tendrá que estirar para ser más grande.
¿Dónde está el énfasis?
Uno de los problemas principales con el uso de un diseño modular de este tipo es que es fácil perder un sentido de jerarquía. En lugar de una estructura de comunicación claramente delineada, tiene varios elementos con un énfasis similar que compite por la atención. Eche un vistazo a la imagen de abajo y piense en dónde reside el énfasis. ¿Qué parte del sitio llama más la atención?
Si le preguntas a cien personas, es probable que obtengas varias respuestas diferentes. Simplemente no hay un punto de partida fuerte. En todo caso, el anuncio en la parte superior es el elemento visual más fuerte y confunde a los espectadores en cuanto a si el mensaje está publicitando sus servicios o los de alguien más.
Recuerde que un buen diseño crea un camino claro para que lo sigan los espectadores. Pueden romper el camino si lo desean, pero debería haber una sugerencia fuerte. Guíelos de un lugar a otro y se mantendrán interesados, los incluirán en un conjunto de contenidos y cerrarán la página y seguirán adelante.
Recomiendo crear un encabezado más claro para el sitio, ya sea de marca pura o de mayor tamaño? En la sección, solo cree algo que se extienda a lo ancho del sitio que pueda servir como un fuerte punto de partida visual.
Alineación
Las casillas que contienen el contenido principal establecen una alineación clara para el sitio, tanto en el lado izquierdo como en el derecho. Esta línea se sigue hasta el final de la página, pero se viola en la parte superior. En la imagen de abajo, lo he mostrado dibujando dos líneas que suben desde el contenido principal.
Como puede ver, tanto el anuncio como la navegación simplemente no se alinean correctamente con el contenido del sitio. Esto tiene el efecto de hacer que el sitio se vea un poco descuidado y empuja la idea de que el anuncio fue una idea de último momento que se forzó en el diseño. Sugiero alinear el anuncio con el resto del contenido y mover la navegación para que aparezca ¿Inicio? se alinea con el resto del contenido debajo de él.
Pensamientos finales
Aparte de eso, el sitio lo hace bastante bien. Las alineaciones son fuertes en todo el resto, hay algunos efectos de desplazamiento que muestran cómo se ve un fondo de pantalla en un iPhone, la sección de fondos de pantalla tiene un tratamiento de esquina limpio en las imágenes y el pie de página del sitio se ve excelente.
Algunas otras cosas que pueden abordarse opcionalmente incluyen el tamaño del texto (se siente un poco pequeño), las esquinas redondeadas (ligeramente dentadas) y la navegación (colores repetidos). Finalmente, considere agregar algunos puntos principales de contraste a la página. La sugerencia de encabezado que hice antes podría ser realmente llamativa si se tratara de un gris o negro muy oscuro estirado en toda la página. El contraste es una excelente manera de agregar variedad e interés visual a 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 claros y constructivos sin ningún insulto.