Diferencia entre revisiones de «Estado Actual de Sitios Web de Fotografía»

De Casiopea
Línea 709: Línea 709:
Como anteriormente se señaló en el sitio de Philippe Halsman se observa un interés en construir un discurso basado en la detención en la fotografía, el cual se ve interrumpido una vez que se quiere pasar de una a otra de modo particular. Esta interrupción se ve potenciada por el tamaño de la fotografía, el cual es muy reducido.
Como anteriormente se señaló en el sitio de Philippe Halsman se observa un interés en construir un discurso basado en la detención en la fotografía, el cual se ve interrumpido una vez que se quiere pasar de una a otra de modo particular. Esta interrupción se ve potenciada por el tamaño de la fotografía, el cual es muy reducido.


esquema
[[Archivo:Benchmark parte II elementos nav I ortega.jpg|700px|center]]


Esta constante interrupción visual que se observa en el sitio es mayor que la intención de generar detención en la fotografía, razón por la cual no se logra este objetivo.
Esta constante interrupción visual que se observa en el sitio es mayor que la intención de generar detención en la fotografía, razón por la cual no se logra este objetivo.

Revisión del 19:11 11 sep 2014






Caso de Estudio
NombreEstado Actual de Sitios Web de Fotografía
Período2014-2014
Palabras Clavesitios web, fotografía
RelacionadoProyectos Editoriales: Cuerpos Gráficos EAD y Obra de Rolando Rojas
Estudiado porJosé Miguel Ortega

En Relación al Caso de Estudio

Descripción del Caso de Estudio

Desde la necesidad de realizar un sitio web para albergar todo el trabajo fotográfico de Rolando Rojas -reconocido fotógrafo de la quinta región destacado por su labor como retratista en blanco y negro- se decide realizar este caso de estudio, cuyo eje central se basa en el estado actual de la fotografía en la web, específicamente en el modo de presentar el trabajo artístico de un determinado fotógrafo, el cómo se presenta un particular y al mismo tiempo se logra construir un total que da cuenta de los distintos ámbitos de trabajo en los que un fotógrafo se desenvuelve.

El presente caso de estudio se divide en dos grandes etapas:

  • Construcción de una serie de referentes web ligadas a la fotografía: Para esto se presentarán una serie des sitios web de fotógrafos, esto en dos grandes grupos; por un lado se estudiarán casos de fotógrafos actuales, esto para entender cuál es el estado actual de la fotografía y el cómo esta se muestra actualmente en la web. Por otro lado se estudiarán sitios web de fotógrafos retratistas, haciendo énfasis primero en los pasados y luego en actuales. Para el primer caso -fotógrafos pasados- se decide hacer hincapié en cómo dar cuenta de su modo de trabajo y el carácter principal de este, sin dejar de lado el despliego actual de su legado: montaje de exposiciones, ediciones en los que ha participado, noticias, eventos, etc. Una segunda parte centrada a retratistas actuales busca generar conocimiento en cuanto al manejo del retrato hoy en día y el cómo este se muestra mediante sitios web afines.
  • Análisis del trato de la fotografía: Una segunda etapa en este caso de estudio se centra en un sistema de relaciones gráficas basadas en los sitios web presentados con anterioridad, el caer en la cuenta de buenas y malas prácticas de estos sitios web con la finalidad de poder plantearse un correcto modo de mostrar el trabajo fotográfico de Rolando Rojas

Objetivo General

Se define como objetivo general el construirse una serie de referencias web relacionadas al trato de la fotografía en este mismo soporte, con la finalidad de poder proponer un diseño de galería de imágenes coherente con el discurso gráfico propio e las fotografías de Rolando Rojas.

Objetivos Específicos

  • Hacerse de una serie de referencias web entorno al estado actual de la fotografía.
  • Entender la complejidad y la cantidad de información que se rescata de fotógrafos retratistas pasados.
  • Establecer relaciones gráfica entorno a retratistas pasado con otros actuales.

Presentación de las Referencias

A continuación se presentan una serie de referencias web relacionadas al trato de la fotografía en este mismo soporte. Las referencias se dividen en dos grandes grupos, primero se presentan las relacionadas al estado de la fotografía en la web ligada a fotógrafos actuales, esto con la finalidad de entender y nutrirse de la visión que hoy en día tiene la fotografía en la web. En una segunda instancia se presentan sitios web de retratistas, esta sección en subdivide en dos categorías; por un lado grandes retratistas pasados de los que se algún externo o su propia fundación se ha hecho cargo de su material artístico y le ha diseñado un sitio web, y por otro lado el presentar sitios web de retratistas actuales.

El modo de presentar estas referencias se basa en mostrar en una primera instancia la home del sitio web, luego contextualizar en relación al fotógrafo (quién es, por qué se destaca, donde trabaja, etc.), para luego finalizar señalando buenas y malas prácticas que se observan en el sitio de manera objetiva. Estas indicaciones giran en torno al modo de mostrar la fotografía, la construcción de un particular y de un total en relación al contenido y a la navegación del sitio (arquitectura de la información, menú de navegación, botones, scroll, etc.).

Sitios de Fotógrafos Actuales - Portafolios

James Day Photo

Benchamrk jamesdayphoto.com ortega 1.png

Este sitio web corresponde al portafolio de James Day, fotógrafo británico de renombre internacional, cuyo trabajo se diviede tanto en el área de la publicidad como editorial. Su trabajo ha recibido numerosos premios como varios Gold Lions en Cannes, silver D&AD pencils y Grand Clio. Ha participado en campañas publicitarias de Sony, Ford, Audi, Heineken, entre otros; mientras que su trabajo editorial se extiende a revistas como The New York Times, New York Megazine, US y UK Wired, Vanity Fair, CQ, etc.

En cuanto al sitio web y el modo de mostrar su contenido se observa cierta intención de entregar claridad entorno a este, por ejemplo el menú de navegación se va desplegando hacia la izquierda y una vez que esto sucede, este mismo menú se vuelve protagonista del sitio, mientras que el resto del sitio se vuelve más blanco. Lo mismo ocurre al querer ver una fotografía, esta ocupa el mayor espacio en el sitio, el menú pierde opacidad y se entrega la opción de visualizarlas a pantalla completa. Por otro lado, en ningún momento el sitio presenta la necesidad de hacer scroll, todo se presenta en el espacio dispuesto por la pantalla.

Siguiendo con el tema de la visualización de las fotografías, durante esta instancia se entregan múltiples herramientas para poder navegar sus similares (a través de una galería pequeña debajo de la fotografía) como también de regresar a su categoría dentro del menú de navegación de manera rápida y clara (se dispone una acceso directo al menú en la parte inferior de la fotografía).

El sitio por otra parte, entrega la posibilidad de compartir el trabajo del fotógrafo a través de las redes sociales, Facebook y Twitter, para esto se dispone de un espacio en la parte superior derecha de la pantalla.

Se observan dos principales debilidades en el sitio: por un lado el menú de navegación es demasiado extenso en algunas secciones, lo cual genera que el usuario se pierda fácilmente y olvide donde se encuentran las fotografías que le interesan. Mientras que por otro lado, la visualización de las galerías de fotografías se disponen en el lado izquierdo de la pantalla en un tamaño pequeño, lo cual ocupa menos de un tercio de la pantalla, perdiendo así gran espacio.

Mapa de Navegación

MAPA DE NAVEGACION james day photo ORTEGA.png

Piotr Kulcycki

Ortega benchmark piotr kulczycki 01.png


World in My Lens es el sitio web del fotógrafo y diseñador web Piotr Kulczycki (polaco), quien es un "travel photographer". En su sitio se pueden encontrar muchas de las fotografías correspondientes a sus viaje alrededor del mundo (9960 fotogeafías).

En relación al sitio se observan 3 vías de acceso al contenido, por un lado en la esquina superior izquierda se puede desplegar el menú de navegación, el cual se divide según continentes y luego en países. Por otro lado, si se hace scroll en la home, se puede acceder a un mapa del mundo en donde se marca los lugares visitados por el fotógrafo (segunda vía de acceso). Finalmente, si se hace más scroll en la home, se puede acceder a una lista compuesta por filas y columnas, en donde se disponen por orden alfabéticos los países visitados por el fotógrafo.

En cuanto a las galerías según los países, esta se visualiza entorno al total, en donde se pueden observar todas las fotografías correspondientes al lugar, eso si, se debe hacer scroll cuya extensión varía según la cantidad de fotografías. Una vez que se selecciona una fotografía, esta se despliega con un mayor tamaño, en donde se señala lugar y fecha de la captura, y se entrega la opción de comprar, compartir a través de redes sociales y acceder al nombre o catalogación de esta. Cabe señalar que entre todos los sitios revisados es el único que entrega la catalogación de la fotografía.

