Practica 6: Análisis global de experiencia de usuario

Practica 6: ANÁLISIS GLOBAL DE EXPERIENCIA DE USUARIO

Denominación de los medios: El Mundo

Tipo de medio: prensa digital.

URL: www.elmundo.es

Denominación de los medios: Antena 3

Tipo de medio: web de televisión.

URL. www.antena3.es

Denominación de los medios: OndaCero

Tipo de medio: web de radio.

URL. www.ondacero.es

Con este análisis quiero comprobar el nivel de calidad, las facilidades para los usuarios, la eficacia, la estructura, el interés de los contenidos… y aquellos factores que influyen al usuario a la hora de visitar una página web. El objeto de estudio de esta práctica de tecnologías multimedia serán los sitios web de tres medios nacionales, uno de televisión, otro de radio y otro de prensa escrita. Estos son: Antena3, Onda Cero y El Mundo. Para el desarrollo del primer punto de la práctica seguiré la teoría que plantea Morville: ¿es utilizable?, ¿es útil?, ¿es deseable?, ¿es valioso?, ¿es encontrable?, ¿es creíble?, ¿es accesible?.

1.-Análisis global de Experiencia de Usuario:

www.antena3.com

La primera página que vamos a analizar es la de Antena3. Vamos a tener en cuenta la teoría que plantea Morville, haciendo referencia a los términos, usabilidad, utilidad, deseabilidad, valor, encontrabilidad, credibilidad y accesibilidad.

En cuanto a lo que la usabilidad se refiere podemos decir que la página web de Antena3 es fácil de usar. El acceso a los contenidos es sencillo ya que están expuestos de manera clara y aparecen junto a fotografías para ayudar al usuario a identificar los mismos.

Al hablar de utilidad podemos decir que su grado de utilidad depende del tipo de interés o necesidad informativa del usuario. Se puede considerar útil puesto que los contenidos y noticias están en permanente actualización y ofrece otros servicios alternativos e información referente al propio medio

La deseabilidad también varía en función de los intereses y preferencias de los usuarios. Pero puede considerarse deseable si se trata de informarse sobre temas de actualidad, por los motivos antes mencionados.

El valor se mide según las cuestiones sobre todas las cuestiones de actualidad, además de otros muchos asuntos de diferente índole que se traten en la web. El valor lo concede la gran cantidad de información y la constante actualización de la misma. Y en la página de antena 3 se da lo que hemos comentado con anterioridad. Además, se debe tener en cuenta que estos medios en la web pueden aportarnos más conocimientos sobre más temas, puesto que no existen los condicionantes propios de los medios tradicionales como el directo o el espacio. Esto también otorga valor a estas páginas.

En cuanto a lo que la encontrabiblidad se refiere podemos decir que la página web de Antena3 posee este rasgo ya que los usuarios pueden localizar la página web y los contenidos de manera sencilla. Además nos encontramos en la cabecera de la página un índice sobre lo que podemos buscar en ella y un buscador.

La web de Antena 3 es creíble ya que al ser un medio de comunicación importante a nivel nacional e internacionalmente, su nivel de credibilidad es alto. Algo que aumentaría, desde mi punto de vista, la credibilidad sería mencionar en todas las informaciones la fuente, ya que esto se echa en falta en algunos casos.

En cuanto a lo que accesibilidad se refiere el acceso a los contenidos no es difícil y está al alcance del usuario medio

www.ondacero.es

La segunda página que vamos a utilizar es la de Ondacero. Vamos a tener en cuenta, al igual que el análisis anterior, la teoría que plantea Morville, haciendo referencia a los términos, usabilidad, utilidad, deseabilidad, valor, encontrabilidad, credibilidad y accesibilidad

En cuanto a lo que la usabilidad se refiere podemos decir que la página web de Ondacero es fácil de usar por la sencillez en la organización de los contenidos.

Al hablar de utilidad podemos decir que cada una de las páginas tiene una utilidad diferente en cada caso, ya que aunque se dediquen a informar sobre actualidad, cada una pertenece a un ámbito distinto de los medios de comunicación. Esta en concreto se puede considerar útil para los usuarios ya que, además de las noticias, incluye informaciones alternativas en blog y ofrece una serie de servicios que también pueden ser interesantes.

La deseabilidad varía en función de los intereses y preferencias del público; pero pienso que puedo afirmar que es una página deseable cuando se trata de encontrar informaciones de actualidad, temas de debate o escuchar informaciones en directo.

El valor de los contenidos es adecuado por su actualidad y variedad de temas que se muestran en la página.

En cuanto a lo que la encontrabiblidad se refiere podemos decir que en la página de onda cero la información es fácil de localizar por la sencillez y la organización de la misma, incluso cuando se trata de temas específicos ya que la página dispone de un buscador y un índice o sumario en la parte superior de la página.

La credibilidad de la página de ondacero depende en gran medida del usuario pero, en general, al ser un medio importante a nivel nacional puede considerarse creíble.

En cuanto a lo que accesibilidad se refiere el acceso a los contenidos no es difícil y está al alcance del usuario medio

www.elmundo.es

En cuanto a lo que la usabilidad se refiere podemos decir que la página web del diario de tirada nacional El Mundo es, desde mi punto de vista, la más usable de las tres analizadas, ya que los contenidos aparecen muy estructurados y organizados.

Al hablar de utilidad podemos decir que teniendo en cuenta lo que antes he comentado, esta página es bastante útil para informarse sobre temas de actualidad de cualquier ámbito.

En cuanto a la deseabilidad se puede decir que la página de El Mundo es deseable, ya que contiene gran cantidad de información de diferente y variada según la temática

A lo hora de hablar del valor de la página podemos decir que al tratarse de un medio de referencia en nuestro país y el hecho de que los contenidos están en continua actualización hace que el valor de la pagina sea alta.

En cuanto a lo que la encontrabiblidad se refiere podemos decir que la información es fácil de localizar ya que la web tiene una buena estructuración de los contenidos, buenos los índices, y cuenta con un buscador de Google y otro propio de la propia página, ambos de gran utilidad.

La pagina del mundo es totalmente creíble por varios motivos: por sus años de experiencia, su valoración tanto a nivel nacional como internacional y por su importancia. El pero es que siempre dependerá de la experiencia personal y los pensamientos del público ya que tendemos desestimar informaciones según el medio que lo publique.

En cuanto a lo que accesibilidad se refiere podemos decir que los contenidos están expuestos de manera sencilla y hace que el acceso a los mismos de asequible para todos los usuarios.

Comparación:

Hay que decir que las tres web son muy parecidas.

Valoración

Desde mi punto de vista la web de “El Mundo” es la mejor, ya que tiene mejores características de usuario (según Morville). Las páginas de antena 3 y OndaCero son muy parecidas e incluso los errores se repiten en ambas páginas.

2.-Análisis de Usabilidad:

Para realizar el análisis de usabilidad es necesario descargarse la “Web Develop Toolbar” en nuestro navegador Mozilla. Después de esto analizaremos las distintas posibilidades que nos ofrece la barra de herramientas. Gracias a esta herramienta, puedes realizar análisis de diferentes aspectos de una página web: “Disable”, “Cookies”, “CSS”, “Forms”, “Images”, “Miscelanous>Linenarize page”, “Miscelanous>Small screen rendering”, “Resize”. Yo analizaré todos los que vea que son relevantes mediante una exposición esquematizada para hacerlo más ameno.

www.antena3.com

Mediante la “web Develop Toolbar“ hemos analizado la usabilidad de la página Antena 3. A continuación expondremos los resultados.

Disable:

1.- Cache: No se aprecia ningún cambio en la página, todo funciona con correctamente.

2.-Java: Todo funciona bien, no da ningún tipo de error.

3.-JavaScript: No se pueden ver los videos ni la publicidad. Por lo demás, la web, aparentemente, funciona bien.

4.-Tamaño mínimo de texto: el tamaño del texto no cambia, no se da ningún cambio.

5.-Colores de página: Con esta opción podemos apreciar varios cambios: desaparece el fondo y el texto pasa a ser azul. La página, a pesar de estos cambios mencionados con anterioridad, se puede seguir utilizar con normalidad.

6.-Bloqueador de popus: Si lo desactivamos aparece publicidad.

Cookies: All Cookies: no ocurre nada, todo funciona correctamente

CSS: Con esta opción el contenido varía por completo. El texto y los botones se mueven hacia la izquierda. Cambia el diseño pero la navegación no sufre modificaciones, todo funciona con normalidad.

Forms: No hay elementos que mostrar. No hay formularios.

Images: En la web de antena3 cuando desactivamos las imágenes aparece un texto en el lugar donde esta la foto. Este texto hace referencia a lo que mostraba la imagen.

.-Disable images: Desaparecen todas las imágenes. Donde están las fotos aparece un texto que hace referencia a la imagen que se mostraba. La web funciona perfectamente.

.-Display: muestra un texto encima con el nombre de la foto

.-Otros:

Outline images : desaparecen las fotos de diseño de la web.

Hide Images: desaparecen los botones e imágenes de las noticias.

Information: la información de la web de A3 es mayor utilizando información adicional, información sobre los títulos de las fotos, dando datos sobre el color, o sobre JavaScript.

Linenarize page: Todo el cuerpo de la web se desplaza a la izquierda. No se puede usar la web. Se superponen los textos.

Small screen rendering: se desplaza todo a la izquierda en una columna. Se puede seguir navegando en la web.

Resize: Cambia el tamaño de la pantalla. No afecta al funcionamiento del la web.

www.ondacero.es

Mediante la “web Develop Toolbar“ hemos analizado la usabilidad de la página Ondacero. A continuación expondremos los resultados del análisis:

Disable

1.-Cache: todo funciona correctamente

2.-Java: todo funciona correctamente

3.-Java script: al desactivarlo, los videos no se pueden cargar, por tanto no se pueden ver. A pesar de esto, la página funciona correctamente y te puedes seguir informado sobre cualquier cosa.

4.-Tamaño mínimo de texto: no ocurre nada, el tamaño del texto sigue siendo el mismo

5.-Colores de página: el color de fondo desaparece. En este caso, como era blanco apenas se aprecia. En cuanto a los hipervínculos, en vez de verse en color verde como antes, se ven en color azul

6.-Bloqueador de popus: no ocurre nada

Cookies: All Cookies: no ocurre nada, todo funciona correctamente

CSS (Disable Styles): la plantilla inicial desaparece y la información se queda en una columna a la izquierda. Los elementos de la web se ordenan de diferente manera y los colores de los hipervínculos son azules, mientras antes eran verdes. La web se puede usar y puedes informarte.De hecho, cuando pinchas sobre alguna noticia, la puedes ver con la estructura y la forma de la web inicial.

Forms (Display Forms Details): en este caso, en todas las barritas que al pincharlas se desglosan y te ofrecen más información funcionan correctamente, solo que justo arriba de ellas aparecen una serie de letras y signos que indican el html.

Images:

All images: desaparecen todas las imágenes, ya sean de personas que trabajan en Onda Cero, como imágenes de publicidad.

Display All Atributes: aparecen junto a todas las imágenes “Alt=” más lo que signifique la imagen. Si por ejemplo es un personaje pone: “Alt=Juan Luis Cano, periodista y escritor”

Miscellaneous

Linearize Page: todo el contenido de la web se alinea en la izquierda y aparece en una columna. Los colores son los mismos, no cambian. Las fotografías del principio se superponen en el texto, lo cual dificulta la lectura. Al pinchar sobre una noticia, la puedes leer y se organiza como al principio de la web, es decir, esta herramienta se activa automáticamente.

Small Screen Rendering: en este caso todo el contenido de la web también se vuelca hacía la izquierda y se organiza en una solo columna, pero además el fondo del resto de la página es gris. Al igual que en el anterior caso, al querer leer un artículo o noticia, este herramienta se activa de nuevo automáticamente y podrás usar la web con su estructura inicial.

www.elmundo.es

Mediante la “web Develop Toolbar“ hemos analizado la usabilidad de la página el mundo. A continuación expondremos los resultados del análisis.

Disable

1.-Cache: no ocurre nada, funciona correctamente

2.-Java: no ocurre nada, la web funciona de manera correcta.

3.-Java script: al desactivar esta opción los videos desaparecen.

4.- Tamaño mínimo de texto: no ocurre nada

5.- Colores de página: cambia el color del texto a otro tono de azul. La web funciona correctamente

6.- Bloqueador de popus: no ocurre nada

Cookies (All Cookies): la web sigue funcionando sin problema.

CSS (Disable Styles): toda la información se desplaza a la izquierda salvo algunos banners de publicidad que ocupan toda la pantalla. También se ve un recuadro de publicidad en la derecha.

Forms (Display Forms Details): no ocurre nada, todo funciona bien y no ve nada nuevo en la web.

Images

All images: desaparecen todas las imágenes, salvo el banner publicitario de banesto.com

Display All Atributes: funciona todo correctamente, no genera ningún tipo de cambio.

Miscellaneous

Linearize Page: toda la información se va hacia la izquierda y mantiene el formato inicial de la web. La organización no es la misma pero se puede seguir usando la web sin problemas. Si pinchas sobre una noticia, la puedes ver en el formato inicial y si regresas para atrás, el formato sigue siendo el de una columna, es decir, sigue desactivada esta opción.

Small Screen Rendering: no ocurre nada cuando se desactiva

Comparación

El mundo es la que mas componentes tiene y sin embargo es la que mejor funciona si desactivas los componentes. La web de Antena 3 y OndaCero son muy similares y comenten errores de Usabilidad idénticos como con el “Small screen redering y linerize page.

Valoración.

En el siguiente apartado llevaré acabo una valoración con todo lo visto con anterioridad. Haciendo una comparación de las 3 páginas se puede observar que el mundo es la web que más componentes tiene y que aunque los desactives componentes no es la pagina que peor funciona. La página que peor funciona es la de Antena3, ya que casi todo es javascripts y cuando se realiza el “Lineraze page” el texto no se puede leer y ya que se superpone el texto. Es la única web en la que esto ocurre. En cuanto a las imágenes es muy bastante bueno que cuando se desactiven las imágenes a parezca un texto en lugar donde aparece la foto. En las tres páginas se da la situación comentada, aunque sea con más o menos texto. Esto nos permite saber lo que sale en la foto sin necesidad de verla.

3.-Análisis de Accesibilidad:

En este apartado vamos a analizar el grado de accesibilidad del portal. Esto se tiene en cuenta para las personas que tienen alguna discapacidad ya que las páginas web deben adaptarse a las condiciones de todos sus usuarios. Por este motivo para medir la accesibilidad utilizamos un sistema de triple A (AAA):

(A) significa que los contenidos del sitio web apenas son accesibles para los discapacitados,

(AA) debe de tener contenidos más accesibles y es obligatorio para los ministerios y páginas dependientes de gobiernos

Y por último (AAA) es el nivel máximo de acceso a cada página. Para saber que nivel tiene una página podemos utilizar la web www.tawardis.net/taw/online.

Los errores que expongo a grandes rasgos son los siguientes:

.-De prioridad 1: se trata de ausencia de textos

.-De prioridad 2: pueden ser códigos HTML desaconsejados

.-De prioridad 3 :ausencias de especificación del idioma.

