lunes, 1 de septiembre de 2008

Encargo 3 Análisis sitios web. Pt. 2

5. Unesco (http://www.unesco.org/)
Descripción: Sitio web de la Organización de las Naciones Unidas para la Educación, la Ciencia y la Cultura.

a) Contenidos


Coherencia del rotulado:
· Rotulados coherentes con los contenidos y con las imágenes asociadas. No existen vínculos rotos, abandonados o con destinos equivocados.
· Los vínculos de los artículos y noticias se hayan sólo en los titulares y las imágenes asociadas. También es común encontrar el vínculo completo al artículo a partir de un rótulo adicional. (MÁS)
· Los vínculos están tratados puntualmente y jamás insertos en medio de los párrafos.
· Además de algunas imágenes, dependiendo de su contexto, sólo textos como palabras, frases y titulares llevan vínculos.
· Los vínculos de hipertexto se subrayan al poner el Mouse sobre ellos.

- Lógica de navegación:
· El menú principal se ubica al costado izquierdo. Cada titular con su menú de contenidos. Permite conocer de qué se trata cada tema central mostrando los tópicos relevantes.
· La jerarquía de información va desde lo general hasta lo particular.
· Su navegación principalmente se hace a través de los encabezados, menús e im. De ahí en adelante son los titulares y finalmente las etiquetas adicionales para los artículos.

-Consistencia del contenido:
· Existen secciones que al entrar cambian drásticamente el diseño de información general que maneja el sitio. Desaparecen menús y rótulos relacionados.
· A pesar de seleccionar el sitio para el lenguaje en español, muchas de las noticias destacadas siguen en inglés.
· Algunas secciones principales sólo están disponibles en algunos idiomas, con menor selección de éstos que en el homepage. De hecho, un par de secciones principales sólo se encuentran en inglés.
· Los vínculos hacia los contenidos son puntuales y precisos, pero no respetan la configuración del idioma.
· Ocasionalmente la configuración del idioma se resetea al entrar a alguna sección.
· Contenidos reales, no simplemente asociados.
· No existen links rotos ni abandonados.
· Titulares y resúmenes relacionados directamente con el contenido.

b) Diseño visual

- Estructura visual:
· El manejo de los espacios es decente, pero utiliza demasiado texto y poca imagen.
· Existe una jerarquía de temas y secciones bien estructurada.
· Los colores, por lo general, no causan ninguna dificultad ni ruido en la lectura y visualización de la información.
· Existe un moderado contraste entre secciones y diferenciación de información, en los rótulos, titulares y el texto en general.
· Maneja de forma adecuada las separaciones entre los tópicos, secciones y paneles.
· Contraste de texto+fondo bien aplicado.
· Orden y jerarquización general que ayuda a la lectura
· Tipografía sans-serif (arial). Falta mayor interlineado para mejor legibilidad.
· No existe una coherencia visual sólida entre homepage e interiores. La mayoría secciones principales conservan el aspecto visual pero cambian su color. Sin embargo, esto se excede en algunos casos en donde algunas secciones cambian no sólo el color sino el diseño en general eliminando la coherencia con el home.
· Colores: Azul, verde, rojo, amarillo, púrpura, negro y blanco para los fondos de párrafos.

Detalles:
· El mapa del sitio se estructura en orden alfabético, basándose en los portales del sitio, en vez de ordenarse a manera de vínculos. Es demasiado complejo y confuso.


6. Red Clínica (http://www.redclinica.cl/)
Descripción: Sitio web del Hospital Clínico de la Universidad de Chile.

a) Contenidos

– Coherencia del rotulado:
· Rotulados coherentes con los contenidos y con las imágenes asociadas. No existen vínculos rotos o abandonados.
· Los vínculos de los artículos y noticias se hayan sólo en los titulares y rótulos adicionales (VER MÁS+).
· Los vínculos están tratados puntualmente y nunca insertos en medio de los párrafos.
· Sólo textos como palabras, frases y titulares llevan vínculos.
· Los vínculos de hipertexto se encuentran subrayados.
· Los vínculos pueden ser títulos o resúmenes.
· Ninguna imagen, de las poca que posee, lleva vínculo.

- Lógica de navegación:
· El menú principal es el conector central del sitio y en cada uno de sus títulos despliega sub-menús con la información pertinente. Esto denota una cierta organización y orden que en la práctica funciona bien.
· Al costado izquierdo se hayan los menús de servicios, contactos y archivos. Organizados y tratados de manera separada al contenido principal.
· La jerarquía de información no obedece una jerarquía establecida. La información se divide por áreas de interés. · Su navegación principalmente se hace a través de los encabezados y menú. De ahí en adelante son los titulares y finalmente las etiquetas adicionales para los artículos.

