Tecnologías Multimedia

 Datos de los medios analizados

 - Telemadrid.es: cadena de televisión.

URL: http://www.telemadrid.es 

- Marca.com: periódico digital deportivo.

URL: http://www.marca.com

- Cope.es: web de radio.

URL: http://www.cope.es   

 

 

 Tras realizar este análisis sobre la Experiencia de usuario, puedo decir que estos tres portales tienen varios aspectos que mejorar. Los tres medios de comunicación aportan una información válida y dedicada a sus prototipos de usuario, con un grado de usabilidad adecuado para el público al que se dirigen.

En cuanto a la accesibilidad, estos tres portales deben concienciarse de los problemas grave que presentan, aunque son errores muy generales y que no afectan a la mayoría de los usuarios, se debe trabajar en ello para favorecer la accesibilidad de las minorías.

 El portal que más problemas presenta es el de Telemadrid, se presenta como un portal sólo para la Comunidad de Madrid pero no por ello debería dejar de lado aspectos importantes para el acceso de cualquier usuario.

 1. Análisis global de Experiencia de Usuario:

-¿Es utilizable? La variedad de la información es escasa, pero presenta gran cantidad. Este sitio web nos permite acceder a contenidos televisivos y radiofónicos y ofrece una pobre posibilidad de interacción con el medio. La publicidad se distingue del contenido informativo.

- ¿Es útil? Pese a que este portal está dedicado a los residentes de la Comunidad de Madrid, el contenido se extiende a cualquier persona de habla castellana. La información que presenta es útil y es visual, auditiva y textual. Además, en este sitio web encontramos servicios complementarios que sin duda sirven de ayuda al internauta.

- ¿Es deseable? Telemadrid.es no cuenta con un diseño muy atractivo, ya que su disposición en cuanto a contenido informativo no es muy acertada. Esta web no contiene franjas de jerarquía informativa. En cuanto a la tipografía, ésta es muy pequeña y dificulta su lectura. Las fotografías y vídeos dejan mucho que desear en cuanto a resolución y calidad, incluso la publicidad deja mucho que desear.

- ¿Es valioso? Este tipo de portal presenta una gran validez para los residentes en la Comunidad de Madrid, no obstante, no es tan valioso para todos los usuarios, a pesar de que contiene información nacional e internacional.

- ¿Es encontrable? Posee una estructura hipertextual que permite la movilidad del usuario por la web. Los enlaces son numerosos y son del todo fácilmente reconocibles, sin embargo, algunos están rotos.

- ¿Es creible? Es una página con cierto grado de credibilidad. En las noticias y artículos de la página web aparecen referenciadas las fuentes y la fecha de publicación. No obstante, estos carecen de la hora, lo cual dificulta saber el nivel de actualización.

- ¿Es accesible?: El portal de esta cadena de televisión es totalmente inaccesible para una persona con algún tipo de discapacidad. Cabe destacar que pese a ser una cadena de ámbito autonómico no garantice una accesibilidad para todos.

 

2. Análisis de usabilidad

 A continuación analizaremos la web con la ayuda de Web Developer Toolbar.

Gracias al primer botón, Disable, podemos activar y desactivar opciones de la pagina web, por ejemplo haciendo clic en Disable Page colours, todos los hipervínculos de la web aparecen en azul, tambien podemos desactivar y/o activar los popus con la opcion Disable Popus blocker.  Con las demás aplicaciones de la ventana Disable no se aprecian cambios.

Con el botón Cookies, podemos activar y desactivar las cookies, limpiar el historial de cookies, o borrarlas, no se puede ver la información de las cookies.

El botón CSS permite cambiar el estilo de la página a gusto del usuario, si usamos la opcion Disable Style, los hipervínculos se vuelven a poner azules. Con View Css podemos ver las tipografías y códigos de los colores que se usan en la web. Con View Style information, al pasar encima de un hipervínculo se recuadra y arriba aparece información acerca del mismo, por ejemplo, “varios códigos+titular/entradilla_noticia1″ Con Add Border Box Model, las imágenes que acompañan a las noticias se ponen un poco más pequeñas.

