Testeo de herramientas on-line en portales de medios de comunicación

Datos de los medios analizados:

Los medios de comunicación analizados han sido

La 2 de TVE (http://www.rtve.es/)

Cadena SER (http://www.cadenaser.com/)

Diario Marca (http://www.marca.com/)

Con este análisis se ha querido comprobar el grado de accesibilidad, usabilidad  y la validación y composición de estádares de estos tres sites. Estos sites o websites son visualmente atractivos, con mucho colorido y están divididos por secciones, lo que facilita que el usuario se pueda mover entre estos.

 

Análisis global de experiencia de usuario

Para este estudio se han tomado como referencia las webs de los medios de comunicación ya citados arriba (La 2, Cadena SER, y Marca). Se ha comprobado dentro de estos sites, el efecto que tienen las herramientas de la web development toolbar para Internet Explorer.

Se ha observado que, de manera general, los tres sitios web se componen de los mismos elementos como marcos, tablas y barras. Son websites accesibles y que nos ofrecen multitud de posibilidades de consulta para la información, cada una de ellas en una sección, ya que están configurados por secciones o subsecciones. Los contenidos están organizados adecuadamente. Por ejemplo, en la web de diario Marca y Cadena SER,  hay una barra en la parte superior de la pantalla con las secciones de contenidos. Desde ahí siempre es más sencillo acceder a la información que se busca.

Los diseñadores de webs han de facilitar la accesibilidad y usabilidad de estas tanto como sea posible.

Análisis  de usabilidad

En la web de diario Marca, se aprecia que cuando se acciona la opción disable de la web development toolbar, el sitio se convierte casi exclusivamente a texto lynx. Se desactivan así los colores, gráficos y algunas imágenes. Esto sucede también en los otros sites analizados, los de Cadena SER y La 2.

Con la opción cookies tenemos información sobre estas, en el caso de Marca, se nos aparece la URL en texto sobre fondo blanco en una ventana nueva.

Con la opción images, se nos da la posibilidad de desactivar todas las fotografías, ilustraciones…del website. Estas desaparecen al accionar el botón, y aparecen otra vez cuando quitamos esa opción. También hay otras posibilidades interesantes, como la de mostrar el tamaño de cada imagen que aparece en la web. Una posibilidad alternativa  es image report,  que nos abre otra ventana con todos los datos técnicos de las imágenes que forman el site, el texto, el título de la imagen, su tamaño en pixeles.

Con la opción CSS, y tomando de modelo la web de la SER, nos aparece, en otra ventana, los resultados del validador: un esquema con diferentes elementos (fotos, laterales, pestañas) con sus errores y características. Con la opción resixe, es posible modificar el tamaño de la ventana de sitio web a nuestro gusto (grande, mediano o pequeño).

Con estas herramientas de la web development toolbar para Internet Explorer, tenemos a nuestra disposición funciones prácticas como las de activar o desactivar contenidos, desbloquear popups o hallar la “plantilla” de un site, lo cual nos viene bien si queremos analizar este.

 

Análisis de accesibilidad

Mediante este análisis, se ha comprobado que, por ejemplo, con la opción image-show image paths, es posible hallar las urls específicas de todas y cada una de las imágenes halladas en el sitio web. Con las opciones information-abreviations y tab index encontramos descripciones con códigos numéricos de los elementos gráficos del site.

Las webs usadas como ejemplo (La 2, Ser, Marca) son de contenidos y controles comprensibles y de facil acceso.

Anaísis de composición y validación de estándares

En cuanto a la composición y validación de estándares, nos centraremos en cada uno de los sites visitados:

-Marca: probando las opciones de outline que nos ofrece la web development toolbar para Internet Explorer se observa que dicha web se compone de tablas y marcos que contienen texto y fotografías. Las noticias van convenientemente separadas por barras que se muestran. En los tres sites , al realizar las validaciones, nos aparecen los errores detectados y recomendaciones.

-Cadena SER:  aquí se han usado las herramientas de outline-frames, y se ha comprobado que en dicho site no hay ni tablas ni celdas, aunque si que dispone de marcos con texto e imágenes y barras que los separan.  También hay líneas azules distribuidas horizontalmente que se activan y desactivan.

-La 2:  en este caso , al activar la opción outline-tables, surgen las tablas que forman el site. Con la opción outline-div elements, se activan los marcos. Este site está compuesto principalmente por marcos, con sus correspondientes contenidos de texto, imágen o incluso audio y video. Hay además, celdas de texto que aparecen con la opción table cells.

Estas herramientas de validación de estándares nos detectan errores en la composición y/o organización del site. Nos “ilustran” acerca de como está construido el sitio web.