La creación de un sitio web que entregue al usuario información de cómo y por que surge la fotografía de moda.

Mostrar momentos históricos y su relación con la historia de la fotografía.

Entregar información de personajes, diseñadores, fotógrafos, tendencia e iconos de la fotografía de moda

Fotografia de Moda pdf

los criterios son…

1. Contenidos

- Coherencia de rotulación

- Lógica de navegación

- Consistencia de contenidos

2. grafica:

- Presenta estructura visual que facilite o ayude a la información

- Analice el contraste / el matiz (figura, fondo, texto…)

- Mira la coherencia visual entre home page y las paginas

1. Bancoestado.cl

Coherencia de rotulación

El sitio tiene link rotos como, es uno de los mas importantes en la pagina, esta en el menú principal “Contáctenos”, si este link esta en el menú principal se supone que es de importancia y “quieren que los contacten” y el que verdaderamente funciona como “contáctenos” es el Rotulo “Emergencias” donde no hay un mail, pero si un numero de contacto.

En la parte “ayuda” se puede rotular como “preguntas frecuentes” por que claramente ese es el contenido de esa pagina.

El rotulo de “sucursales” envía al usuario donde puede encontrar direcciones de estas y también cajeros automáticos. Muy útil.

Los rótulos de, “Personas, Chilenos en el exterior, Micro empresa, Pequeña empresa, Empresas, Instituciones, New york branch, envían a paginas con información mas especifica, para un determinado publico. En estas se encuentra servicios en linea específicos, para diferente perfil de usuario.

Lógica de navegación

Navegar en el sitio no es difícil (tiene algunas incoherencia en la rotulación de links), aunque por experiencia propia, la primera ver que entre en el sitio fue para utilizar la “Banca el línea” tuve complicaciones, ya que no sabia que se encontraba en “simuladores”, palabra, que en lo personal. No me dice nada.

Lo realmente molesto en este sitio, es que al tener mucha información, para poder llegar a información específica, hay que adentrarse pasando fácilmente por 4 o 5 paginas, si no es que más, lo que hace agotadora la navegación.

Consistencia de contenidos

Los contenidos de esta página deben ser coherentes, ya que es un sitio donde gente hace transacciones bancarias u otras cosas, donde se “mueve dinero”, se efectúan acciones de importancia. No debe haber espacio para la equivocación, la gente recurre al sitio para optimizar su tiempo.

Presenta estructura visual que facilite o ayude a la información

En menú principal aparecen fotografías de forma icónica, no muy significativas con relación a la rotulación de los link. No tiene unificación grafica ya que estas fotografías tiene diferente “color”, refiriéndome a la nitidez de este, o intensidad.

Analice el contraste / el matiz

Los contraste del sitio son visualmente cómodos, aunque en lo personal, sin lentes, el rojo de las letras sobre blanco me incomoda tiene a vibrar levemente.

Las tipografías son de un tamaño menor a 12, complica la lectura, puede ser tolerado en la rotulación de los menús, pero en texto continuo no es lo mas optimo, ni menos acompañado de una tipografía sans serif. En ocasiones el espaciado entre preguntas es poco, lo que hace ver todo como un texto continuo cuando no lo es, cansando el ojo del lector.

Coherencia visual entre home page y las paginas

Se puede encontrar que en ocasiones que la pagina esta dispuesta a la derecha y las otras páginas centrada, sin que esto optimice de alguna manera la usabilidad.

El menú constante que aparece en todas las páginas, cambia sus atributos visuales levemente, teniendo un color gris en algunas ocasiones y el otras blanco, siendo algo no relevante, ni proporcionándole nada. Este menú desaparece en algunas ocasiones, siento molesto, no sucede esto por falta de espacio, sino por mero capricho aparece en la parte inferior de la pagina, esto varia la unidad visual del sitio , casi pareciendo otro menú con otro tipo de contenido, cuando no lo es.

2. Entelpcs.cl

En lo personal alguna vez navegue mucho por este sitio. También navegando en sitios de otras compañías, movistar y claro, siendo cliente potencial en cualquiera de los tres. El que me resulto más “cómodo” fue entelpcs, navegar en el es fácil encontrando de forma inmediata lo que necesite en el momento.