-Consistencia del contenido:
· Los vínculos hacia los contenidos son puntuales y precisos.
· Contenidos reales, no simplemente asociados.
· Contenido muchas veces pobre, sobre todo para tratarse de un sitio de importancia vital y hospitalario.
· La información de sus tópicos con frecuencia es demasiado sintetizada, poco profunda y carente de detalles técnicos.
· No existen links rotos ni abandonados. Sin embargo, algunas secciones no tienen contenido y se presenta una página en blanco, como Video y el Banco de imágenes.
· Titulares y resúmenes relacionados con el contenido tratado.
· Mapa del sitio incompleto y confuso.
· Poco tratado de imágenes y material visual.
· No tiene vínculos a otras instituciones o fuentes relacionadas.


b)Diseño visual

- Estructura visual:
· El sitio no se encuentra centrado.
· El manejo de los espacios es bueno, a pesar de la cantidad de información.
· Existe un posicionamiento de temas y secciones muy bien estructurado.
· El espaciado en los textos es adecuado para la lectura.
· Los colores no causan dificultad en la lectura y visualización de la información.
· Existe un gran contraste entre info de secciones y diferenciación de información, en los rótulos, titulares y el texto en general.
· Maneja de forma adecuada las separaciones entre los tópicos, secciones y paneles.
· Contraste de texto+fondo bien aplicado.
· Tipografía sans-serif (arial) de cuerpo demasiado pequeño para el rubro del sitio.
· Coherencia visual entre homepage e interiores.
· Colores: Azul, verde y blanco para los fondos. Coherentes con su identidad corporativa y su concepto.

Detalles:
· Tiene a disposición un diccionario médico muy completo en términos sin manejar significados altamente científicos para un mayor entendimiento general. No obstante, serían útiles algunos vínculos dentro de su contenido.
· Se encuentra disponible la versión digital de la revista del Hospital vía descarga directa en PDF. Se destaca la opción de descargar la revista por capítulos.


7. Mineduc (http://www.mineduc.cl/)
Descripción: Sitio web del Ministerio de Educación de Chile.

a) Contenidos

– Coherencia del rotulado:
· Rotulados coherentes con los contenidos. No existen vínculos rotos, abandonados o con destinos equivocados.
· Los vínculos de los artículos y noticias se hayan sólo en los titulares y rótulos adicionales (IR A NOTICIA).
· Sólo textos como palabras, frases y titulares llevan vínculos.
· Los vínculos están tratados de forma general sin detalle.
· Sólo los titulares llevan vínculos.
· Algunos vínculos de hipertexto, como el menú principal, se subrayan al poner el Mouse sobre ellos. Otros de contenido interior se encuentran permanentemente subrayados.
· Vínculos a través de íconos (sobre, teléfono, etc.) envían aparentemente a otro sitio con información incoherente con los vínculos iniciales.
· Los vínculos del menú principal no están destacados y son de un cuerpo demasiado pequeño para denotar la función que cumplen.
· Las páginas interiores no conservan la visualización del menú principal, reemplazándolos por tópicos relacionados al artículo en cuestión, lo que rompe la navegación fluída y ordenada.
· Ninguna imagen, de las poca que se encuentran, lleva vínculo ni están rotuladas.
· Vínculos de Inicio, Búsqueda, Contacto y Mapa del Sitio no se ven y pasan desapercibidos (sin destacar, demasiado pequeños y ubicados en la parte inferior de las páginas).

- Lógica de navegación:
· La navegación se hace a través del menú principal al costado izquierdo. Al pinchar cada título despliega sub-títulos para los contenidos.
· Existe cierta jerarquía de información, pero la desaparición del menú principal en páginas interiores causa un grave desorden de ésta información.
· Su navegación principalmente se hace a través de los encabezados y menús.
· Navegación interrumpida por vínculos sin destacar y muy pequeños (incio, contacto, etc.).

-Consistencia del contenido:
· Los vínculos hacia los contenidos son tratados de manera demasiado general.
· Contenidos reales, no simplemente asociados.
· No existen links rotos ni abandonados.
· Titulares relacionados con el contenido.
· Completo Mapa del sitio pero con tópicos sin contenido desplegable, que es la idea de la existencia del Mapa.
· No existe página de galería. Ocasionalmente se agregan algunas imágenes en relación a la noticia.
· Contenido muchas veces pobre, sobre todo para tratarse de un sitio de importancia vital.
· Poco tratado de imágenes y material visual.


b) Diseño visual

- Estructura visual:
· El manejo de los espacios es pobre. Demasiado espacio en blanco y sin utilizar.
· Pésimo manejo tipográfico y de los espaciados (tipografía Bold en párrafos completos, ríos, mal interlineado, etc.)
· Existe una jerarquía de temas pobremente estructurada. Titulos del menú principal de poco tamaño y sin destacar.
· El espaciado en los textos no es adecuado para la lectura.
· Exceso de banners multicolores no son un buen aporte visualmente. Causan ruido y confusión, aparte de abaratar el diseño del sitio.
· No existe contraste entre info de secciones.
· Maneja de pobremente las separaciones entre los tópicos, secciones y paneles.
· Contraste de texto+fondo bien aplicado.
· Tipografía sans-serif (arial) con mala legibilidad y cuerpo demasiado pequeño.
· Coherencia visual entre homepage e interiores. A excepción de la sección 600 Mineduc.
· Colores: Azul y para los fondos de párrafos el blanco.

No hay comentarios: