Análisis de Sitios Web

Es analizar sitios web en base al contenido y a un análisis gráfico, una vez terminado el análisis presentarlo en algún formato para exponer junto al curso y comentarlo. Todo el material de investigación que sirve como base para la construcción de la presentación, es mostrada a través del blog.

Saludos


Análisis de Contenido

Coherencia de la rotulación:
Rótulos indican el contenido de manera correcta, sin arriesgarse a formas menos comunes pero igual de identificables propone una rotulación al nivel de una institución “seria” universitaria, la mayoría son largos tratando de evidenciar de manera (a veces poética) clara el contenido.
Lógica de navegación:
Ofrece unos botones de navegación bastante predecibles, desde cualquier página llego al inicio o los componentes del menú principal. No es dificil comprender visualmente la lógica en cuanto a contenidos dispuestos en la página se refiere y las metáforas escogidas (Escuela, Mundo, Alumnos) son entendibles, correctas.
Consistencia de contenidos:
Acá los contenidos poseen gran valor y consistencia, textos muy bien trabajados, redactados, de momento un tanto específico en algunos temas pero se entiende en función del usuario, del lector.
Me ofrece muchas oportunidades de información, muchas posibilidades de introducirme en los contenidos de la escuela, temas relacionados, diseño, arquitectura, arte, comentarios, keywords, artículos de difusión, noticias y todos muy interesantes.
Actualizan contenido constantemente, se ve un sitio en funcionamiento pleno, sus contenidos son sólidos y existe una coherencia de las relaciones entre los distintos documentos.

Escuela de Arquitectura y Diseño PUCV


Análisis Gráfico

¿Estructura visual que facilita la navegación?
Posee una estructura clara y bien definida, permite a los usuarios identificar rápidamente qué es lo que quieren, hacia dónde se dirigen en el sitio, qué información tienen intención de conocer, y separa de manera óptima los temas a tratar, divide de forma simple las noticias referentes a Diseño y Arquitectura, las dos disciplinas centrales de la PUCV.
Del contraste, del matiz:
Un color de letra para el texto (#424242) que facilita la lectura (en relación al fondo blanco) y lo vuelve confortable, no es molesto a los ojos, por concecuencia de este contraste holgado los elementos no “vibran”, el rojo (#D70000) proporciona importancia y atención dentro del contenido total y toooooodas las imágenes están muy bien tratadas. (pasa que las fotografías las toma un señor especializado, y dedicado (no como en duoc(no le digan a nadie)).
Se trabajan distintos tonos o matices de grises sobre blanco que son los que ayudan a definir la legibilidad, ya que colores muy saturados producen ese tipo de vibración en los textos que perjudica la lectura.
¿Coherencia visual entre el homepage y los interiores?
Hay una clara coherencia entre la página inicial y sus interiores, buen trabajo tipográfico, a nivel de colores para identificar ciertas jerarquías en la información, interlineado otorga una lectura fluida, limpia, amable. Presenta siempre una columna (bueen tamaño, preciso) a la derecha ofreciéndome las noticias o diferentes artículos.

Análisis de Contenido

Coherencia de la rotulación:
Están trabajados en base al cliente (en el caso de título en proyectos) y el resto presenta metáforas totalmente identificables, como “Shop” o “Publicity”, coherente y correcto.
Lógica de navegación:
Ésta navegación simple, intuitiva, que se presenta de manera lógica, está directamente relacionada con los objetivos del sitio, su público, que sólo desea conocer más de algún proyecto gráfico o audiovisual de Universal Everything, presenta opciones de búsqueda (bastante lógicas) específicas que mucho aporta dentro de taaaanta imagen presentada, esto se realiza debido a la disposición de los proyectos en el index; a medida que se suman, el usuario más tendrá que bajar dentro de la página y así ver el primer proyecto subido por Matt Pyke. Por lo tanto ordena por recientes, clientes, locaciones, tipos (exhibiciones, impresos, videos, asuntos personales, etc.) y estilos.
Por ejemplo, hay opciones de búsqueda ya taan específicas que dentro de la opción “Style” (estilo) presenta otra que tiene relación con lo “colorido” de los trabajos: “Supercoloured”
Consistencia de contenidos:
A los contenidos le falta, se limita a ofrecernos datos precisos de cada proyecto (nombre, título, tipo, cliente, los diferentes links que del proyecto se desprenden, la locación a la cual pertenece, el creador) y en muy pocas ocasiones se atreven a regalarnos información más detallada (en qué consiste…) del trabajo.

Universal Everything


Análisis Gráfico

¿Estructura visual que facilita la navegación?
Por ejemplo, hay opciones de búsqueda ya taan específicas que dentro de la opción “Style” (estilo) presenta otra que tiene relación con lo “colorido” de los trabajos: “Supercoloured”

El presentar estas variadas opciones de búsqueda como “desplegable” facilita considerablemente la estructura de los contenidos y vuelve a estas específicas opciones de ordenamiento de contenidos más simples y menos confusas, pues ofrecen grandes posibilidades de elección no ocupando mucho espacio.
Estas “propiedades interactivas” permiten a los usuarios o visitantes del sitio, identificar las distintas secciones de contenidos, su orden, cómo están organizados los contenidos dentro de la web y desplazarse entre ellas no perdiendo el sentido de ubicación.
La estructura visual presentada otorga a cada una de las partes del contenido el nivel de importancia que requiere, signo básico para determinar una navegación de óptima.

Del contraste, del matiz:
En el contraste no hay problema, se utiliza un negro de fondo y las tipografías se comportan bien, el texto en gris y aquellas palabras que sugieran un enlace, están dispuestas en un blanco, no se trabajan matices sólo colores que funcionen bien desde la perspectiva del contraste, de la lectura clara y precisa.
¿Coherencia visual entre el homepage y los interiores?
La coherencia visual existe en todas las páginas del sitio, el logotipo siempre en la pestaña de arriba a la izquierda, las noticias actualizadas se visualizan en cualquier lugar en que nos encontremos y el negro de fondo unifica las diferentes páginas que albergan gran cantidad de trabajos.

Análisis de Contenido

Coherencia de la rotulación:
“WarpNews”, “WarpArtists”, “WarpMailing” o “WarpMart” son palabras lógicas, que contribuyen al entendimiento, se toma el nombre del sello para referirse a diferentes secciones en el sitio, otorgando identidad a las noticias, correo y compra.
Lógica de navegación:
Nada complicado, en el inicio muestra noticias, si deseo leer más haré un click sobre lo escogido, el menú principal siempre se encuentra abajo de todo el contenido, me ordena la información por Noticias, Artistas, Música, Enlaces, opciones de Download (página externa) y un carro de compras interno (Warp).
Consistencia de contenidos:
Plantea un completo y detallado informe, noticias, fechas de tours de los músicos que pertenecen al sello, a nivel de información puedo decir con toda claridad que se trata de una bien dispuesta, consistente y extensa.
En “Help” por ejemplo existe una sólida explicación de los requerimientos del sitio, chat, foro, mi cuenta en Warp, etc.

Warp Records



Análisis Gráfico

¿Estructura visual que facilita la navegación?
Estructura visual muuy cómoda, ofrece, mucha información el sitio y se vuelve agradable navegar (mucha parte toma el diseño) gracias a la estructura planteada.
Del contraste, del matiz:
A pesar de la graaaan cantidad de colores, es dificil identificar problemas de contraste, todos funcionan muy bien, el gris oscuro de fondo hace resaltar aún más las coloridas cajas que contienen el texto y el contraste está muy bien ejecutado.
¿Coherencia visual entre el homepage y los interiores?
Todo tiene coherencia, sin duda warprecords es un referente claro, los bordes de las imágenes, los colores que toman una gran participación dentro de todo el sitio y que están trabajados de manera excelente hacen pensar que ningún elemento se nos escapa.

Análisis de Contenido

Coherencia de la rotulación:
Los rótulos son bastante lógicos (mundo laboral se escapa un poco de esa coherencia), permiten al usuario saber de qué se trata antes de hacer el click para leer más con respecto a un tema específico.
Lógica de navegación:
No arrastran al usuario a ir al interior de las páginas, puesto que no incluye un conjunto de botones de navegación consistente, una vez dentro de algún link, en “Prevención” por ejemplo, me aparecen nuevos botones, con otra jerarquía, incluso otro color y otra tipografía, hago click en “Prevención laboral” y ya me perdí en el sitio.
Consistencia de contenidos:
Posee un buscador de centros de tratamiento, lo que resulta una herramienta efectiva ya que es una manera rápida de contactarse con algún tipo de ayuda. La verdad es un información completa la planteada, información con respecto a las drogas, ofrece pdf’s descargables para distintas situaciones que se puedan plantear, como por ejemplo una “Guía para familias” o un “Manejo de grupos en situaciones difíciles”

Conace


Análisis Gráfico

¿Estructura visual que facilita la navegación?
En la página es difícil perderse, gracias a un menú principal y otro al contado izquierdo que nunca cambian de posición, pero creo que si dificulta desde el punto de vista que tiene referencia con la simplicidad, si bien no me perderé en el sitio, si hay ocaciones en que realizaré más de algún click innecesario para llegar a mi “objetivo informativo”.
Del contraste, del matiz:
Los colores no están muy resueltos, se ven tímidos, perfectamente el azul del menú inicio puede ser de cualquier otro matiz y daría lo mismo, el color ninguna participación relevante posee en este sitio, lo que dificulta también el orden estructural de los contenidos o vuelven a ese orden menos visible.
El trabajo tipográfico a nivel de contrastes, importancia, jerarquía, no lo tomaron muy en cuenta.
¿Coherencia visual entre el homepage y los interiores?
Algunos tamaños en las letras escapan de esa coherencia, en general, podríamos hablar de aspectos visuales que se repiten de una página a otra, pero sin duda falta normalizar ciertos detalles y así lograr un mayor manejo de la información dispuesta en el sitio, aún se ve una plataforma con información vertida sobre él sin mucho estudio gráfico o visual que contribuya a un mejor resultado.
No hay coherencia el las imágeneeees!

Análisis de Contenido

Coherencia de la rotulación:
Bien ejecutada, rótulos como “Mis Viajes” acercan de una u otra manera al usuario, las promociones están trabajadas de manera “amigable”l los rótulos del menú principal están bien claros, no hay lugar a la confusión, todos muy precisos. Ahora, por ejemplo en el link “Empresa” en el menú de arriba, me lleva a un distinto lugar que el link con el mismo nombre pero dispuesto en la parte inferior del sitio. mmm
Lógica de navegación:
Los vuelos están con la mayor importancia en el sitio, lo que es lógico, las promociones al costado derecho y abajo, coloridas y en gran tamaño, algo también lógico. Voy al link “Información de viaje” y me ofrece una paleta de opciones que divide el tipo de información que ando buscando, bastante lógico también, en “Lanpass” la publicidad es menos invasiva, me ofrece un menú con pestañas (como en el inicio), con los datos y divisiones correspondientes a un cliente lanpass, y sigue siendo lógico.
En ningún momento me confundo ni hay lugar a duda en cuanto a la “posición” del usuario dentro del sitio. En síntesis: una lógica predecible y consistente.
Hay una barra que me indica los movimientos que he realizado para llegar dónde estoy.
Consistencia de contenidos:
Los contenidos son cortos y precisos, se entiende que no son necesarios los textos extensos que en vez de contribuir vuelven a las páginas menos fluidas. Lan.cl en su lectura, es concisa y no se necesita más.

Lan

Análisis Gráfico

¿Estructura visual que facilita la navegación?
La estructura visual se trabaja bien, esos menús a modo de pestaña funcionan de manera excelente, pues divide de manera óptima los contenidos que de una u otra manera se relacionan
Del contraste, del matiz:
Colores fuertes en ocaciones que se quiere resaltar algún contenido y con intensidades bajas cuando lo importante es la información, algo coherente y lógico.
¿Coherencia visual entre el homepage y los interiores?
Todas las páginas son coherentes dentro del sitio, trabajan en base a los mismo códigos visuales, el css se estructura bien y no hay problemas de confusión, las páginas divididas en cuatro columnas permiten un orden de la información.

4 Comentarios

  1. Escrito Domingo, Agosto 31, 2008 a las 9:27 pm | Enlace permanente

    wena po loco daniel wena onda el blog mas tarde lo agrego al mio que ahora ando pelusiando en internet con mi cachorrito.

    los vimonos

    Pancho

  2. carrascomedina
    Escrito Domingo, Agosto 31, 2008 a las 9:54 pm | Enlace permanente

    okkk peluseaaa!!!

  3. javitafaundes
    Escrito Miércoles, Septiembre 10, 2008 a las 3:12 am | Enlace permanente

    besoooooos por mil!!..
    :)

  4. Escrito Viernes, Septiembre 19, 2008 a las 9:17 pm | Enlace permanente

    loco… dos cosas…

    uno! perdí tu mail de gmail… necesito que me mande un mail a o(arroba)osvaldouribe.com con tu correo… y segundo… te cobraré sentimientos por no poner el link a mi página… jajaja

    saludos lonji pavo.. nos vemos.


Escribe un comentario

Tu email nunca será publicado o compartido. Los campos requeridos están marcados con *
*
*