La principal debilidad del sitio se observa en el exceso de scroll para ver el total de las fotografías, perdiendo así la noción del total, y en el exceso de efectos visuales, lo cual distrae al usuario en relación al contenido principal, el cual en este caso son las fotografías.

Mapa de Navegación

MAPA DE NAVEGACION world in my lens ortega.png

Daniel Weisser Photography

Benchamar danielweisser home Ortega.png

Daniel Weisser es un "music photographer" alemán, cuyo trabajo se centran en la fotografía de eventos musicales como en la realización de books para bandas. Por otro lado posee un amplio trabajo dedicado a la publicidad y al lado editorial. Sus fotografías han sido publicadas en Elle US e Italy, DAMn Magazine, Prinz, Icon, entre otras.

El Sitio web - Portafolio de Daniel Weisser se destaca por disponer una selección de todo su trabajo en la misma home del sitio, en donde el menú de navegación -el cual se encuentra en la parte superior del sitio- funciona como filtro, de este modo logra que la fotografía sea el protagonista de su portafolio.

A pesar de que se destaque por su simplicidad, es esta misma característica la que le entrega una debilidad al sitio. El sitio no muestra una complejidad de trasfondo en cuanto a la selección de las fotografías que se disponen, en ningún momento se señalan referencias en relación al contexto de la fotografía o de la persona fotografiada, cuál fue su uso, lugar, fecha, etc.

Mapa de Navegación

MAPA DE NAVEGACION danielweisser ORTEGA.png

Eric Ryan Anderson

Ortega benchamark eric ryan anderson 01.png

Eric Ryan Henderson es un fotógrafo de estudio estadounidense cuyo trabajo se centra en retratos y ciertos eventos sociales. Su trabajo no sólo se limita a la fotografía, sino que también se desempeña como director de arte de cortos, comerciales y videos musicales de bandas neoyorkinas emergentes.

En la home de su Portafolio se dispone de una fotografía a gran tamaño con un menú de navegación acotado: Photography, Films e Info, esto escrito con letras en gris, las cuales en algunos casos por el color de las fotografías de fondo se pierde. Por otro lado el sitio presenta una sección inferior a modo de menú en donde se dispone el blog y el instagram personal del fotógrafo.

Una vez que despliega el menú correspondiente a las fotografías se permite la navegación por las diferentes galerías fotográficas, estas aparecen mediante dos o tres columnas verticales, lo cual genera que se aprecie a grandes rasgos el total de fotografías que se disponen en dicha galería. Una vez seleccionada una fotografía, el sitio dispone un menú de navegación inferior que facilita el recorrer el total; ir a la siguiente, ir a la anterior, volver a la opción de galería, la numeración de la fotografía en relación al total de la galería y entrega la opción de enviar la fotografía vía e-mail.

Se observa una principal debilidad ligada al menú de navegación, se presentan 3 secciones, pero solo una se despliega y se complejiza en cuanto a su contenido. Por otro lado no se muestra claridad en cuanto al criterio de selección de fotografías -las opciones que se despliegan en "photography no parecen tener relación entre ellas en cuanto a jerarquía, algunas son muy generales mientras que otras muy específicas-. Por otro lado presenta en exceso de scroll vertical para mostrar las fotografías.

Mapa de Navegación

MAPA DE NAVEGACION eric ryan anderson.png

Kevin Hofer

Ortega benchmark kevin hofer 01.png

Kevin Hofer es un fotógrafo estadounidense cuyo trabajo se centra en retratos y el fotomontaje de estos. A pesar de no ser un fotógrafo conocido, personalmente se decide tomarlo como referencia por la claridad de mostrar el trabajo fotográfico en su sitio. Si bien no es un sitio con una gran complejididad, el hecho de que la home de este sea una galería en donde se muestra el total de su trabajo permite al usuario entender el trabajo que él realiza. Este se muestra no a modo de galería -con filas y columnas- sino más bien como una galería cambiante.

En la parte inferior del sitio se dispone el menú de navegación, el cual permite filtrar el contenido y hacer un preview de las fotografías correspondientes a esa categoría, esta galería posee la característica de ser momentánea, ver el total y escoger la fotografía que se quiere ver en detalle. Al lado derecho de la pantalla se dispone una flecha para ir avanzando por las fotografías.

Bajo la flecha que anteriormente se describió, se disponen la opción para compartir a través de las redes sociales, facebook, twitter, pinterest y google+.

Sus debilidades se centran en el despliegue momentáneo de las galerías mediante el menú de navegación, ya que esta se mantiene abierta solo si el cursor se desplaza dentro de la misma galería, sino esta se cierra, y en el hecho de no catalogar, ni entregar una ficha técnica de las fotografías -esto sólo se dispoene en la sección "Travels".

Mapa de Navegación

MAPA DE NAVEGACION KEVIN HOFER.png

Sitios de Fotógrafos Retratistas

Sitios de Fotógrafos Retratistas Históricos

Atelier Robert Doisneau

Benchmark robert-doisneau.com ortega 1.png

Robert Doisneau (14 de abril de 1912 - 1 de abril de 1994) fue un reconocido fotógrafo francés, quien junto a Henri Cartier-Bresson fueron los pioneros en el "fotoreportaje". Es reconocido por su fotografía de 1950 Le baiser de l'hôtel de ville (Kiss by the Town Hall), la cual mostraba una pareja besándose en las transitadas calles de París. También conocido por sus fotografías irónicas, modestas y divertidas en donde yuxtaponía diferentes realidades; clases sociales, productos, calles y cafés de París, etc.

Su sitio web llamado Atelier Robert Doisneau se destaca por el contenido dispuesto en su interior; biografía, cámaras y lentes que usaba, exposiciones tanto que él realizó como las que se montan hoy en día, bibliografía, sin dejar de lado sus fotografías. Este último punto se destaca por una selección de sus mejores fotografías, en donde esta se limita al uso de 15 por cada galería.

A pesar de ser un célebre fotógrafo del siglo pasado, su sitio posee varías debilidades. El sitio no posee una estructura clara, sino más bien cambiante, en donde el menú de navegación va cambiando de posición a medida que se recorre el sitio, en algunos casos no encaja con el ancho de la pantalla, se desconfigura y pasa a una segunda línea. Por otro lado el sitio entrega la opción de cambiar el color de este mismo, el cual una vez escogido un color, este no se aplica para todo el sitio. En las galerías particulares, la previsualización de esta no es generosa con el usuario en el sentido de la cantidad que muestra -va de 3 en 3-, lo cual provoca una pérdida de noción en relación al total. La opción para pasar de una fotografía a otra se muetra de manera muy invasiva, ocupando más del 60% de la fotografía. A pesar de que dentro de cada galería se entrega un acceso directo a cada una de las galerías, esta no está diseñada acorde al sentido gráfico del sitio, sino más bien se muestra un diseño otorgado por defecto.

Por otro lado, visualmente el sitio no posee una estructura clara, el diseño de interfaz tampoco ayuda a diferenciar los elementos, ya que todos se muestran de manera similar (en cuanto a colores).

Mapa de Navegación

MAPA DE NAVEGACION robert doisneau Photography ORTEGA.png

Richard Avedon

Benchmark avedonfoundation.org ortega 1.png


Richard Avedon (15 de mayo de 1923 - 1 de octubre de 2004) fue un reconocido fotógrafo estadounidense. El día de su fallecimiento, The New York Times afirmaba que sus fotografías de moda y sus retratos habían ayudado a definir, en Estados Unidos, durante el último medio siglo, la imagen de belleza, elegancia y cultura.

The Avedon Foundation corresponde al sitio web que alberga el trabajo de Richard Avedon, este hace una selección de las mejores fotografías mediante tres principales filtros: retratos, reportajes y moda; sin dejar de lado la opción de contacto, "about" y una aplicación para iPad, el cual mejora la experiencia entregada por el sitio a través de dar cuenta del proceso creativo detrás de las fotografías, también otorga las fichas técnicas de las fotografías. Estos filtros se disponen a modo de menú de navegación en la parte inferior del sitio.

Una de las principales fortalezas del sitio es la claridad en cuanto al contenido, el fácil manejo de las opciones -mapa de navegación- y el espacio dispuesto para el aparecer de las fotografías, en donde estas se vuelven las protagonistas del sitio.

El trabajo de Richard Avedon se destacó por la captura de retratos, por lo tanto una vez que ingresa al sitio, la home de esta corresponde ya a la primera opción del menú de navegación, el cual en este caso es "Retratos".

En cuanto a las opciones de visualización de las fotografías, una vez que se escoge una opción en el mapa de navegación, esta parte mostrando una con la opción de pasar a la siguiente, no permitiendo así el poder ver el total. Sin embargo en la parte inferior izquierda del sitio se otorga la opción de ver en galería completa, siendo en este momento la única instancia que se hace uso del scroll.

Cabe decir que una de las principales debilidades del sitio se centra en la opción anteriormente descrita, ya que en este momento la galería fotográfica entrega el total de estas relacionadas a el filtro principal escogido, la cual muestra categorías no dispuestas en el menú de navegación, más bien se accede a estas categorías de manera indirecta. Otra debilidad es la escasa referencia que se tiene en torno al momento de la captura de la fotografía, uso de esta y su soporte

Mapa de Navegación

MAPA DE NAVEGACION richard avedon ORTEGA.png

Philippe Halsman

Benchmark philippehalsman.com ortega 1.png

Philippe Halsman (2 de mayo de 1906 - 25 de junio de 1979) fue un reconocido fotógrafo de Letonia, cuyo trabajo se destaca por las fotografías que le realizó a personajes célebres de la historia: Albert Einstein, Richard Nixon, Audrey Hepburn, Alfred Hitchcock, Frank Sinatra, Marilyn Monroe, y a su amigo personal Salvador Dalí, con el que trabajó conjuntamente durante muchos años en composiciones de carácter fantástico y surrealista.

El trabajo realizado por Philippe Halsman está dispuesto en el sitio philippehalsman.com, el cual no se limita solamente en sus fotografías, sino en todo su trabajo realizado, siendo esta su principal fortaleza.

El sitio presenta un menú de navegación en la parte superior, el cual presenta nueve categorías; "images", Helsman (biografía), "career" (premios y reconocimientos), el contacto para el uso del archivo, las publicaciones en donde haya participado o hayan usado su trabajo, la licencia para el uso legal de sus fotografías, la venta impresa de su material y noticias, dando cuenta así de la importancia de su trabajo.

Su fortaleza se centra en la simpleza de estructura del sitio, este se muestra de manera simple, en donde el menú de navegación no se despliega, sino más bien aparece como sidebar en lado izquierdo de la pantalla, el cual se repite al centro del sitio a modo de thumbnail. En este caso al poseer una amplía colección de Salvador Dalí, este posee una sección exclusiva para él. El scroll correspondiente a las galerías no es de larga extensión, lo cual permite el mantener la noción en cuanto al total (cantidad). El máximo scroll se encuentra en la sección correspondiente a "Carreer", la cual muestra exhibiciones, premios, entre otros datos; pero este gran scroll no presenta mayores problema, ya que al igual que en "Images", aparece un menú lateral que ayuda a la navegación.

Por otro lado el sitio no presente grandes efectos visuales que desenfoque la atención del usuario en cuanto a su contenido.

Una debilidad se relaciona con la visualización de las imágenes, a estas se accede única y exclusivamente a través de las galerías y una vez que se hace click sobre una de ellas, esta se abre pero a un tamaño pequeño, lo cual no permite verla en detalle (la fotografía pierde peso). Tampoco se indica mayores datos de la fotografía más que el año en algunos casos o el personaje fotografiado.

Mapa de Navegación

MAPA DE NAVEGACION philippe halsman ORTEGA.png.png

Gordon Parks

Benchmark gordonpartkfundation.org ortega 1.png

Gordon Parks (30 de noviembre de 1912 – 7 de marzo de 2006) fue un fotógrafo estadounidense, músico, escritor y director de cine. Se destacó por sus fotografías utilizadas en la revista Life y como el director de la película "Shaft" en 1971.

gordonparksfoundation.com corresponde al sitio que guarda y hace visible el trabajo del fallecido fotógrafo, tanto para publicidad, libros, revistas y a la vez da apoyo a actividades artísticas y académicas. Bajo este sentido se entiende que el sitio más que nada responde a la fundación y su labor, más que el mostrar todo el trabajo realizado por el fotógrafo.

El sitio posee un menú de navegación con un orden jerárquico claro: el archivo fotográfico, información en relación al grupo de trabajo detrás del sitio "about us", la biografía de Gordon Parks, noticias y eventos, "educations" a modo de mostrar becas de apoyo para actividades académicas y artísticas, y cierra con Donate. Tres de estas categorías despliegan más opciones de navegación, tanto la hacer hover en el menú de navegación como al hacer click sobre ellas, en este último caso, se abre un sidebar a lado izquierdo del sitio.

El contenido en relación al archivo fotográfico se limita a 91 fotografías dividas en ocho subcategorías, las cuales se desprenden de tres grandes. Cada fotografía es presentada con nombre, ubicación y año de captura. Una debilidad en relación al contenido fotográfico se relaciona con la visualización de estas: no pueden ser visualizadas a gran tamaño, tampoco se puede ver el total de las fotografías por categoría, solo se tiene acceso al total numérico -se complejiza el volver atrás a una fotografía específica-.


Mapa de Navegación

MAPA DE NAVEGACION GORDON PARKS foundation ORTEGA.png

Sitios de Fotógrafos Retratistas Actuales

Joe McNally

Benchmark portfolio.joemcnally.com ortega 01.png

Joe McNally es un fotógrafo aclamado internacionalmente con más de 30 años de trayectoria, cuyo trabajo se ha expandido a más de 50 países. Ha trabajado en portadas para TIME, Newsweek, Fortune, New York, Entertainment Weekly, The New York Times Sunday Magazine, y Men's Journal. Ha trabajado como apoyo fotográfico para LIFE y National Geogrpahic, en esta última lleva 23 años como consultor fotográfico. Nombrado una de las 100 personas más importantes en el mundo de la fotografía actual como también 1 de los 30 fotógrafos con mayor influencia de la década. Fue honrado como un miembro de Kodak-PDN Legends Online y tambien como Nikon Legend Behind the Lens.

El portafolio de Joe McNally no solo se limita a presentar su trabajo fotográfico, sino que a la vez muestra la extensión de su trabajo. En su menú de navegación (dispuesto en el lado izquierdo de la pantalla) se puede encontrar contenido relacionado con workshops en donde ha participado, videos que haya dirigido y la tienda para la compra de su material visual. Al ser un fotógrafo principalmente retratista, en su menú de navegación en ningún momento se nombra la palabra retrato, se da por hecho el carácter de su trabajo. Dentro de su menú también se puede encontrar la sección "selected campaings" y "special projects", siendo estas tres, junto a "portfolio", las únicas secciones que disponen material fotográfico. Como fortaleza se puede señalar que el fotógrafo a través de su sitio da cuenta de sus diferentes ámbitos de trabajo.

La fortaleza más importante se centra en la navegación de la fotografía, esta posee 3 niveles de observación; en primer lugar en cuanto a la galería de su tipología, permite ver el total, no superando las 20 fotografías, lo cual permite que el usuario se haga una idea del total. Luego al seleccionar una fotografía, esta se abre en grande y aparece un menú de navegación en la parte inferior de esta, la cual permite avanzar a través de la galería, saber en que número uno se encuentra en relación al total de la galería, volver a la pción de thumbnail, dar "play" a modo de presentación, ver a pantalla completa la fotografía, compartir la fotografía vía mail y acceder a los datos técnico de la fotografía. Al hacer click en esta última opción, la fotografía adquiere una nueva visualización (más específica), en donde se entrega la opción de descarga, el nombre de la fotografía, el derecho de autor y el tamaño de la fotografía. En este punto también existe un menú de navegación inferior, el cual permite avanzar a través de la galería y compartir la fotografía vía e-mail.

Se observan dos debilidades en el sitio en el manú de navegación, por una lado muchas opciones re-dirigen al usuario a otros sitios de manera intercalada, no se construye una totalidad dentro del mismo. Por otro lado, el despliegue del menú de navegación es hacia abajo, por lo tanto cuando se selecciona una opción todo el resto del menú también se acomoda (baja), una vez que esto sucede, el despliegue no se cierra hasta que se vuelva a seleccionar la misma opción en el menú, de este modo se pueden tener abiertas las 4 opciones que poseen despliegue, construyen así un menú de navegación muy extenso -se vuelve necesario hacer scroll-.

Mapa de Navegación

MAPA DE NAVEGACION mcnally ORTEGA.png

Mark Wallace

Benchmark markwallacephotography.com ortega 1.png

Mark Wallace es un fotógrafo retratista estadounidense cuyo trabajo se centra en la moda. Su trabajo es comúnmente usado por Sea Hoes, Sekonic, PocketWizard, Profoto, iGo, Ford Models, entre otros. A pesar de no ser un fotógrado mundialmente reconocido se decide considerar su sitio como referencia producto de la claridad y simpleza en su diseño y en la entrega de contenido.

El sitio web de Mark Wallace posee un menú de navegación en la parte inferior del sitio, en donde se disponen 7 categorías, de las cuales sólo una se centra en el trabajo del fotógrafo, mientras que las demás hacen referencia al despliegue de este oficio a otras áreas, videos, workshops, etc, lo cual se puede interpretar como una fortaleza, ya que da cuenta de los diferentes ámbitos en que se desenvuelve el artista.