Con el botón FORMS podemos comprobar el funcionamiento de los formularios de un sitio, haciendo clic sobre Display Form Details, se producen cambios en la cabecera de la web, aparecen cuadros de texto con el nombre que tiene cada opcion y para lo que sirve, por ejemplo, <input name=”btnG”> para darle al botón “Buscar”.

Gracias al botón Images, conseguimos unos cambios en la web muy visibles con la activación y desactivación de imágenes, con la opción Alt attributes nos aparecen cuadros de texto poniendo “alt= al título del cuadro de texto que acompaña” por ejemplo, encima de la foto principal aparece “alt=el nobel de Economía Krugman junto a Zapatero” y haciendo clic nos dirigimos a la noticia completa.

Con Display Images Dimension aparecen cuadros de texto mostando el tamaó de cada cuadro, botón, foto… Con Displat Image File Size, vemos cuadros que nos muestran lo que ocupan las imágenes y con Display Imagen Path cuadros con el nombre de la imagen, por ejemplo “scr=imágenes/titulo_actualidad1.gif”

Gracias a Find Broken Images descubrimos que hay 4 imágenes “rotas”. Otra opción muy completa dentro de este apartado es View Image Information, donde nos aparece el número de imágenes, en el caso de Telemadrid aparecen 78, y todas ellas aparecen organizadas con su título, tamaño y peso.

Con Hide Images desaparecen todas las imágenes y con Make Invisible desaparecen pero se queda el cuadro. Con Replace Image with alt attributes de nuevo desaparecen pero en este caso se queda el título de la imagen que hemos escondido.

Con el botón Information nos aparecen distintos cuadros de texto dependiendo la opción que usemos, por ejemplo con View color information podemos ver información acerca de los códigos de color utilizados.

Con el botón Miscellaneous podemos borrar el caché, el historial… usando la opción Linenarize page, la web se organiza en una sola columna central. Con la opción Small Screen Rendering todos los objetos se organizan en una columna pequeña en el lado izquierdo y se ven de la misma manera que se verían en un dispositivo móvil.

Por último, el botón Resize nos permite variar el tamaño de la web en nuestra ventana y conocer las medidas de la misma. Tambien podemos usar el zoom desde esta opcion.

 

3.Análisis de accesibilidad

La accesibilidad es el grado en el que todas las personas pueden utilizar un objeto, visitar un lugar o acceder a un servicio, independientemente de sus capacidades técnicas o físicas. Pero ¿los medios de comunicación salvan las distancias y acercan la información a todos?

 Para medir este concepto, utilizamos un sistema de triple A (AAA). Una simple A (A), significa que los contenidos apenas pueden ser accesibles para los discapacitados. La doble A (AA) es obligatoria para los Ministerios y organismos públicos, y la citada triple A (AAA), es el nivel máximo de accesibilidad. Gracias a la página www.tawdis.net podemos analizar el grado de accesibilidad de las páginas Web.

En esta página encontramos los errores clasificados según su prioridad. Los errores de prioridad 1 se tratan de ausencia de textos alternativos, por ejemplo que las imágenes cuenten con textos explicativos; los errores de prioridad 2 pueden ser códigos HTML desaconsejados o unidades de medidas absolutas en vez de relativas; y, los errores de prioridad 3 son ausencias de especificación del idioma, falta de formularios en las tablas o la ausencia de caracteres por defecto.

 

- Problemas de accesibilidad de tipo 1: Se han encontrado 134 problemas de tipo automático y 227 problemas de tipo manual.

124 de los errores automáticos se deben a que el texto alternativo no existe para una imagen y otros 10 errores, pertenecen a que no son funcionales sint ener javascript habilitado.

- Problemas de accesibilidad de tipo 2: Se han encontrado 591 problemas de tipo automático y 306 problemas de tipo manual.

327 errores por usar unidades de medida absolutas en lugar de unidades de medida relativas, 9 errores de elementos HTML que están desaconsejados en HTML 4.01 y no debería ser utilizados y 250 errores HTML que utilizan atributos desaconsejados en HTML 4.01.