A continuación y mediante la “web Develop Toolbar” hemos analizado la accesibilidad de las páginas analizadas. A continuación y usando los botónes de la barra de herramientas y los errores que encontremos expondremos los resultados. Terminaremos con conclusiones referentes a la accesibilidad de las tres páginas.

www.elmundo.es

Information>abreviations: la accesibilidad es adecuada ya que se muestran todas las abreviaturas que hay en la web: C.=Comunidad (valenciana), H.=Horas, TV=Televisión,.

Tab Index: No hay nada sobre a los índices de tabulación.

Document outline: Aparecen 7 links que se expanden: el primero va de h1 a h6; el segundo, tercero y cuarto de h1 a h2; el quinto de h1 a h6 siendo más complejo que los anteriores en la subdivisión y los dos últimos simplemente son 1 link.

-Images>Display Alt Atributes: Muestra la referencia de la foto.

Como conclusión podemos decir que la web del mundo tiene una accesibilidad alta, ya que sí muestra aspectos como las abreviaturas, los atributos de las imágenes y los documentos outline.

Evaluación (Tools>validate WAI): Vamos a señalar las que no pasan el chequeo o tienen relevancia. Evaluando la web con esta herramienta podemos ver varias partes: Ajustes básicos, mapas de imagen, tablas, marcos, scripts y multimedia, failsafe y Non 508. De estos, los fallos que muestra son:

1. Ajustes básicos: muestra un error. El 1.1 nos dice que hay que proporcionar un texto equivalente para los elementos no textuales, donde se incluyen imágenes y representaciones gráficas de texto, entre otras.

2. Mapas de imagen: Los elementos chequeados no se encuentran presentes en la página web.

3. Tablas: Los elementos chequeados no se encuentran en la web.

4. Marcos, scripts y multimedia: Dos elementos chequeados no se encuentran en la web.

5. Failsafe: Hay 3 elementos que no son seleccionados para la verificación.

6. Non 508: sin chequeo

A continuación hay una lista de verificación de nivel 2. De 48 aspectos chequeados se señalan los que no pasan el chequeo:

1. Refresh (actualización) automática: no pasa el chequeo

2. Evitar tecnologías W3C obsoletas: no pasa chequeo

3. Identificar el objetivo de cada vínculo (32 vínculos con fallo): no pasa chequeo.

4. Proporcionar metadatos para añadir información a las páginas y sitios: no pasa chequeo.

5. Asociar etiquetas a los controles: no pasa chequeo (4 reglas chequeadas)

6. identificar el lenguaje principal de un documento: no pasa chequeo

www.ondacero.es

Information>abreviations: sólo muestra una abreviatura (el nombre de una empresa) pero tiene unas como h. de horas o TV de televisión que no las muestra. La accesibilidad en este caso es deficiente.

Tab Index: No aparece nada sobre los índices de tabulación.

Document outline: Nada más que hay 2 link de expansión: uno es un link y el otro va de h1 a h4 siendo muy compleja la subdivisión.

Images>Display Alt Atributes: La web de OndaCero es muy positiva en los atributos de las imágenes, ya que explica la foto completamente (quien aparece, por qué, datos extra, etc…) por ejemplo, aparece una foto de una noticia sobre una nueva muerte por la violencia de género y su atributo es: “Asesinato machista en Tarragona”

En resumen, la web de OndaCero también tiene una accesibilidad media, no supera a “El Mundo” pero la explicación de las fotos es bastante buena y esto es algo positivo.

Evaluación (Tools>validate WAI): Señalamos las que no pasan el chequeo o son relevantes. Evaluando la web mediante esta herramienta podemos ver varias partes: Ajustes básicos, mapas de imagen, tablas, marcos, scripts y multimedia, failsafe y Non 508. De estos, los fallos que muestra son:

1. Ajustes básicos: muestra un error. El 1.1. Nos dice que hay que proporcionar un texto equivalente para los elementos no textuales, donde se incluyen imágenes y representaciones gráficas de texto entre otras. En este apartado los errores de esta índole son 28.