Tiene bastantes menús, con diferentes jerarquías entre ellos, lógicamente de mayor interés están el la parte superior, para los clientes y potencial clientes. Y para un usuario con mayor inquietudes o mas experimentado, esta el del menú inferior, donde a mi parecer esta la información de mayor relevancia, (Derechos del Cliente , Compañía, privacidad, etc.) cuando ya navegas constantemente en el.

Coherencia de rotulación

Los rótulos están correctamente colocados, entrando en ellos te envían a informacio que tiene relación directa.

Lógica de navegación

Al navegar en el sitio se mantiene un menú principal constante en todas las páginas, en la parte superior, y bajo este, aparecen en distintas páginas otros menús referentes al tema. La Navegación del sitio es a través de sus menús.

Consistencia de contenidos

El contenido de cada pagina es completamente consistente, resuelve las dudas.

Presenta estructura visual que facilite o ayude a la información

En ocasiones se utilizan imágenes de personas, de diferentes características físicas, pero todas con una postura que comunica “felicidad, disfrute de la vida, etc.” esto es netamente marketing, promociones.

Analice el contraste / el matiz

El contraste de color esta ligado a lo que es la marca, los colores corporativos. Que están utilizados de buena forma, sin producir molestias visuales, de saturación o vibración de textos.

Los textos tiene tipografías de tamaños considerables, y los párrafos tiene espacios de interlineado que proporcionan “aires de descanso” en la lectura, siendo cómodo leerlas.

Mira la coherencia visual entre home page y las paginas

En las distintas páginas no se produce cambios en cuanto a la construcción de estas. Se mantiene una coherencia visual de las imágenes en relación a los textos y entre ellas, manejan una misma estética.

3. falabella.com

Coherencia de rotulación

La rotulación del menú principal que corresponde a los productos o departamentos, son claros, corresponde al departamento y productos. Luego tenemos el menú para usuario o comprador en línea, donde se registra, se compra etc. muy claro, y se obtiene datos de la empresa. Y después existe otro menú, de diferentes servicios de falabella, banco, venta tv, etc.

Lógica de navegación

Tiene una estructura simple, es un catalogo, donde se navega a través de los menús, también se puede navegar a través de las imágenes o promociones que están vinculados a detalle de productos u otros.

Consistencia de contenidos

El contenido del sitio esta basado en los productos, donde se exponen y el usuario puede comprarlos on line, es básicamente un “supermercado” en línea.

Presenta estructura visual que facilite o ayude a la información

Las características visuales de cada menú ayudan a jerarquizarlos.

Analice el contraste / el matiz

En ocasiones hay problemas de contraste, donde se presenta tipografías de color gris, sobre un verde claro, pero nada tan grave, ya que se presenta en algún menú lateral de algunas paginas del sitio, no todas.

Mira la coherencia visual entre home page y las paginas

La página cambia el aspecto al navegar por los diferentes servicios, manteniendo la estructura de esta y solo cambiando algunos atributos visuales como son el color. En general se distribuye de la misma manera.

4. sii.cl

Coherencia de rotulación

Esta pagina contiene bastante información y claramente esta hecha para optimizar tiempo, siendo un sitio donde mucha gente ingresa, la rotulación de datos en la pagina deben ser claros y lo son, donde se utilizan mas de una palabra y frases para describirlo, estando el menú de una forma no tradicional a las otras paginas, comportándose como contenido, esta en la columna central, con temas que cada uno de ellos tiene, dando un claro referente a que corresponde, y donde dirigirse.

Los iconos que representan cada “sección” son un referente visual, que no funcionan por si solos cuando uno se adentra en el sitio, al menos que ya el usuario sea una persona que frecuenta bastante, no funciona así para alguien que ingresa por primera vez en el.

Lógica de navegación

Es simple, a través del menú principal y en los textos, ya que esta constantemente señalando en el texto, vinculándolo a información relacionada, el navegador tiene pocas probabilidades de perderse, o no llegar a encontrar lo que necesita.

En ocasiones desaparece el menú, quedando solo un link al home, esto dificulta la navegación, falencia del sitio.

Consistencia de contenidos

Los contenidos del sitio son sólidos, ya que responden claramente las inquietudes y resuelven problemas de forma muy puntual, en general el sitio no tiene imágenes, fotos u otros, sino que esta basado en texto.

Presenta estructura visual que facilite o ayude a la información

Analice el contraste / el matiz