En este sitio las fortalezas y debilidades se desenvuelven el mismo ámbito, por ejemplo, el menú de navegación presenta las secciones con una jerarquización clara y preceisa, pero el contraste de colores al abrir desplegarse una sección no permite que lean bien las opciones. Lo mismo ocurre al seleccionar un galería, se abre un menú de navegación secundario debajo de la fotografía que permite ver el total de la galería a modo de thumbnail, descargar el pdf y ver las fotografías a modo de presentación, pero el contraste de colores y el uso de una tipografía light, no permite leer con claridad. Se considera una fortaleza el espacio que se le dedica a la fotografía, cerca del 90% de pantalla, pero genera que el menú de navegación quede dispuesto en un espacio pequeño (debilidad). O el mismo hecho que sólo algunas fotografías tengan información en cuanto a la captura, genera que algunas adquieran mayor peso que otras.

A pesar de que el sitio es claro en cuanto al contenido que quiere mostrar y el modo de hacerlo (de manera simple), son las herramientas de diseño las que no permiten que esto suceda, diagramación, diseño de interfaz, etc.

Mapa de Navegación

MAPA DE NAVEGACION mark wallace ortega.png

Jonathan Mannion

Benchmark jonathanmannion.com ortega 01.png

Con 20 años de carrera, Jonathan Mannion ha sido uno de los principales fotógrafos ligados a la música, principalmente al Hip Hop. Ha fotografiado retratos de raperos, actores, atletas, artistas, diseñadores entre otros. Muchos de los trabajos realizados por él han sido utilizados en material promocianal para artistas de la industria de la música.

jonathanmannion.com es el nombre del sitio web en donde Jonathan Mannion dispone todo su trabajo. En la parte superior el artista dispone el menú de navegación el cual presenta 7 categorías, de los cuales los dos primero corresponden al despliegue de su trabajo fotográfico y audiovisual.

Al selección la opción "Work" se aprecia la primera fortaleza del sitio; existe un orgen jerárquico bien definido en cuanto al contenido. Dentro de "Work" se dispone: publicidad, editorial, música, retrato, video y archivo. Con esta última categoría se entiende que el fotógrafo mantiene actualizado su sitio, por lo tanto luego de un tiempo sus archivos se van almacenando en esta sección. Por otro lado visualmente el sitio utiliza colores grises y blanco, lo cual ayuda a que la fotografía sea la protagonista.

Su principal fortaleza es el dar cuenta de una cantidad de total según las categorías que define, esto a través de la opción thumbnail -esta visualización de las galerías no está impuesta ya que el usuario puede escoger si mantenerla o bien usar slideshow-. En relación a las galerías se observa un uso mínimo de scroll -sólo en thumbnail-.

En cuanto a la visualización de las fotografías estas solo se pueden ver a un tamaño reducido y el sitio bloquea la opción de "guardar imagen como". Por otro lado, como una debilidad, el sitio no muestra ningún tipo de categoría específica en cuanto a las fotografías -sin considerar su categoría asignada en el menú de navegación-, ni datos técnicos de este.

Mapa de Navegación

MAPA DE NAVEGACION jonathan mannion Ortega.png

Análisis de Elementos que conforman un Sitio Web

Como se señaló anteriormente esta segunda parte de la investigación busca generar relaciones entre las diferentes partes que conforman un sitio web, específicamente en el modo de mostrar la fotografía, la construcción de un total y un particular para cada obra fotográfica la cual sea acorde a la metodología de trabajo y la visión propia del fotógrafo.

El modo de mostrar las relaciones se ordena a dos tipos de contenido, por una lado uno más bien general: arquitectura de la información, wireframes y diseño de interfaz. Con esto se busca tener cierta noción entorno a este tipo de contenido y no quejar ajeno a pesar de no ser el centro de la investigación. Una segunda parte se centra más bien el modo de mostrar la fotografía, desde un punto de diseño propiamente tal hasta un tema más bien práctico como la catalogación o el tema ligado a los derechos legados.

Este estudio cierra con una serie conclusiones que buscar decantar todo lo aprendido, estas son de una extensión y buscan englobar lo aprendido a través de un sentido de reflexión.

Las mayoría de las referencias con las que se establecerán sistemas de relaciones gráficas corresponden a las mostradas con anterioridad, aquellas que no hayan sido mostradas serán señaladas a modo de nota al final de la página.


Arquitectura de la Información

Analizando las diferentes propuestas de arquitectura de información de sitios de fotógrafos es posible observar que el planteamiento de organización de contenido se divide primordialmente en dos tipos: por un lado existe un pensamiento ligado a un menú de navegación que funciona más bien como un filtro de contenido, en donde la selección de una de las opciones genera que el contenido dispuesto en la home se vea afectado, manteniendo sólo aquellos archivos ligados a la opción escogida. Al ir considerar algunos ejemplos de esta situación es posible observar cómo la arquitectura se traduce tan sólo al menú de navegación.

Ejemplo 1 Arquitectura de la Información - Daniel Weisser

MAPA DE NAVEGACION danielweisser ORTEGA.png

Menú de Navegación - Daniel Weisser - Kevin Hofer Photography

Ejemplo 2 Arquitectura de la Información - Kevin Hofer

MAPA DE NAVEGACION KEVIN HOFER.png

Menú de Navegación - Daniel Weisser - Kevin Hofer Photography

Por otro lado existe un planteamiento ligado a lo que podría llamarse rutas de acceso, en donde la arquitectura de la información permite acceder al contenido a partir de distintos de niveles de información jerarquizada. Por ejemplo en el sitio de Phillipe Halsman, para acceder a las fotografías de Dalí (contenido) es necesario hacer click en "Images" y luego en Dalí.

Benchamark phillipe halsman navegacion ORTEGA.png

Lo anteriormente descrito va ligado directamente con la profundidad y extensión de la arquitectura de la información, si se observa particularmente el mapa de navegación este mismo sitio es posible darse cuenta que posee una complejidad mayor en comparación con los mapas expuestos con anterioridad.

MAPA DE NAVEGACION philippe halsman ORTEGA.png.png

Se entiende que la arquitectura de la información permite un mejor acceso al contenido, de este modo la entrega de la información debe ser clara y precisa, se observa que es necesario limitar la cantidad de niveles que se despliega a través de la navegación. El sitio de James Day posee una gran cantidad de fotografías y en el modo de mostrarlas se observa la intención de darle el protagonismo, sin embargo el acceso a ellas no es del todo amable.

MAPA DE NAVEGACION james day photo ORTEGA.png

De la opción Advertising se despliegan 47 opciones de navegación y a pesar de que su diseño de interfaz aliviana un poco el modo de ver el total de este nivel, igual se observa una sobre carga de información lo cual no ayuda a una mejor experiencia en la navegación (se vuelve necesario hacer scroll para observar todo el despliegue).

Otro ejemplo que se vuelve necesario nombrar es el caso de Richard Avedon, cuyo home es la misma sección que "Retratos" -opción en el mapa de navegación-. En el sitio la arquitectura de la información también funciona como un filtro en cuanto a las fotografías que muestra, las cuales en un primer momento se ven una a una y pero que en su parte inferior derecha (a la misma altura que el menú de navegación) entrega la opción de ver en thumbnail.

Una vez dentro de la galería las fotografías se muestra catalogadas según su tipología. Esta manera de subdividir el contenido no queda expresado en la arquitectura de la información, más bien es un elemento oculto. Se entiende que por un lado esta decisión permite el observar la fotografía como un hecho particular pero que impide el acceso a un elemento específico que un usuario podría estar buscando. Es aquí donde se cae en la cuenta que se está trabajando en una propuesta distinta de mostrar y organizar el contenido.

Benchmark avedon comparacion AI ortega.png
Benchmark richard avedon segunda AI ORTEGA.png

Propuesta de AI de información para Richard Avedon.

Luego de estudiar la arquitectura de información de variados sitios se entiende de la necesidad de poseer una jerarquización de contenido adecuada para el material que se está tratando. En este caso, un sitio de un fotógrafo, la AI debe permitir acceder de manera eficaz al contenido pero que esto no imposibilite el encontrarse con la fotografía como un hecho particular. Lo descrito anteriormente se entiende como un problema de diseño propio del diseño de interfaz.

Estructura del Sitio

Esta parte de la investigación se centrará en el análisis de la jerarquía visual de los elementos que componen los sitios web de fotógrafos; menú de navegación, elementos que permiten el paso de una fotografía a otra, la fotografía en si misma, entre otros. Todo esto permitirá caer de las buenas y malas prácticas que giran entorno al orden de un sitio web de un fotógrafo, con la finalidad de que más adelante se pueda proponer una estructura de wireframes adecuada para la visión fotográfica de Rolando. Se evitará referirse directamente a la fotografía y sus necesidades ya que más adelante en este caso de estudio se explayará con una mayor extensión sobre la fotografía y sus necesidades.

Menú de Navegación

Al detenerse a en la estructura de los menú de navegación dentro de los sitios de fotógrafos es posible observar una tendencia en ubicarlos principalmente en la parte baja de la pantalla, en donde su aparecer se muestra de una manera sutil ocupar sin un gran espacio. Archivo:Benchmark fotografía comparacion menú de navegación ORTEGA.png

Por otro lado también se encuentra sitios en donde su menú de navegación se encuentra en la parte lateral izquierda del sitio, en estos casos el menú ocupe un espacio limitado, en donde el mayor protagonismo se le otorga al aparecer de la fotografía.

Archivo:Benchmark fotografía comparacion menú de navegación II ORTEGA.png

Al observar menús dispuestos en la parte superior de las fotografías se cae en la cuenta que estos generan que las fotografías se muestren limitadas en un espacio inferior y adquiera un segundo orden de jerarquía. El disponer el menú de navegación el parte baja del sitio genera que la fotografía adquiera un mayor protagonismo ya que es lo lo primero que aparece. Al disponerlo en la parte lateral sucede lo mismo, la fotografía adquiere un protagonismo tal que el resto de los elementos funcionan como un apoyo para la navegación y la experiencia dentro del sitio .

Espacio para la Fotografía

Al estudiar con detención varios sitios web de fotógrafos es posible observar que el espacio que se le otorga a la fotografía corresponde al centro de la pantalla a gran tamaño (utilizan cerca del 40%). A pesar de la intención de resaltar la fotografía, en muchos de estos casos no se logra el objetivo. Uno de estos casos se basa en la interrupción a la hora de contemplar el material fotográfico, en el sitio de Robert Doineaus se vuelve necesario hacer scroll para poder verlo por completo. Por otro lado los comandos de navegación de la fotografía -los que permiten el paso de una a otra- posee un tamaño tal que en conjunto ocupan más del 60% del espacio visual del material, lo cual interrumpe doblemente su apreciación.

Archivo:Benchmark fotografía interrupción navegación ORTEGA .png


Otro caso en donde el espacio de la fotografía se ve interrumpido se encuentra en el sitio de Kevin Hover, en donde el despliegue del manú de navegación -el cual corresponde al mismo tiempo a la pre-visualización de la galería- ocupan un 25% del espacio de la fotografía.

Archivo:Benchmark fotografía interrupción navegación ORTEGA II.png


Como se señaló anteriormente, en la mayoría de los sitios se observa una intención por otorgarle protagonismo a la fotografía mediante el espacio que utiliza, en algunos casos esta intención de tamaño y protagonismo no logra su objetivo producto porque el tamaño en si no es lo suficiente mente grande considerando el total del espacio que podría ocupar. Al seleccionar una fotografía en el sitio de Piotr Kulczycki esta adquiere un mayor un tamaño pero se ve limitada producto de otros elementos que aparecen con ella; opción de compartir a través de redes sociales, el poder desplegar su catalogación, como también la opción de comprar. Otro ejemplo en donde ocurre algo similar es el sitio de Philippe Halsman, en donde se desaprovecha el espacio de una manera considerable mediante una fotografía que se despliega en un tamaño muy limitado, para esto una vez que se selecciona una fotografía y esta se abre, el resto del sitio adquiere una transparencia gris, la cual no es suficiente para un mejor aparecer de este tipo de material.

Archivo:Benchmark fotografías pequeñas ORTEGA1.png


Los sitio de Mark Wallace y Richard Avedon logran un aparecer de la fotografía que permite su apreciación de buena manera a través de su tamaño, esto sin la necesidad de un mayor despliegue ni elementos que distraigan la atención del usuario. En ningún momento la visualización de la fotografía se ve interrumpida por otros elementos que permitan la navegación por el sitio ni se ven limitadas por otros elementos -considerando que tampoco utilizan gran parte del espacio-. Archivo:Benchmark fotografía interrupción navegación ORTEGA IV.png

Galería de imágenes

Deteniéndose más de cerca en el modo de diseñar las galerías de imágenes es posible observar una gran variedad de planteamientos entorno al tema, estos van desde la dirección en que se disponen los elementos hasta la cantidad de muestra con la cual se pretende dar cuenta de todo el material artístico que posee un fotógrafo. Esta variedad de planteamientos en cuanto al diseño no funciona en todos los casos, por ejemplo en sitio de Robert Doineaus por cada archivo fotográfico se disponen 15 fotografías, pero al querer visuzaliar el total sólo se pueden observar de 3 o 4, lo cual dificulta el ir y volver entre una fotografía y otro, además el tamaño de estas previsualizaciones no sirve de apoyo en la navegación ya que poseen un espacio reducido para aparecer, todo esto genera una interrupción en la misma navegación del sitio.


Una práctica muy usada es el diseño de una galería a modo de thumbnail, la cual mediante un diseño de filas y columnas disponen todo el material fotográfico con la finalidad de poder ver el total de las fotografías. Muchos sitios que utilizan este sistema de galería disponen de una gran cantidad de material fotográfico para mostrar, generando así un scroll de gran extensión, en algunos más que en otro. En el caso del sitio de Philippe Halsman se observa que el scroll es medido y las fotografías se apoyan a través de un sistema cronológico que apoya al usuario a ordenarse dentro de tantas fotografías, mientras que en otros casos como en el portafolio de Daniel Weisser el scroll las fotografías van dispuestas de cierta manera que no se logra entender el criterio, más allá de mostrar el total de su trabajo a una simple vista. Un caso interesante de nombres es el sitio de Richard Avedon (tercer caso que se muestra a continuación), en su sitio se dispone una galería que para poder recorrerla completamente se vuelve necesario realizar un extenso scroll. Se podría pensar que esto interrumpe la navegación en el sitio, pero al observar su mapa de navegación y el diseño de su sitio se da a entender que la intención detrás de este es el observar la fotografía una a uno, y esta galería (que corresponde a una segunda manera de observar el contenido) es el espacio dentro del sitio en donde se dispone todo el material para aquel que lo requiera, quizás si este modo de disponer el contenido correspondería a un visualización de primer orden jerárquico, la experiencia de usuario se vería interrumpida, pero en este caso no es así.


Continuando con el diseño a modo de thumbnail también es posible observar sitios que utilizan este diseño de manera medida, ese es el caso de Joe McNally en donde se construye un total el cual es posible de disponer en el espacio total de la pantalla, siendo necesario de manera reducida el uso de scroll.

Considerando que el observar una fotografía requiere tiempo de detención se cae en la cuenta que una de las prácticas que más funcionan en cuanto a experiencia de usuario es la previsualización de la galería de imágenes dispuestos en fila, en la cual se logre apreciar gran parte del total que se pretende mostrar, como es el caso de los sitios de Kevin Hofer y James Day, sobretodo en este último, ya que como se mencionó anteriormente, en el caso de Kevin Hofer esta disposición de la galería interrumpe la apreciación de la fotografía. En el caso de James Day la previsualización de las fotografías en miniatura están dispuestos en tamaño tal que permite la correcta visualización de la imagen, la construcción mental en el usuario del de un total que se muestra y finalmente no interrumpe la apreciación de la fotografía.

Elementos de Navegación

Al tratarse de sitios de fotógrafos es posible encontrarse con una gran cantidad de material visual cuyo sentido sea el dar cuenta de todo el trabajo que este haya o que actualmente realice. Bajo este sentido es de suma importante diseñar pensando en el poder recorrer todo el material de manera fácil y sencilla, tanto lo general como lo particular. Entendiendo esto se hizo una detención en los elementos que permiten la navegación a través de las galerías; lo que permite pasar de una foto a otra, el poder acceder a pantalla completa, la opción de poder cambiar el modo de visualizar en contenido, entre otras. El sitio de Robert Doisneau (izquierda) es posible observar la intención de ayudar en la navegación de las galerías; dispone de la opción pasar de una fotografía a otro, una previsualización del resto del material a modo de galería y un filtro en la parte inferior para poder acceder a otra galería. A pesar de disponer de elementos necesarios para la navegación, estos se muestran de manera muy dura e imposibilitan una navegación aficaz. Por otro lado se tiene el caso de Philippe Halsman, en cuyo sitio no existe otra manera de apreciar el total de las fotografías en conjunto, ya que para realizar esta acción se debe seleccionar una, luego cerrarla y finalmente abrir otra, esta situación de acciones y tiempo interrumpen la navegación del sitio, haciéndola lenta y poca eficaz.


Por otro lado se cuenta con los sitios de Richard Avedon y Jonathan Mannion, cuyos sitios otorgan herramienta necesarias para la navegación a través de las fotografías, las cuales aparecen muy sutil, casi imperceptibles. Esto sumado a las pocas opciones de navegación genera una experiencia de usuario limitada, lo cual por lo que se ha logrado apreciar es la intención de estos sitios -sobretodo de Richard Avedon quien busca la detención en cada una de sus fotografías-.