2. Mapas de imagen: Sin resultado (no existen en web)

3. Tablas: Sin resultado (no existen en la web)

4. Marcos, scripts y multimedia: Sin resultado (no existen en la web)

5. Failsafe: Sin resultado (no existen en la web)

6. Non 508: sin chequeo

A continuación hay una lista de verificación de nivel 2. De 31 aspectos chequeado se señalan los que no pasan el chequeo:

1. Tecnología W3C Obsoleta

2. Identificar los vínculos con su objeto.

3. Ofrecer metadatos

4. Asociar etiquetas a los controles

Hay una tercera columna de verificación (nivel 3). De los 19 aspectos chequeados no pasan:

1. Los agentes de usuario (incluidas las tecnologías de asistencia) hacer enlaces adyacentes claramente, no son de enlace, caracteres imprimibles (rodeados de espacios) entre los enlaces adyacentes

2. Hay 3 aspectos marcados como “WARNING”: 1- identificar el lenguaje natural del documento. 2- crear un orden lógico a través de los enlaces, controles de formulario y objetos. 3- atajos de los vínculos a través del teclado.

www.antena3.com

Information>abreviations: No muestra ni una sola abreviatura. Es como si no existiera la opción.

Tab Index: No aparece nada relativo a los índices de tabulación.

Document outline: Sólo hay un link: de h1 a h3 con poca subdivisión.

– Images>Display Alt Atributes: en la web de A3 solo muestra como atributos una frase diciendo de quien es la foto. Ej.: Sale Los Hombres de Paco y su atributo es “Los Hombres de Paco”

Es una web de accesibilidad baja. No se puede comparar con las anteriores webs porque no ofrece ningún punto positivo.

-Evaluación (Tools>validate WAI): (hecho a partir del test de accesibilidad web) Aparecen 6 errores de prioridad 1; 7 de prioridad 2; y 1 de prioridad 3.

Los 6 errores de la prioridad 1 hacen refencia al punto 1.1. Esto incluye imágenes y representaciones gráficas del texto mapas de imagen entre otras. Más en concreto, existen 6 imágenes que no poseen un texto alternativo por si fallara.

Los errores de la prioridad 2 son 7:

1. Este elemento utiliza unidades de medida absolutas en lugar de unidades de medida relativas (2 errores).

2. secuencia de encabezados incorrecta.

3.este elemento HTML utiliza atributos desaconsejados en HTML.

4. este control de formulario no tiene asociado ninguna etiqueta (3 errores).

Respecto a la prioridad 3 solo encontramos un error : El control de formulario no incluye caracteres por defecto.

Comparación

Si nos fijamos primero en las abreviaturas, El Mundo cumple bien esta opción pero Antena 3 y OndaCero no la cumplen, pese a que tienen abreviaturas en su web. Las otras opciones son similares entre los 3. Respecto a la evaluación de la web El Mundo presenta 13 errores de prioridad 1, es decir, errores graves. Tiene 96 de prioridad 2 y 11 de prioridad 3. OndaCero tiene menos errores, ya que de prioridad 1 muestra sólo 2, de prioridad 2, 27 y de prioridad 3, 13. Por último, la web de Antena 3 está entre medias de los 2, ya que sólo presenta 6 errores de prioridad 1.

Valoración

Como conclusión podemos decir que la página que afronta con más garantías el análisis de accesibilidad ha sido la web del mundo. Podemos decir esto porque la web del mundo tiene una accesibilidad alta y sí aspectos como las abreviaturas, los atributos de las imágenes y los documentos outline. La pagina de ondacero muestra algunos aspecto positivos como atributos de las imágenes, ya que explica la foto completamente (quien aparece, por qué, datos extra, etc…) por ejemplo, aparece una foto de una noticia sobre una nueva muerte por la violencia de género y su atributo es: “Asesinato machista en Tarragona”. La página de antena 3 nos ha dejado mucho que desear y su accesibilidad es baja.

