Segunda Parte Arquitectura de la Información / Melindrosa

2008-11-14T10:04:00.000-08:00

Get your own - Open publication

Primera Parte Arquitectura de la Información / Melindrosa

2008-11-14T10:03:00.000-08:00

Get your own - Open publication

Pre Procesos Visuales

2008-11-12T05:11:00.001-08:00

Get your own - Open publication

Avance Pre-Procesos Visuales

2008-10-31T19:55:00.000-07:00

Profe tengo problemas con mi compu, el Issuu se me pegó como media hora, pero le pedí a la Camila que me publique mi trabajo en su blog, así que ahí lo puede encontrar, es poquito pero estoy trabajando en eso, el lunes estará completísimo. Gracias y perdón por lo engorroso.

Corrección Gráfico Relación

2008-10-02T17:19:00.000-07:00

Get your own - Open publication

Ambientes Dieciocheros

2008-09-27T12:31:00.000-07:00

Get your own - Open publication

Corrección index

2008-09-17T14:04:00.001-07:00

Get your own - Open publication

Wire frames y mockups (entrega en clases)

2008-09-17T14:04:00.000-07:00

Get your own - Open publication

Corrección AI 2.0

2008-09-10T20:01:00.000-07:00

Get your own - Open publication

corrección AI

2008-09-08T10:23:00.000-07:00

Se re plantea el tema llevándolo de un plano demasiado general a uno particular, a partir del mismo tema e inspirado en mi gusto personal.

PDF ISSUU

Análisis Referentes Web

2008-08-28T21:39:00.000-07:00

www.hnv.cl (hospital naval)

Coherencia en la rotulación: No es totalmente claro, tiene links que están vacíos y otros que

son ambiguos, por ejemplo: se confunde el de artículos de interés con el de paciente y

familia, los contenidos son similares y no se entiende bien el criterio de selección.

Lógica en la navegación: Es simple y fácil, tiene un cuadro menú, con los links principales de

la página que permanece siempre en su lugar,por lo que es fácil ir y volver de un lugar a

otro.
Coherencia de contenidos: Los contenidos son coherentes pero largos y tediosos, no presenta

trabajo tipográfico en cuanto a negritas o frases destacadas de algún tipo, no invitan a la

lectura.

Coherencia Visual: se mantiene la coherencia visual, ya que prácticamente el home nunca

desaparece, y además porque los contenidos mantienen la uniformidad en cuanto a colores y a

disposición dentro del espacio.

Gráfica y Diseño: Es simple, tal ves incluso un tanto fome, en el fondo que se mantiene, es

decir, la viñeta principal y el menú están trabajados en azul , los contenidos que se abren en

la parte lateral , están titulados en rojo y los textos se presentan en color negro, la página

toda esta justificada a la izquierda. Los textos tienen buena legibilidad en cuanto a los

contrastes cromáticos y en cuanto al tamaño de la fuente, pero a pesar de eso no dan ganas de

leerlo por lo planos que son.

www.laborum.cl

Coherencia en los rótulos: son claros, las secciones están bien definidas, se llega fácil al

lugar para inscribirse y postular y a los demás contenidos también, no da cabida a ambiguedades

de ningún tipo.

Lógia de navegación: En general es fácil de navegar, a pesar que tiene muchas partes que se

pueden pinchar en el home, en el fondo uno se arma su propio recorrido, lo puntual que es

inscribirse a buscar trabajo es lo primero que aparece así que por ese lado es bien

lógico. Ademas los links de las partes laterales tampoco desaparecen así que tambien es fácil ir

y venir.

Coherencia de contenidos:los contenidos so coherentes, presisos y responden las

inquietudes que uno pueda tener, te avisa de las partes más importantes en tipografías de

mayor tamaño lo que hace más fácil encontrarlas y distinguirlas dentro de la cantidad de

información existente, no hay textos largos y los temas que tienen más subdivisiones están bien

separadas y se presentan muy claramente.