Archivo:Benchmark fotografía elementos de navegación II ORTEGA.png

Joe McNally por otro lado al igual que sus colegas descritos anteriormente, también dispone de una serie de elementos que apoya la navegación y la apreciación de las fotografías, con la diferencia que presenta un número mayor de elementos de navegación, estos van desde la opción de pasar de una fotografía a otra, hasta la opción de compartir esta misma mediante redes sociales, pasando por "ver a modo de presentación", ver en pantalla completa y ver la galería a modo de thumbnail.

Al detenerse en los diferentes elementos de navegación se cae en la cuenta de que estos se relacionan directamente con la experiencia de usuario que se buscar construir, ya que estos la definen de manera directa. En los últimos 3 casos que se observaron la cantidad de opciones variaban, lo cual genera que la experiencia en los 3 sitios no sea similar, siendo esto un elemento particular de cada sitio. No se podría decir si disponer de esta cantidad de opciones está bien o mal ya que responden a diferentes experiencias que se buscan construir.

Responsive Design

De los 14 sitios que se tomaron como referencias para este caso de estudio solo 3 presentan de alguna u otra forma un diseño pensando en otro dispositivo que no sea desktop o notebook.

Richard Avedon dentro de su sitio presenta la opción de adquirir una aplicación exclusiva para Ipad la cual posee la característica de ser gratuita. En ella se presenta el trabajo de Richard Avedon de una manera muy distinta que en el sitio, ya que la experiencia se piensa exclusivamente en Ipad. El material fotográfico se muestra a modo de catálogo con notas a pié de foto que solamente se pueden encontrar por este medio. A demás en la aplicación es posible acceder a otro tipo de contenido que no se encuentra en el sitio, como es el caso de exposiciones, revistas que hayan mostrado su trabajo fotográfico y a su archivo bibliográfico.

Benchmark avedonfoundation.org ortega 13.png


En cuanto a responsive design propiamente tal, el sitio de Jonathan Mannion presenta una característica única dentro de las referencias que se consideraron: presenta responsive design sólo para smarthphone. En él los elementos se se acomodan al espacio continuando con el diseño web; menú de navegación en la parte superior -el cual se compacta y solo deja aparecer el menú de navegación secundario-, la imagen al centro y en la parte inferior los derechos del sitio. A pesar de que a simple vista se podría pensar que el sitio está codificado en base a procentajes, queda comprobado que esto n es así, ya que para tablet el contenido no se acomoda, más bien queda dispuesto de la misma forma que en web, quedando contenido oculto y siendo necesario hacer scroll para acceder a él.


Joe McNally es el único que diseña de manera responsive su sitio web, mediante el cambio de dispositivos el sitio va ganando blanco y distancia entre los elementos que se disponen.

Benchmark responsive mcnally ORTEGA.png

A medida que se va visualizando al sitio en diferentes dispositivos el logo de Joe McNally desaparece completamente, el menú de navegación dispuesto en la parte izquierda de la pantalla se representa con un ícono que al hacerle click despliega su contenido, en cuanto a las imágenes estas se muestran de manera muy diferente según el soporte; en versión desktop las imágenes se disponen en 5 columnas, en tablet estas ganan tamaño y se muestran a través de 2 columnas, mientras que para smartphone esta cantidad de mantiene pero disminuyen su tamaño.

Benchmark responsive mcnally III ORTEGA.jpg


En cuanto a los elementos de navegación que anteriormente se describieron sólo se mantienen 4 de 6 (el total sólo se disponen en la web), eliminando así la opción de ver a modo de presentación y la opción de acceder a la ficha técnica de la fotografía.

Benchmark responsive mcnally IV ORTEGA.png

Diseño de Interfaz

Al detenerse a observar el planteamiento en cuando al diseño de interfaz de sitios de fotógrafos es posible percatarse por la gran corriente de utilizar colores claros, principalmente blanco, esto con la finalidad de resaltar y otorgarle protagonismo a la fotografía.


En cuanto a la interacción y despliegue del menú de navegación y las diferentes opciones que entregan los sitios, se observa una intención similar en cuanto a lo descrito con anterioridad: limitarse en cuanto a la interacción para no distraer la atención del contenido a mostrar -las fotografías-. En el sitio de Philippe Halsman se observa que una mayor interacción se basa en el cambio del color en el paso de la home del sitio a algunas de las opciones del menú de navegación -se paso de amarillo a blanco-.


El uso de este color se mantiene a lo largo del sitio y se limita solamente a los menú de navegación. Para acceder a un segundo nivel de contenido se dispone otro menú de navegación en la parte izquierda de la pantalla, en él el amarillo también funciona como apoyo a la hora de hacer hover entre las diferentes opciones que se disponen. Se observa una falta de diferenciación entre la opción seleccionada y la opción sobre la cual se hacer hover.


Por otro lado, en el sitio de Jonathan Mannion se observa algo similar al ejemplo anterior, su el menú de navegación se diseña en base a blanco y grises, en donde este último es muy sutil. El rojo, en ese caso, es el complemento del sitio, el cual permite tener claridad en cuanto al hover y la sección seleccionada.

Al igual que el sitio de Philippe Halsman, tampoco se observa una diferenciación en el menú de navegación entre la sección sobre la que se hacer hover y la que está seleccionada. En cuanto al hover en las fotografías esta se señala bajando la opacidad del material seleccionado, esta es una situación muy común entre los sitios estudiados.


En el sitio de Richard Avedon se continúa con lo descrito anteriormente, con la diferencia que se diseña en base a escala de grises únicamente. Fondo blanco y letras grises y negras componen el diseño de interfaz, esta decisión continúa con la línea cromática del fotógrafo (retratos en blanco y negro). Su menú de navegación está escrito con letras grises, las cuales al hacer hover se vuelven negras, lo mismo ocurre con el ícono que otorga la visualización mediante thumbnail.

Benchmark interfaz avedon hover ORTEGA.png


En cuanto a la selección de fotografías, se diseñe igual que en el sitio de Jonathan Minnion, aquí al hacer hover sobre una esta pierde opacidad.

Benchmark interfaz avedon hover fotos ORTEGA.png


Los 3 casos señalados anteriormente se destacan por su diseño de interfaz sutil que otorga protagonismo a la fotografía que muestra y que no distrae al usuario a través de interacciones innecesarias. Este diseño se basa en una línea cromática que se construye mediante escala de grises y un color específico, el cual le entrega un pigmento característico al sitio sin la necesidad de aparecer a gran escala.


Luego de detenerse a observar el diseño de interfaz de sitios de fotógrafos se cae en la cuenta de la importancia de diseñar pensando en el material con el que se está trabajando, en este caso el aparecer de la fotografía como protagonista. Para lograr esto se diseña pensando en no distraer al usuario con situaciones de segundo orden jerárquico como por ejemplos los elementos que permiten la navegación en el sitio, el espacio dedicado para el menú de navegación, el despliegue de los elementos de interacción, entre otros. Con esto no se busca solamente hacer referencia a situaciones de espacio ni de interacción, sino también al uso de una paleta de colores que permita el resaltar de la fotografía -una paleta limitada-.


Otros

Movilidad de la Información

Derechos Legales de las Fotografías

Se considera pertinente dar cuenta de las opciones de poder acceder a las fotografías dispuestas en los sitios web. Se observa ciertas tendencia en proteger las fotografías prohibiendo su descarga directa por parte de los usuarios. Para poder adquirir legalmente las fotografías, en los menús de navegación se dispone el acceso a los datos de contacto del administrador del sitio, la fundación en algunos casos y/o directamente del mismo fotógrafo. Sin embargo en otros sitios (la minoría) es posible la descarga directa de la fotografía.

Joe McNally es el único fotógrafo de los considerados como referencias que permite la descarga de sus fotografías de manera directa desde su sitio, esto accediendo a la sección de "información" dispuesta en la parte baja de cada fotografía. Una vez dentro se dispone el link de descarga, eso si, señalando que los derechos legales de la fotografía le pertenecen.

En Relación al Modo de Mostrar la Fotografía

El cierre de la etapa anterior que giró entorno al estudio general de las partes que conforman un sitio web permitió el caer en la cuenta de como todas estas partes se relacionan entre si y construyen el discurso propio de cada sitio, el cual se traduce en el modo de mostrar la fotografía que da cuenta de la visión e intención del propio fotógrafo.

Por otro lado, el estudio del modo de mostrar la fotografía se comienza a entender como una característica propia de cada sitio, por lo tanto el darse este tiempo de reflexión se plantea con la finalidad de dar cabida a una estudio que servirá de apoyo para el diseño del sitio web de fotógrafo Rolando Rojas, proyecto que se planea llevar a cabo durante la siguiente etapa de título.