La estructura visual del sitio en el home page, en cuanto a la composición de la información es clara, siendo la columna central la que mantiene el menú, como especie de contenido, información que busca el usuario que frecuenta constantemente el sitio. En general la pagina no es “bonita”, pero tiene rasgos de estructura muy importante, ya que la información esta bien tratada, sobretodo los textos, tamaño interlineado, entre letrado y separación de párrafos, aunque en algunas ocasiones el texto continuo abarca todo el ancho de la pagina, pero al ser párrafos pequeños no se genera un problema complejo de lectura.

Mira la coherencia visual entre home page y las paginas

El sitio mantiene cierta coherencia visual, aunque cambia la disposición del contenido y el ancho del sitio, manteniéndose igual para la parte de las “noticias” y diferente cuando se navega por el menú principal, pero la estructura visual esta en pos del contenido, trabajando los textos en noticia como tales, siendo más rico el texto.

5. duoc.cl

Coherencia de rotulación

La coherencia de rotulación en el home page es complicada por el hecho que hay muchos linck rotos, que no envían a ningún lado.

Lógica de navegación

No se si tiene mucha “lógica” es bastante complejo navegar, es un sitio desordenado, como usuario permanente, para llegar a lugares del sitio que frecuento, mínimo debo hacer 5, 6 clik, adentrándome tanto, que para volver al home es casi imposible a través de la pagina.

Consistencia de contenidos

Los contenidos de la pagina, en el home page, se rotulan, pero no se encuentra la informacio desde hay. Esto es como “biblioteca” e intranet. Ya que no es el lugar por donde se llega a estos

Presenta estructura visual que facilite o ayude a la información

Analice el contraste / el matiz (figura, fondo, texto…)

Los textos continuos no se trabajan de misma manera en todos lado, no hay un patrón de estilo, una unidad grafica.

Los colores claramente corporativos

Mira la coherencia visual entre home page y las paginas

La estructura visual de la pagina varia mucho, en toda ocasión, tanto como en la intranet, tanto como navegando a través del menú superior como en el vertical. Esto no genera unión visual entre las diferentes páginas. Lo que genera esta coherencia, son solo los colores corporativos que se utilizan.

6. schkolnick.com

Coherencia de rotulación

La rotulación de datos en este caso es poca, ya que funciona como galería de imágenes, es un portafolio de fotógrafo. En el menú principal hay tres ítems, Portafolio, video y contacto. Es simple y puntual, en cada uno se generan submenús a (lo mas tres ítems por cada uno) Los rótulos son claros.

Lógica de navegación

La navegación por este sitio es simple, pero un tanto incomoda en la galería de portafolio, ya que tiene un “scroll” para ver todas las fotos, no es necesario ya que la cantidad de fotos no amerita.

Consistencia de contenidos

El contenido de la página es netamente imágenes, y videos. Se maneja de manera clara la relación del contenido y sus rótulos.

Presenta estructura visual que facilite o ayude a la información

Claramente la disposición de las imágenes, en el portafolio, todas visibles en un tamaño pequeño, es de gran ayuda para la selección e ir mirando a gusto.

Analice el contraste / el matiz

Al ser un portafolio fotográfico, las imágenes se ven mejor sobre negro, esto es para que cualquier otro color no influya en la percepción del que las ve.

El contraste en el menú es mínimo, las tipografías grises muy oscura sobre negro, esto no ayuda a la legibilidad. Siendo de caja alta y sand serif, con un entrelineado mínimo dificulta la lectura.

coherencia visual entre home page y las paginas

No varia, es constante el menú principal y el resto del espacio se aprovecha mostrando las imágenes.

7. blank.cl

Coherencia de rotulación

Los rótulos tienen directa relación con el contenido, en la parte superior el menú principal, y bajo esto el contenido, que se basa en extracto del la revista del momento. Donde se muestra algunos contenidos y otros se mencionan solamente, lógicamente para la compra de esta.

Lógica de navegación

El sitio solo se navega por el menú principal, la información que contiene no vincula a otra.

Consistencia de contenidos

El contenido de esta pagina esta completamente tratado desde un punto de vista comercial, donde se modera de cierta forma las imágenes y la información de la revista. Y se muestra en lo que es “info” todo lo que es relacionado a lo monetario, publico objetivo de la revista, etc.

Presenta estructura visual que facilite o ayude a la información

La estructura visual del sitio en el home es simple, hay un solo menú principal que se mantiene, informa el numero de la revista que esta en el mercado y expone la revista, que es lo que desea ver el usuario general.

Analice el contraste / el matiz

