Crítica de diseño web # 26: Caja de herramientas de iPhone
Cada semana echamos un vistazo a un nuevo sitio web y analizamos el diseño. Señalaremos ambas áreas que están bien hechas, además de aquellas que podrían necesitar algo de trabajo. 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 si un consultor visitara su sitio! Puedes encontrar mas aqui.
Acerca de iPhoneToolbox
“Recopilamos los mejores recursos para el iPhone, incluidos fondos de pantalla, iconos, aplicaciones para iPhone y noticias para los fanáticos del 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 buen 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 dispares. 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 fue forzado a una plantilla en lugar de que el sitio esté diseñado en torno al contenido. Las plantillas son geniales 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
Es cierto que 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 agudo posible. El logo aquí está un poco borroso.
La imagen ya es PNG, pero parece un JPG de baja resolución. Los PNG son capaces de retener una cantidad impresionante de detalles y claridad, así que imagino que el problema radica en su PSD. Asegúrese de crear el archivo con el tamaño adecuado y no comience con recursos pequeños que luego debe estirar para que sean más grandes.
¿Dónde está el énfasis?
Uno de los principales problemas con el uso de un diseño tan modular es que es fácil perder el sentido de jerarquía. En lugar de una estructura de comunicación claramente delineada, tiene varios elementos con un énfasis similar que compiten por la atención. Eche un vistazo a la imagen a continuación y piense dónde está el énfasis. ¿Qué parte del sitio llama más tu atención?
Si le preguntaras a cien personas, probablemente obtendrías 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 sobre si el mensaje anuncia o no sus servicios o los de otra persona.
Recuerde que un buen diseño crea un camino claro para que los espectadores lo sigan. Pueden desviarse del camino si lo desean, pero una fuerte sugerencia debería estar allí. Guíelos de un lugar a otro y seguirán interesados, tírelos a un grupo de contenido y cerrarán la página y continuarán.
Recomiendo crear un encabezado más claro para el sitio, ya sea puro branding o una sección "destacada" más grande, simplemente cree algo que se extienda a lo ancho del sitio y que pueda servir como un fuerte punto de partida visual.
Alineación
Los cuadros 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 a continuación, he mostrado esto dibujando dos líneas que van 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 ocurrencia tardía que se vio obligada a incorporarse al diseño. Sugiero alinear el anuncio con el resto del contenido y mover la navegación para que "Inicio" se alinee con el resto del contenido debajo de él.
Pensamientos finales
Aparte de eso, el sitio funciona 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 fondo de pantalla tiene un tratamiento de esquina ordenado en las imágenes y el pie de página del sitio se ve muy bien.
Algunas otras cosas que pueden abordarse opcionalmente incluyen el tamaño del texto (se siente un poco pequeño), las esquinas redondeadas (ligeramente irregulares) y la navegación (colores repetidos). Finalmente, considere agregar algunos puntos importantes de contraste a la página. La sugerencia de encabezado que hice anteriormente podría ser realmente llamativa si fuera un gris oscuro o negro realmente extendido a lo largo de 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, participe y ayude dando al diseñador algunos consejos adicionales. Háganos saber lo que piensa 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 libres de cualquier insulto.