A continuación se presentan reflexiones entorno modo de presentar la fotografía, reflexiones que van desde temas propios de diseño web hasta situaciones legales propias de derechos de autor. Con esto se buscar dar cuenta de cómo todos los elementos que conforman un sitio web se relacionan entre si y finalmente construyen un discurso coherente entorno al fotógrafo y su material artístico.

Definición de un Discurso a Través de la Relación AI con Interfaz

Al detenerse a observar el acceso al contenido, en este caso fotografías, se cae en la cuenta de la existencia de una relación directa entre la Arquitectura de la Información y el diseño de interfaz, relación que define el discurso del sitio web en cuestión.

En un primer caso se detuvo en los que poseen una arquitectura de la información que revela un complejidad baja, no posee grandes niveles de contenido. Por ejemplo los sitios de Richard Avedon y el de Daniel Weisser ambos poseen una arquitectura y complejidad de contenido similar, ambos definen como primer nivel de contenido una suerte de filtro para poder acceder al contenido.

MAPA DE NAVEGACION richard avedon ORTEGA.png
MAPA DE NAVEGACION danielweisser ORTEGA.png

A pesar de poseer una arquitectura similar, el acceso a su contenido por parte del diseño de interfaz es distinto, lo cual da cuenta de lo que se busca lograr en el usuario. Richard Avedon diseña pensando en la detención en la fotografía, y esto lo logra a través de un filtro en su menú de navegación que dirige y obliga al usuario a revisar fotografía por fotografía como un hecho particular. Aquí es donde se observa que se busca generar una detención en el usuario, de todos modos de manera sutil entrega la opción de observar a modo de thumbnail el total de las fotografías, pero se entiende que en el orden de jerarquía está primero la observación particular.

Benchmark parte II ai-interfaz ortega.png

Esta observación se complementa una vez que se accede a visualización mediante thumbnail, en donde todas las fotografías si se encuentran catalogadas por su tipología, situación que en una primera instancia no se presenta.

Por su parte Daniel Weisser, como se señaló anteriormente, posee una AI similar a Avedon, con un solo nivel de profundidad el cual funciona como filtro. A pesar de esta similitud, el acceso a su contenido es más directo ya que en todo momento es posible observa la totalidad de su contenido, entiendo así la intención de dar cuenta de todo su material.

Benchmark parte II ai-interfaz II ortega.jpg

El observar la diferenciación en cuanto al acceso al contenido de dos sitios web de fotógrafos que poseen una AI similar se cae en la cuenta de la relación directa de esta última con el diseño de interfaz. El bajo nivel de profundidad de organización en cuanto al contenido se traduce como una mayor libertad al momento de diseñar el acceso del contenido, cuyo sentido se otorga a través del diseño de interfaz. Esta libertad se entiende que es planteada a partir de la intención en cuanto al modo de mostrar la fotografía, por lo tanto esta decisión no se podría aplicar a todos los sitios ya que no todos buscan o requieren esta modalidad de acceso.

Joe McNally se plantea una arquitectura con una mayor profundidad que los fotógrafos nombrados en los ejemplos anteriores, él a través de su arquitectura permite el acceso a sus fotografías según las categorías a la que pertenecen.

Benchmark parte II ai-interfaz IV ortega.jpg

A pesar de tener un acceso a las fotografías según la tipología, a través de su diseño de interfaz permite que el usuario pueda observar la diversidad de esta propia tipología mediante un diseño de thumbnail -dispone en total de este tipo en conjunto-, para luego seleccionar una fotografía y poder observarla particularmente.

Benchmark parte II ai-interfaz V ortega.jpg

En este caso el diseño de interfaz en conjunto con la arquitectura de la información permiten un acceso del contenido de manera paulatina sin perder la noción del total del trabajo del fotógrafo, esto a través de poder observar diversidad en su trabajo y luego poder acceder a su particular.

Dentro de las referencias seleccionadas James Day posee el sitio con la arquitectura de la información con mayor complejidad en cuanto a niveles de contenido. Esta complejidad de acceso, que en algunos casos pareciera ser muy extensa, se hace más amigable para el usuario a través del diseño de interfaz; esto a través de un despliegue por parte del menú de navegación que permite al usuario permanecer la mayor parte del tiempo en el mismo espacio haciendo menos demorosa y confusa la navegación.

Benchmark parte II ai-interfaz III ortega.png

Por otro lado se dispone una pre-visualización al lado de cada categoría final para que el usuario se haga una idea del tipo de material que dentro de aquella categoría encontrará.

Benchmark parte II ai-interfaz VI ortega.png

James Day dispone todo su material fotográfico en su sito web ordenado por una arquitectura de la información que permite la catalogación de este y un diseño de interfaz que la complementa con la finalidad de dar cuenta de la gran cantidad de material que dispone. Bajo este contexto se entiende que el discurso que se intenta construir en este sitio web se basa en dar cuenta de todo el despliegue que James Day tiene como fotógrafo a través de la cantidad más que por otra característica.

Al analizar la relación entre arquitectura de la información y diseño de interfaz se reafirma lo visto con anterioridad, son situaciones que se plantean-diseñan en base a elementos de distinto carácter pero que en conjunto dan cuenta del discurso con que se muestra la fotografía. Por otro lado se entiende que la arquitectura de la información no es una situación que limita la experiencia del usuario en cuanto al encuentro con el material que busca, sino que ordena el contenido y se complementa con el diseño de interfaz, el cual abre la posibilidad a nuevas maneras de acceder al contenido.

El Acceso al Contenido como Conductor de un Discurso

Al detenerse a estudiar el modo de mostrar la fotografía se hace un detención en el modo de acceder al contenido a través del recorrido el sitio, la visualización de las fotografías y en cómo esto se relaciona con la construcción del discurso propio de cada sitio.

En el sitio de Philippe Halsman es posible observar un discurso que busca la detención en la fotografía, esto mediante una arquitectura de información que dirige al usuario a través de categorías hasta llegar a la fotografía que busca o que le parece interesante. Una vez que se llega a una fotografía y se selecciona para ver en grande, esta aumenta su tamaño y el resto del sitio adquiere un opacidad más oscura.

Benchmark parte II acceso discurso I ortega.jpg

El hecho que la fotografía aumente su tamaño y se destaque en relación al resto de los elementos demuestra una intención de generar en el usuario una detención y darle protagonismo al material, a lo cual suma el hecho de tener que cerrar la fotografía para poder abrir otra. El hecho de no disponer de una opción que permita el paso de una fotografía a otra de manera más amigable genera una interrupción en el discurso, situación que es desfavorable para el acceso al contenido por lo tanto también para la experiencia del usuario.

Benchmark parte II acceso discurso II ortega.jpg

Como se señaló con anterioridad en el sitio de Richard Avedon también se busca generar detención en la fotografía, esto a partir del acceso a una categoría a través de la visualización de un casos particular sobre el total de material correspondiente a esta categoría.

Benchmark parte II acceso discurso III ortega.jpg

La detención en los sitios es fotografía es una situación que en muchos casos se busca, Kevin Hofer por su parte plantea dar cuenta de esto mediante una situación basada en la poca movilidad dentro del sitio. A medida que se navega por el sitio, el usuario se mantiene en el mismo espacio, siendo la fotografía de fondo la que cambia.

Benchmark parte II acceso discurso IV ortega.jpg

El hecho de que el acceso al contenido se disponga de manera tan rápida con la finalidad de potenciar la detención en la fotografía genera que la navegación en general sea veloz, entonces no cumple su objetivo; la detención.

En cuanto al acceso en el contenido del sitio de James Day este se centra en un proceso que se puede dividir en dos partes: por una lado se dispone el acceso al contenido mediante una navegación en donde el usuario se queda en la misma sección ya que el menú de navegación es el que se va desplegando, una vez que se encuentra lo requerido se da paso a una segunda instancia. En este momento el usuario puede detenerse en el trabajo fotográfico seleccionado, en el se observa la fotografía en su máximo tamaño pero a la vez se puede observar una galería en su parte inferior que da cuenta de los trabajos similares que en conjunto construyen la catalogación actual.

Benchmark parte II acceso discurso V ortega.png

El dividir la experiencia a través de dos etapas ayuda de cierta medida al acceso del contenido en este sitio (en donde es mucho) pero genera una interrupción que dificulta el volver atrás.

Luego de observar diferentes sitios en donde el acceso al contenido se plantea en cuanto a la detención en la fotografía, se comienza a entender que sitios como el de Eric Ryan Anderson plantean la detención en todas las etapas de su sitio web como discurso para mostrar la fotografía. Esto se demuestra a través de diferentes etapas para acceder al contenido, etapas que responden a la arquitectura de la información que posee (3 niveles de complejidad).

Benchmark parte II acceso discurso VI ortega.jpg