- Problemas de accesibilidad de tipo 3: Se han encontrado 46 problemas de tipo automático y 99 problemas de tipo manual.

44 errores donde las tablas no tienen resumen (atributo “sumary”) y 2 donde control de formulario no incluye caracteres por defecto.

 Recurriendo de nuevo a Web Developer Toolbar usamos las opciones, Information Abreviation, Imformation Tab Index e Information Document Online y no se producen cambios, por lo que la accesibilidad a esta web es muy escasa para algunas personas.

 

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

 Para ver la composición de la pagina he usado las opciones Outline frames y block level elements donde vemos de nuevo cuadros como en la opcion Alt attibutes mostrando “alt=titulo del objeto” y que la información se organiza en cuadros que dividen cada información respectivamente.

 Para validar la web he acudido a estas tres opciones con los siguientes resultados;

- Validate CSS: cuenta con 8 errores.

- Validate Feed: No puede ser validada la web debido a un error.

- Validate HTML: Hay 196 errores y 18 warnings

 

1.Análisis global de Experiencia de Usuario

-¿Es útil? La web de Marca es útil para todos los amantes del deporte en general ya que contiene información de todos ellos.

-¿Es utilizable? si ya que tiene un alto grado de interactividad con el usuario que le permite utulizar la mayoría de las opciones disponibles en la web con comentarios, encuestas, concursos…

-¿Es deseable? es deseable por parte de los amantes del deporte, que han convertido a la web de Marca en el portal deportivo más visitado de España-

¿Es encontrable?  es fácil de encontrar gracias al buen posicionamiento que tiene en los buscadores más importantes y por la publicidad que tiene en otros soportes

¿Es accesible? es accesible desde varios buscadores y cuenta con una buena organización de la información y una tipografía clara

¿Es creíble?  es totalmente creíble ya que la información de la web es realizada por periodistas deportivos con un gran nombre

¿Es valioso? es una pagina muy bien valorada entre los amantes de los deportes

 

2. Análisis de usabilidad

Con la opción Disable podremos ver como los colores desaparecen de la cabecera, los hipervínculos se ponenen en azul y tambien desaparecen colores de los títulos y de los textos, todo esto con la opción Disable Page Colours, las demás opciones no realizan cambios en la web.

Desde Cookies y con la opción Cookie Information conocemos los cookis disponibles en la web de Marca; MARCA_idusr, BT, id, TD_Pool, TD_UNIQUE_IMP

Con el botón CSS podemos cambiar el estilo de la página al gusto del usuario. Con la opción Disable Styles/all styles toda la información se desplaza al lado izquierdo de la pantalla y gracias a View Style Information, al pasar el ratón por encima de un contenido de la web, en la parte superior podemos ver el título del objeto y saber lo que és.

Con el botón Forms podemos conocer las contraseñas y ver las formas en las que se presenta la web de Marca.com, en este caso son 4.

El botón Images es el que nos da más opciones de interactuar en la página, con Disable Images/All styles  desaparecen las imágenes y no queda ni el hueco de ellas como pasa al utilizar otras opciones de este menú, el texto queda perfectamente colocado y organizado sin las imágenes. Con Disable Images/External aparecen todas las imágenes, esto quiere decir que no se encuentran en ningún servidor externo.

Con Display Alt attributes aprecen cuadros de texto en cada imagen con el titulo de la misma, por ejemplo, “alt=fernando alonso”. Usando la opción Display Image Dimensions vemos un cuadro de texto con el tamaño de la imagen y Display Image Path nos muestra el mismo cuadro pero con más información, también el nombre de la imagen para posibles búsquedas futuras de la misma.

Navegando más por el menú Images tambien descubrimos que no existen imagenes rotas, que se pueden ocultar dejando su hueco en blanco, ver su tamaño, su nombre,  y demás información acerca de ellas.