Gráfica y diseño: a pesar de la gran cantidad de información que presenta es una gráfica

limpia, los elementos están ordenados en el espacio, el homepage se presenta de fondo blanco

con elementos en rojo anaranjado y gris, lo curioso es que cuando uno pincha el botón

"empleador" todo lo que estaba rojo se vuelve azul, se mantiene la info lateral , sólo cambia

el color, además aparece un menú nuevo, que no reemplaza a ningún otro sinó que se suma y

aporta con nuevos contenidos. La tipografía es clara y legible, tiene buen contraste.

Coherencia visual: la información de ambos lados de mantiene, sólo varía lo de la columna

central, en general es muy coherente en cuanto a estructura y orden , lo único que rompe es el

cambio abrupto de color que a pesar que sigue una relación estrechísima con lo anterior puede

confundir.

www.mutual.cl

Coherencia de rótulos: Los rótulos en general están bien puestos y son claros, salvo en una

parte, el homepage tiene la misma informción del link de noticias que está en la barra del

menú principal, y el botón para volver al inicio está también ubicado en ese menú al final,

entonces si uno no ha leído todo todo desde el comienzo y empieza no más a navegar, no se

entiende muy claramente como volver.

Lógica de navegación: Es una página fácil de navegar, salvo el problemilla con el retorno al

inicio es bastante simple, cada sección de la barra de menú principal (que no desaparece)

despliega un nuevo menú al lado izquierdo, es claro.

Coherencia de contenidos:son muy coherentes, se nota un buen manejo de la información,

no presenta grandes extenciones de texto, pero sí muchos vínculos por sección, lo cual refleja

que no se deja nada de lado, nada es puesto al azar, es muy completa.

Gráfica y diseño: en general es una página simple pero agradable, tiene colores suaves, tipos

de letras en un tamaño y contraste adecuado, lo único que desentona con unos subtítulos

grandes que hay en varias de las secciones, que están en un azulino intenso y mas encima

letras altas, rompe con la sutileza que tiene en otras partes, se ve grotezco y tosco.

Coherencia visual: es coherente, hay unidad de aspecto general, unidad crómatica y de

tipografía, salvo en algunas partes que el texto se corre muy a la derecha todo es muy

uniforme.

www.chiledeportes.cl

Coherencia de rótulos: en el menú principal los rótulos son claros y coherentes pero en la

sección de organizaciones aparece un nuevo menú que es poco claro, por ejemplo,hay un botón

que se llama "modelo de rendición" ¿? , en su interior encontramos un link a un pdf que se

llama "modelo de rendición de cuentas" , en verdad el rótulo no dice mucho del contenido,

después hay otro que dice ¿cómo adecuarse?, ¿adecuarse a qué? eso se entiende al abrir y

encontrarse con que es adecuar estatutos y así un par más que también son algo confusos o

incompletos.

Coherencia de navegación: es un sitio sin muchas cosas, por lo que es fácil de navegar, se

encuentran en lugares visibles los botones para volver al inicio . No tiene casi links en los

links por lo que es un ir y volver constante, para adelante y para atrás.

Coherencia en contenidos: los contenidos están en partes mal redactados son redundantes

y desordenados, no se entiende bien para dónde van las cosas,no ponen links donde deberían

es un poco confuso o mal aprovechado el contenido.

Grafica y diseño: la tipografía de la barra menú tiene problemas de legibilidad, no tiene muy

buen contraste y está en una tipografía condensada lo que la hace difícil de leer, los textos

son muy planos a pesar de estar bien definidos los subtítulos y los párrafos y de tener buen

contraste y tamaño hay una ausencia de imágenes que hace muy tediosa la lectura.

Coherencia visual: no es que no haya coherencia alguna, pero el home promete mucho y los

links son muy pobres visualmente, sin imágenes y con textos casi planos, se mantiene la viñeta

superior y el menú que los hace unirse, pero si le quitáramos eso sería una gráfica

completamente distinta una mucho más pobre que la otra.

www.courtneylove.com