El contraste entre fondo y texto en cuanto a color están bien, pero el tamaño de tipografías es pequeño, me atrevería a decir que menor que 10px, esto complica la lectura, sobretodo en texto continuo.

Mira la coherencia visual entre home page y las paginas

Se mantiene la estructura del sitio en todas las páginas. Esta cambia de acuerdo a las necesidades de distribución de la información, en ocasiones aparece en dos columnas, pero el home page es la única que se generan tres columnas para de contenidos simétrica.

8. feriadeldisco.cl

Coherencia de rotulación

Esta pagina corresponde a una tienda on line, donde se vende discos, eventos, libros, etc.

Tiene dos menú principales, el superior que corresponde a la compra e información de la empresa y el segundo como galería de los “productos” y lo actual relacionado a esto, los rótulos son claros, tienen relación directa con lo que se muestra..

Lógica de navegación

La navegación de esta se reduce a los menús principales y en ocasiones aparece uno lateral.

Consistencia de contenidos

Los contenidos tiene relación con los rótulos, y en caso de “la empresa” es una reseña de la trayectoria de esta, desde un punto de vista mas social que comercial, hablando de la tienda como “ito” o como una tienda que vio crecer la música chilena apoyándola y difundiéndola, claramente un punto de vista menos comercial.

Presenta estructura visual que facilite o ayude a la información

Claramente las imágenes de los productos ayudan a la información, es un referente de compra, es como saber lo que se esta comprando.

Analice el contraste / el matiz

Los colores de la página no tiene relación a lo corporativo, o la marca, aunque el fondo azul molesta bastante cuando hay tipografías de texto continuo en blanco, esto incomoda la vista. También cuando se genera fondo naranjo o amarillo con tipografías en blanco, en este caso no hay textos extensos, pero si definiciones de características de un disco.

Mira la coherencia visual entre home page y las paginas

Hay coherencia visual, la estética se mantiene en todas las paginas, tres columnas una principal y a los costados de menos envergadura, la que corresponde a la derecha siempre con información de promociones. La estética entre paginas cambia completamente cuando se navega por el menú donde están los datos de la empresa, entre si las paginas cambian la disposición de las columnas y sus tamaños. Generando desorden.

9. catalogo.duoc.cl/

Coherencia de rotulación

El menú principal esta en la parte superior, tiene tres ítems que corresponden claramente a la información.

Lógica de navegación

Es una herramienta de búsqueda, como tal hay varias formas de búsqueda, por titulo, alfabético, etc. para ingresar a la base de datos es necesario estar registrado como usuario, de esta forma se puede navegar, es simple al ser de búsqueda.

El contenido es consistente

Consistencia de contenidos ya que no hay quiebres en la navegación, ni dificultades, solo cuando envía a la biblioteca electrónica que tiene una estética completamente diferente.

Presenta estructura visual que facilite o ayude a la información

El tamaño de tipografía en el sitio es pequeña, 10px app o menos. Esto dificulta la lectura. Muy pequeña y siendo sand serif no ayuda de mucho.

Analice el contraste / el matiz (figura, fondo, texto…)

La unidad visual al navegar por el catalogo cambia cuando se selecciona “biblioteca digital” tiene una estructura y un tratado grafico diferente.

Mira la coherencia visual entre home page y las paginas

La coherencia visual cambia al navegar por las páginas del sitio.

8.habbo.es

Coherencia de rotulación

La rotulación de la información esta bien relacionada, pero hay rótulos que solo usuarios frecuentes conocen o saben de que se trata.

Lógica de navegación

Navegar en el cuando no eres usuario del juego es poco, solo te puedes informar de que se trata y registrarte. Hay dos tipos de navegadores, el curioso y el que utiliza el juego constante, ellos navegan de manera diferente por el sitio.

Consistencia de contenidos

Los contenidos del sitio los genera el usuario, claramente hay una grafica como una ciudad donde se puede mover tu personaje.

Presenta estructura visual que facilite o ayude a la información

La estructura del sitio cuando eres usuario, navegas en un “mundo” con estética pixel. Esto facilita la interacción entre las personas. Siento un personaje.

Analice el contraste / el matiz

Al ser un juego, maneja una estética de juego, de impresión infantil y pequeño, todo relacionado a lo pixel.

Mira la coherencia visual entre home page y las paginas

La coherencia entre páginas de información, esta impuesta por la disposición de elementos y personajes que generan apoyo a los temas.