4.-Análisis de composición y validación de estándares:

www.elmundo.es

Utilizando los siguientes botones y opciones de la barra Web Developer Tollbar, nos muestra cómo está compuesta la página (mediante tablas, mediante posicionamiento con CSS, marcos…): “Outline>frames, Tables, Block level elements…”

1.-Frames: No ocurre nada en la web

2.-Heading: se ponen todos los titulares en color azul salvo el principal que lo hace en verde.

3.-Links: Los hipervínculos se ponen en rojo.

4.-Tables: aparece en color rojo la publicidad a la derecha, y otros dos cuadros publicitarios abajo.

5.-Block level elements: los titulares aparecen en rojo oscuro, los antetítulos en naranja, los cuadros destinados a la publicidad o los hipervínculos de una noticia en verde.

6.-current elements: conforme pasamos el puntero por encima del texto aparece la división en cuadros del texto.

Valida las hojas de estilo en cascada con la herramienta “Tools>Validate CSS”

Aparecen 23 errores sobre la sintaxis, referidos a fotos, alertas de noticias, módulos, bloques de sección, etc..

Valida el HTML con la herramienta “Tools>Validate HTML”.

Aparecen 192 errores, 12 de ellos peligrosos.

www.ondacero.es

Utilizando los siguientes botones y opciones de la barra Web Developer Tollbar, repara en cómo está compuesta la página (mediante tablas, mediante posicionamiento con CSS, marcos…): “Outline>frames, Tables, Block level elements…”

Frames: 2 anuncios se encuadran en azul

Heading: Todos los cuadros de los titulares se ponen en verde.

Links: Los hipervínculos se ponen en rojo.

Tables: los cuadros de publicidad se ponen en rojo.

Block level elements: División de los cuadros por colores azules para informaciones secundarios y verdes las principales

current elements: Muestra la disposición de los elementos en cuadros.

Valida las hojas de estilo en cascada con la herramienta “Tools>Validate CSS”

Aparecen 11 errores sobre la sintaxis

Valida el HTML con la herramienta “Tools>Validate HTML”.

Aparecen 140 errores, 5 peligrosos.

www.antena3.com

Utilizando los siguientes botones y opciones de la barra Web Developer Tollbar, repara en cómo está compuesta la página (mediante tablas, mediante posicionamiento con CSS, marcos…): “Outline>frames, Tables, Block level elements…”

1.-Frames: No ocurre nada

2.-Heading: Los titulares de video se ponen en verde, en azul los de noticias generales.

3.-Links: Los hipervínculos se ponen en rojo.

4.-Tables: No se marca nada (¿no hay tablas?)

5.-Block level elements: División de los cuadros por colores azules para informaciones secundarios y verdes las principales

6.-Current elements: Muestra la disposición de los elementos en cuadros.

Valida las hojas de estilo en cascada con la herramienta “Tools>Validate CSS”

.-Aparecen 11 errores sobre la sintaxis

Valida el HTML con la herramienta “Tools>Validate HTML”.

.-Aparecen 257 errores, 224 peligrosos.

Comparación y valoración

En comparación, la que más errores de validación y composición presenta es El Mundo respecto a OndaCero y Antena 3.  Esto es porque El Mundo es más complejo que Antena3 y OndaCero. Aun así, se deja ver la poca calidad de la composición de la web de Antena3 ya que tiene demasiados errores peligrosos.

Después del análisis de la experiencia de usuario, usabilidad, accesibilidad y validación y composición de estándares puedo decir que las tres webs tienen un nivel medio.

Me ha llamado la atención las similitudes que se dan entre las páginas de Antena 3 y de OndaCero. También hay que comentar que la página de El mundo es la mejor de las tres, desde mi punto de vista es la mas atractiva.

Las 3 webs pueden mejorar, ya que todas tienen fallos, pero desde mi punto de vista las que más necesitan mejorar son la de Antena 3 y Onda Cero.