Coherencia en la rotulación: La web cuenta con un home sencillo y claro. El título de los

botones es directo y tiene 100% relación con el tema al cual alude.

Lógica en la navegación: La navegación de esta página es limpia, minimalista, no está

saturada de elementos por lo cual hace que la navegación sea sencilla, práctica y lógica en todas

sus secciones. Unos de los principales elementos que secunda lo mencionado anteriormente es

que los botones estén siempre visibles incluyendo el retorno al home.

Coherencia de contenidos: Hay una coherencia general en la página por cual los textos son

concretos limpios y asertivos respecto al tema con el cual se titulan.

Coherencia Visual: Hay una gráfica coherente, conceptual y se mantiene en todas sus

secciones. Mantiene su gama cromática, estilos de fuente y jerarquiza la información

manteniendo el peso visual en la titualción de los contenidos los que hace que la página tenga una

fácil lecturabilidad. Todas las secciones tienen la misma matriz gráfica haciendo solo pequeñas

variaciones.

Gráfica y Diseño: Es una web simple pero funcional. Utiliza muy pocos colores y elementos lo

que hace que destaque cada uno de los íconos que aparecen y en cada etapa de navegacion que se

encuentre el usuario.

www.agatharuizdelaprada.com

Coherencia en al rotulación: Hay un claridad desde el index hasta las páginas interiores.

Cada botón por su nombre me indica exactamente lo que uno va a ver.

Lógica en la navegación: La navegación de esta página es lógica tiene 1 index me lleva a un

home donde puedo encontrar varios link, pero al momento de entrar a cada sección se pierde esa

lógica debido a lo interactivo de las páginas, se genera una confusión y uno no puede encontrar

de manera fácil los botones.

Coherencia de contenidos: Tiene una buena información, una buena redacción es precisa

pero contundente y no es reduntante en los temas. Manejan una buena lecturibilidad y l

egibilidad los textos, con un buen tamaño de fuente y colores apropiados y destacando de forma

asertiva ciertos puntos.

Coherencia Visual: Esta marca en si se caracteriza por tener una de las mayores coherencias

gráficas en el mundo no solamente en su identidad visual si no que en todos sus productos, la web

mantiene esta coherencia siendo su principal fuerte y mayor atractivo. El diseño refleja el

espirítu de la marca en cada una de las sección mateniendo los colores e íconos visuales.

Gráfica y Diseño: Es una web interactiva y dinámica, esto le juega en contra y a favor para

mostrar los contenidos de cada sección. Por un lado refleja el espirítu lúdico de la filosfía de la

marca que es un pro en relación al diseño; pero genera confusión al momento de la navegación ya

que el usuario no puede encontrar de manera fácil los link. Y lo peor en cuanto a diseño de la

web es no siempre en las secciones existe un punto de retorno ya sea a la sección anterior o al

mismo home y en otras partes el home queda traslapado con ventanas emergentes.

www.fiebrechile.cl

Coherencia en la rotulación: Es una web minimalista, sencilla con una fácil navegación. Sus

títulos son innovadores pero claros y están directamente relacionados con el tema de una forma

entendible y simple.

Lógica en la navegación: Hay una intro que tiene que ver con el trabajo de la agencia se

muestra de una forma minimalista y sencilla que es el tópico de toda la navegación de la página.

Tenemos un home que nos muestra de una manera diferente los temas que se van a tratar. Los

link que nos conducen a los contenidos son fácil de entender y navegar. El contenido que se nos

muestra es directo y limpio, no hay execeso de información.

Coherencia de contenidos: La forma de presentar los contenidos es directa, es sólida, es

precisa y es dinámica. Además de poseer un particualr estilo al nombrar o titular los temas por

ejemplo refiriendose al trabajo que realizan lo titulan como “la pega” , a los trabajos gráficos que

han hechos le llaman “los monos”, existe una coherencia en cómo abordan los temas utilizando

un estilo más informal pero no por eso menos serio. Coherencia Visual: Hay una coherencia