Se plantea una etapa de introducción en la home, una de despliegue en del menú de navegación que da cuenta de todos sus ámbitos de trabajo entorno a a fotografía, una de filtro en cuanto a los mostrado anteriormente y finalmente una en donde se puede observar la fotografía seleccionada. El definir un discurso paulatino que permite el acceso al contenido a través de 3 clicks genera un discurso hilado que permite tanto detenerse a observar todo el material como el llegar de manera rápida y efectiva al particular.

A medida que se detiene a observar la relación entre velocidad de acceso al contenido y la detención en las diferentes partes se entiende el cómo esta conduce el discurso a través de los sitios. Las necesidad de cada sitio entorno al acceso de su información es diferente, por ejemplo en algunos casos donde el contenido es amplio se requiere un acceso rápido mientras que en otros la detención en la fotografía es más importante y se presenta de manera instantánea, de este modo se entiende como el acceso dirige el discurso de mostrar la fotografía.

Construcción de un Particular Entorno a un Total

La relación entre el total de las fotografías y el aparecer de su particular también habla de discurso que se busca construir a través del aparecer de las fotografías, esto mediante a cual de las dos situaciones se le otorga énfasis a través del orden de aparición (jerarquía).

Al observar el total de las referencias estudiadas se definen 3 tipos de relación, por un lado el sitio de Eric Ryan Anderson, Philippe Halsman, Gordon Parks O Joe McNally quienes presentan como una primera instancia el total, de donde se otorga libertad al usuario de seleccionar una fotografía en particular y dar pase a su observación en un mayor tamaño.

Benchmark parte II total-particular I ortega.jpg

En la mayoría de los casos se permite el paso de un particular a otro (ambos catalogados de la misma manera), esto permite el no perder la noción de que estos elementos particulares son parte de un total.

Benchmark parte II total-particular II ortega.jpg

Un segundo caso se basa en el paso de el particular hacia el total, sólo un caso entre las referencias se puede observar que responde a esta característica y es el de Richar Avedon, en donde como se ha señalado muchas veces plantea un discurso basado en la detención de la fotografía. En este sitio se obliga al usuario a ver las fotografías de manera particular en un orden definido. En la parte inferior derecha del sitio se dispone el símbolo de thumbnail, el cual permite acceder al total de las fotografías correspondientes a esa categoría.

Benchmark parte II total-particular III ortega.jpg

A pesar de que queda claro la intención en su discurso, el hecho de no poder acceder a la sección en donde el particular se ubica dentro del total imposibilita el acceso a contenido similar específico.

Otro caso particular que se observa es el mostrar el particular paralelamente al total otorgando libertad total al usuario de observar la fotografía que quiere pero de una manera limitada en cuanto a la cantidad que se dispone de cierta categoría, estos son los casos de los sitios de Kevin Hofer y James Day, en ellos la navegación de total se centra en la categoría seleccionada, en ningún momento es posible acceder a una visualización que de cuenta de todo el total de su trabajo fotográfico.

Benchmark parte II total-particular IV ortega.jpg

Al analizar los diferentes tipos de acceso al material se observa que esta acción desde el total a lo particular funciona de mejor ya que esto permite el reposar en el total y otorga la libertad al usuario de escoger una fotografía en particular. Por otro lado se observa que la cantidad de total debe estar medida, debe ser una cantidad que permita al usuario tener claridad en cuanto a todo material se cuenta y que no se pierda dentro de esta misma cantidad. Lo mismo para el observar el particular y el total de manera paralela, se entiende que esto ayuda para la velocidad de navegación siempre y cuando en su justa medida, con una cantidad de fotos limitada que no distraigan al usuario de lo importante; la fotografía.

Relación de Jerarquía entre los Elementos de Navegación

A través de los elementos que ayudan a la navegación por las fotografías también se observa que pueden definir o apoyar el discurso que se busca transmitir en cuanto al modo de mostrarlas, esto mediante su tamaño, su modo de aparecer y su funcionalidad.

Como anteriormente se señaló en el sitio de Philippe Halsman se observa un interés en construir un discurso basado en la detención en la fotografía, el cual se ve interrumpido una vez que se quiere pasar de una a otra de modo particular. Esta interrupción se ve potenciada por el tamaño de la fotografía, el cual es muy reducido.

Benchmark parte II elementos nav I ortega.jpg

Esta constante interrupción visual que se observa en el sitio es mayor que la intención de generar detención en la fotografía, razón por la cual no se logra este objetivo.

Al detenerse en otros sitios se observa una coherencia en cuanto a la intención de su discurso y los elementos de navegación que dispone para lograr la navegación que plantean. Richard Avedon, como se ha dicho en múltiples oportunidades, busca la detención y el protagonismo total de la fotografía en su particular, de este modo sus elementos de navegación aparecen de manera sutil una vez que se hacer hover sobre ellas, mientras que el tamaño de la fotografía es lo dominante.

esquema

entre los elementos que se disponen se pueden encontrar flechas que permiten el paso de una fotografía a otra, el acceso a información particular de la fotografía y la opción de acceder a la galería del total de las fotos.


Algo similar ocurre en el sitio de Mark Wallace, quien dispone sus elementos de navegación en conjunto con el mapa de navegación y en el sitio de Jonathan Manion, quien en la búsqueda de dar cuenta del total de su material solo dispone opciones de visualización de material: thumbnail o slide. Ambos le otorgoan protagonismo a la fotografía a través del tamaño y la sutileza en cuanto al tamaño y el color del resto de los elementos.

esquema

Esta sutileza también es posible de observar en el despliegue de los elementos dispuestos en el menú de navegación de los sitios de Richard Avedon y Jonathan Mannion, en donde el despliegue de estos elementos es medido, no distraen al usuario y responden a la intención de su discurso: la detención en la fotografía. Ambos ejemplos ya fueron mencionados y explicados en una parte anterior de la investigación en donde se explayó sobre la interfaz de los sitios de fotógrafos, se considera no pertinente volver a mostrar los ejemplos considerando que ya lo fueron.

Joe McNally en su sitio dispone de un menú completo debajo de cada fotografía, este permite una mejor navegación a través del contenido mediante diferentes opciones que el usuario puede controlar con total libertad. El tamaño de los elementos y la relación de proporciones entre ellos sumado al hecho de disponer todas estas opciones da cuenta de la la intención del discurso, esto a través de la libertad que se le entrega al usuario en cuando al modo de navegar todo el material, sin perder de vista que el aparecer de la fotografía es el eje central.

esquema

Al observar la relación entre los elementos que apoyan la navegación y la intención del discurso que busca mostrar la fotografía se entiende como la disposición de ellos y las diferentes opciones que presentan pueden servir de apoyo. Ya se vio como en algunos sitios la falta de ellos interrumpe la navegación y genera un experiencia equívoca en relación a lo que se busca transmitir. Finalmente cabe señalar que con esto no se busca decir que una gran cantidad de ellos sea necesario, sino que son necesarios en relación al discurso que se busca transmitir a través del modo de mostrar la fotografía.

En cuanto a la Catalogación del Contenido

Durante el proceso de levantamiento de información entorno al fotógrafo Rolando Rojas se llevó a cabo un proceso de catalogación de todo su material fotográfico, lo cual sirvió para entender su total despliegue como fotógrafo y tener una noción de todo el material con el que se cuenta para el planteamiento de diseño de un sitio web. Bajo esto contexto se volvió necesario observar si en los sitios web de fotógrafos en alguna parte se muestra algún tipo de catalogación o se señala información entorno a la fotografía.

Se observó 3 tipos de manera de otorgar información correspondiente a la fotografía. Piotr Kulczycki en su sitio donde almacena fotografías de sus viajes World in my Lens, permite acceder solamente al nombre de la fotografía, esto con la finalidad de facilitar la compra de esta.

esquema

El hecho de disponer esta información con tal finalidad confunde en cuanto a la intención de su sitio dicha en su propia descripción que se puede encontrar en el sitio: mostrar el mundo a otros a través de su lente, de esta forma se observa que no existe una coherencia entre su discurso y el hecho de catalogar de cierto modo las fotografías.

Muy por el contrario se puede nombrar a Joe McNally, quien como se dijo con anterioridad dispone bajo sus fotografías la opción de acceder a una mayor información entorno a esta. Al realizar esta opción el usuario es re-dirigido a otra parte del sitio en donde se entrega información entorno a el nombre de la fotografía, los derechos de autor que posee y las dimensiones, por otra parte se entrega la opción de descargar la imagen.

esquema


Por su parte Richard Avedon en su sitio permite acceder a contenido a través de un símbolo en su esquina superior derecha, al hacer click la fotografía se mueve hacia la izquierda y se despliegue información que contiene: nombre de la persona fotografiada, su profesión (contexto), lugar de la captura fotográfica y el año.

El hecho de disponer este tipo de contenido tan específico de una manera tan sutil y acorde al resto del diseño del sitio no afecta el discurso que se quiere transmitir, sino más bien aporta a que la fotografía se observe como un hecho particular en ambos casos (McNally y Avedon).

Conclusiones