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 el portafolio del fotógrafo Matthew Coughlin.
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.
Acerca de Matthew Coughlin
Matthew Coughlin es un fotógrafo creativo de retratos de Pensacola, Florida. Su trabajo hace un uso pesado y bastante magnífico de la iluminación de estudio en entornos naturales. El resultado es un estilo muy distintivo que normalmente tiene un impresionante rango dinámico y una apariencia y sensación muy dramáticas. Me gusta particularmente su capacidad para captar realmente la personalidad de su tema. Cada foto cuenta una historia muy definida de una manera muy atractiva.
Aquí hay una captura de pantalla de la página de inicio:
Mira ma, no flash
Recientemente tuvimos un pequeño obsequio para una crítica que requería que los participantes simplemente nos dispararan un tweet con la URL de su sitio. Después de mirar a través de los participantes, me atrajo al instante el sitio de Matthew, personalmente como fotógrafo y como desarrollador web.
Lo primero que pensé fue realmente refrescante fue la falta de Flash. No quiero convertir esto en una sesión de Flash-bashing pero creo firmemente que hay una dependencia excesiva de Flash en la industria de la fotografía. Casi todos los sitios de fotógrafos que puedes encontrar están construidos casi completamente en Flash.
Para ser justos, esta tendencia tiene sus pros y sus contras. Por el lado positivo, los sitios de fotógrafos tienden a ser increíblemente dinámicos e interactivos, lo que puede ser una forma muy atractiva de ver fotos. Este es un elemento que definitivamente falta en el sitio de Matthew, ya que es una página bastante estática. Hay algo de interactividad, que veremos más adelante, pero en su mayor parte es solo una galería de imágenes CSS estándar.
En el lado negativo, Flash tiene mucho equipaje. Es un procesador intensivo, definitivamente se puede señalar como la causa de un buen número de fallas en el navegador, pero lo más importante es que no es muy amigable para los dispositivos móviles. Obviamente, iOS bloquea completamente Flash, pero incluso las plataformas móviles que lo soportan están bastante sobrecargadas por los enormes sitios de fotógrafos de Flash del 100%.
Dicho todo esto, me encanta ver a los fotógrafos ocasionales que deciden oponerse a lo que definitivamente es el estándar de la industria y utilizar un enfoque de sitio más compatible.
Disposición Responsive
Otra cosa que aprecié de inmediato sobre este sitio es que el diseño responde bastante bien. Vemos que este sitio no solo es apto para dispositivos móviles en el sentido de que no utiliza Flash, sino que también se adapta extremadamente bien a tamaños de pantalla más pequeños. Por supuesto, el diseño es tan simple que no fue una gran hazaña, ¡pero definitivamente no es algo malo!
El diseño sensible / flexible se logra de manera muy simple, con una sola consulta de medios y muchos valores basados en porcentajes. Nada cambia de tamaño realmente a medida que cambia el diseño, la página simplemente vuelve a aparecer. Creo que un poco de consideración hacia las imágenes fluidas podría hacer que la vista móvil sea mejor.
No todos son receptivos
Una cosa que me confunde un poco es que el diseño sensible esencialmente se detiene en la página de inicio. El diseño del blog, al ser una cuadrícula muy similar a la de la página de inicio, se adapta perfectamente a la misma técnica y, sin embargo, definitivamente no es tan sólido.
Curiosamente, la página del blog realmente se ve mejor en mi iPhone que en mi escritorio, sugiriendo que tal vez el diseñador estaba tomando una estrategia móvil. Sin embargo, como puede ver en la imagen anterior, el diseño es bastante incómodo en un escritorio, ya que hay una gran cantidad de espacio vacío en el lado derecho.
Interacción
Volviendo a la página de inicio, echemos un vistazo a lo que sucede cuando haces clic en una imagen. Aquí puedes ver que obtienes este bonito y grande control deslizante jQuery que muestra las imágenes en un entorno más enfocado.
Esto me gusta mucho y creo que el sitio definitivamente lo necesita, sin embargo, tengo algunas sugerencias para mejorarlo. Para empezar, los controles de avance / retroceso están un poco apartados, y tal vez sea una mala manera de ponerlos porque me gustan donde están, pero creo que sería mucho más útil si además de lo que ya está en lugar, haciendo clic en la imagen grande avanzada la presentación de diapositivas Esta funcionalidad es intuitiva, espero obtener una nueva imagen cuando hago clic en el área de la imagen principal, pero no lo hago.
Además, creo que sería bueno tirar un poco? ¿Jugar? Botón que recorre las imágenes automáticamente. Simplemente no puede evitar que la gente esté acostumbrada a ver presentaciones de diapositivas en sitios de fotografía, es una excelente manera de captar un grupo de imágenes y no requiere ningún trabajo por parte del usuario. Creo que lanzar esta funcionalidad aquí mientras se mantiene en el ámbito de JavaScript / jQuery aumentará la impresión de la experiencia general.
Conclusión
En resumen, me gusta mucho el diseño básico y centrado en la foto del sitio. Me encanta que el sitio no esté basado en Flash, al igual que muchos portafolios de fotografía, y aprecio el trabajo adicional que se ha puesto para hacer que la página de inicio sea un poco receptiva.
Como mencioné, definitivamente repensaría el diseño de la página del blog y agregaría algunas funciones al control deslizante en la página de inicio. Como una sugerencia final, podría ser bueno tener una imagen destacada o una presentación de diapositivas en la página de inicio. La cuadrícula es perfectamente atractiva pero puede percibirse como un poco aburrida y uniforme. Dividir un poco el diseño con una imagen más grande que el resto agregará variaciones y reducirá la redundancia en el 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.