visual desde la intro hasta las fotografías en la presentación del staff de la agencia. No hay ningún

elemento visual que este al azar o no mantenga la misma linea gráfica, cromática. Hay una

jerarquía y peso visual en cada una de las secciones. Hay buena lecturabilidad y legibilidad.

Gráfica y Diseño: Es una web innovadora vanguardista con una línea gráfica limpia, clara,

sencilla funcional con una coherencia visual que hace destacar cada uno de los elementos visuales

de la página.

www.thedonnas.com

Coherencia en la rotulación: A pesar de la saturación visual e informativa que tiene la web

los links en relación a los contenidos tienen una coherencia absoluta y directa.

Lógica en la navegación: Si bien el home tiene una lógica porque tiene información central y

hay botones que nos llevan a distintas secciones, esta saturado de información lo que genera una

confusión al momento de navegar la página. Por otro lado el tamaño de la página en sí, es muy

largo, y en algunas de las secciones tiene información hasta el final que se pierde como primer

impacto visual además de contar con textos extensos y cansadores a la vista.

Al tener tantos elementos visuales y links nos perdemos y no sabemos a dónde dirigirnos

optando por ver la página de una manera básica.
Coherencia de contenidos: Los contenidos tienen relación con la temática de las secciones,

aparte del contenido central que tiene cada página podemos encontar links relacionados, pero

existe un exceso de información en cada sección es claro que el tema cansa la vista porque no

hay jerarquia ni peso visual.

Coherencia Visual: Si bien se mantiene una línea gráfica, cromática, de estilo es una gráfica

plana saturada con poca lecturabilidad en donde el fondo toma protagonismo se confunde la

tipografía además de ser de un formato pequeño con un color que se funciona con el fondo y

cansa la vista.
Gráfica y Diseño: Es una web demasiado compleja sin jerarquía visual, demasiados elementos.

Tiene la intención gráfica tratando de ser expresiva, conceptual y siguiendo una misma línea

pero no es funcional para la navegación.

www.carabinerosdechile.cl

Coherencia de rótulos:Presenta coherencia en los rótulos, son simples y representan bien su

contenido.

Lógica de navegación: Hay contenidos que se repiten en el index, lo que vuelve redundante

la informaión, pero en general a pesar de estar todo muy junto, es fácil encontrar lo que se anda

buscando y no hace pesado el leer todos los tópicos que contiene.

Consistencia de contenido: la información es consistente, no presenta grandes textos por lo

que es más simple de leer. Es información relevante por lo que es muy bueno que esté acotada y

que uno pueda ir pasando de un tema a otro sin cansancio.

Estructura visual:en cuanto a la composición es un poco saturado el espacio y al abrir la

página puede resultar un poco abrumador, más todavía si vemos todo del mismo color (verde),

ya que al ser el color institucional predomina en el homepage, tal vez demasiado, sin embargo, a

pesar de eso no es un página difícil de recorrer, ya que cada sección para linkear dentro del

espacio total ocupa un tamaño relativamente grande lo que permite encontrar cada cosa a pesar

de estar todo junto y del mismo o similar color.

Contraste: presenta problemas de contraste en algunos sectores, sobre todo de lectura. En esta

parte se fuerza el uso del color verde institucional a pesar de no funcionar con los fondos.

Unidad visual: En general presenta coherencia, a pesar de no tener todos el mismo color, se

sigue trabajando en tonos de verdes lo que logra una realción entre los vínculos, hay algunas

secciones que no presentan fondos verdes , sin embargo, tienen detalles en verde que los hace

parte del todo.

María José Blog

Segunda Parte Arquitectura de la Información / Melindrosa

Primera Parte Arquitectura de la Información / Melindrosa

Pre Procesos Visuales

Avance Pre-Procesos Visuales

Corrección Gráfico Relación

Ambientes Dieciocheros

Corrección index

Wire frames y mockups (entrega en clases)

Corrección AI 2.0

corrección AI

Análisis Referentes Web