El botón Information nose permirte conocer los títulos de las imágenes, códigos de los colores usados en la web, links externos que aparecen en Marca.com. Las opciones más usadas son Display Anchors y Display Block Size.

Dentro del menú Miscellaneous usaremos las opciones Linenarize Page para ver que el contenido se superpone y no se ve claramente y haciendo clic en Small Screen Rendering vemos la web de la misma manera que se vería en un dispositivo móvil, la organización de la información es muy buena y clara.

 

3.Análisis de accesibilidad.

- Problemas de accesibilidad de tipo 1: Se han encontrado 2 problemas de tipo automático y 257 problemas de tipo manual.

- Problemas de accesibilidad de tipo 2: Se han encontrado 103 problemas de tipo automático y 495 problemas de tipo manual.

- Problemas de accesibilidad de tipo 3: Se han encontrado 6 problemas de tipo automático y 30 problemas de tipo manual.

 

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

Outline

/Frames en la parte superior de la web aparecen dos frames que contienen banners de publicidad, hay otro en la mitad de la ventana y otro en la parte inferior.

/Heading encuadra los títulares y la cabecera de la web

/Block level elements se recuadran todos los elementos de la página

Tools

- Validate HTML: Este medio cuenta con 128 errores, de los cuales 39 son warnings.

 - Validate CSS: Encontramos 101 errores y 1541 advertencias.

 - Validate Feed: Este portal cuenta con una larga lista de errores.

 

1.Análisis global de Experiencia de Usuario

-¿Es útil? es util gracias a que contiene información de todo tipo y se pueden escuchar programas que se han emitido con anterioridad

-¿Es utilizable? si porque permite un amplio grado de interacción con el usuario a través de comentarios

-¿Es deseable? es deseable para los que siguen la marcada linea ideológica que sigue este medio

-¿Es encontrable? si gracias a los buscadores

-¿Es accesible? si, apenas muestra problemas graves de accesibilidad

-¿Es creíble? la información de la web puede ser cuestionada por su seguir una linea ideológica tan marcada

-¿Es valioso? es valioso para la gente que tiene la misma ideología que el medio

 

2. Análisis de usabilidad

Con el botón Disable apenas hay cambios visibles en la web, solo con la opción Disable Page Colours que se quitan los colores del fondo de la web.

Con el botón Cookies vemos que hay 8 cookies disponibles en la página

Con el botón CSS podemos cambiar el estilo de la web, el lenguaje html

Con el botón Forms sólo conoceremos las 3 formas en las que se puede ver la web

C on el botón Images vemos que ninguna imagen pertenece a un servidor externo gracias a la opción Disable Images External, al igual que sucede en la web de Marca.com y en Telemadrid.es, las únicas opciones que muestran cambios son; Display Alt attributes, Display Image Dimensions, Display  Image Path, estas opciones nos permiten conocer el título de la imagen, el tamaño y el peso.

Con el botón Miscellaneous usamos las opciones Linenarize page para ver que todo el contenido de la web se desplaza a la izquierda y se descoloca la información, con la opción Small Screen Rendering la información se descoloca.

 

3. Análisis de accesibilidad

- Problemas de accesibilidad de tipo 1: Se han encontrado 2 problemas de tipo automático y 203 problemas de tipo manual.

- Problemas de accesibilidad de tipo 2: Se han encontrado 33 problemas de tipo automático y 200 problemas de tipo manual.

- Problemas de accesibilidad de tipo 3: Se han encontrado 3 problemas de tipo automático y 59 problemas de tipo manual.

 

 4. Análisis de composición y valoración de estándares

Outline

/Frames no se aprecia la señalización de los frames en la web

/Heading encuadra el logotipo de La Cope, la fecha y la hora de actualización

/Block level elements todos los contenidos de la web (fotos, textos..) se encuadran

/External Links hay enlaces externos a Popular TV

Tools

- Validate HTML: La página web de la emisora nos bloquea la validación y nos ofrece una pantalla con el siguiente error “blocking validation”.

- Validate CSS: Nos ofrece 29 errores y 3468 advertencias.

- Validate Feed: Sus errores son numerosos