Multimedia’s World

Diseño centrado en la experiencia de usuario abril 30, 2009

 Para este análisis se ha utilizado la herramienta Web Developer Toolbar disponible tanto para Firefox como para Internet Explorer

MEDIOS ANALIZADOS

MARCA (prensa digital)    http://www.marca.com/

CADENA SER (web de radio)   http://www.cadenaser.com/

RTVE (web de televisión)   http://www.rtve.es/

RESUMEN

Tras revisar el diseño y el desarrollo de las páginas web mediante la herramienta Web Developer Tollbar, la conclusión principal a la que se llega, tras un análisis general, es que las tres páginas tienen una usabilidad aceptable, aunque no por ello están exentas de errores, que subsanados facilitarían la accesibilidad de los usuarios. Todas las webs deberían estar condicionadas totalmente para usuarios con algún tipo de discapacidad y sin embargo nos encontramos páginas que todavía tienen muchas mejoras que realizar para conseguir dicho objetivo.

ANÁLISIS GLOBAL DE EXPERIENCIA DE USUARIO

Teniendo en cuenta los siete parámetros de Morville procederé al análisis y valoración de los distintos medios de comunicación on-line.

·         Usable: la participación de los usuarios se antoja un tanto difícil en las tres webs debido a la gran cantidad de información que poseen y un cierto desorden relativo existente en todas. Los usuarios pueden sentirse un poco perdidos a la hora de buscar una información determinada por lo que sería conveniente que todos los medios on-line estructuran de manera visual dichas informaciones.

·         Útil: Atendiendo en segundo lugar a este aspecto es destacable mencionar como todos los medios son útiles. Presentan información actualizada cada poco tiempo, especialmente MARCA y CADENA SER, que poseen secciones desde las que es posible escuchar la radio o ver videos. RTVE, no obstante, es la menos útil porque los apartados a los que se puede tener acceso son menores, a pesar de tratar con secciones como TVE a la carta.

·         Deseable: ninguno me parece especialmente deseable debido, como ya comenté anteriormente, al desorden aparente, propiciado por la gran cantidad de información y links. Cadena SER es en la que la información parece estar un poco más delimitada y ordenable, por lo que se antoja como la más deseable.

·         Valioso: los tres medios de comunicación on-line son valiosos porque ofrecen gran cantidad de información a los usuarios. Decir que ofrecen la información necesaria que se espera de ellos, al tratarse de medios de comunicación.

·         Encontrable: todos los medios analizados son fácilmente encontrables en la web debido a que su página de inicio lleva el nombre del medio. Esto es un gran acierto porque de este modo los usuarios que no sepan la URL de la página pueden encontrarla con gran facilidad simplemente con introducir en un buscador el nombre del medio.

·         Creíble: todos estos medios analizados pertenecen a medios anteriormente reconocidos por su rigor informativo por lo que esta característica se ve aplicada en sus sitios web. Quizá el que pueda ser algo menos creíble es el MARCA, al tratarse de un medio que únicamente ofrece información deportiva y en determinados casos sensacionalista.

·         Accesible: los videos de las páginas carecen de subtítulos para sordos, no obstante el tamaño de la tipografía puede agrandarse para aquellas personas con problemas visuales. En MARCA es posible utilizar únicamente el tabulador para poder desplazarse por las distintas secciones de la página. En RTVE y cadena SER también, pero no aparece reflejado en la pantalla dónde estás posicionado en cada momento, sino únicamente en la parte inferior izquierda.

ANÁLISIS DE USABILIDAD

Análisis y valoración de los distintos botones de Web Developer Toolbar:

·         Disable: en lo concerniente a la opción de deshabilitar elementos de la página como el JavaScript, el Cache, los colores o los Popup, ninguna de las tres páginas varía en absoluto por lo que no se ven afectadas.  Es importante señalar que a pesar de deshabilitar los colores de las páginas todas y cada una de las secciones se siguen distinguiendo a la perfección sin entremezclarse unas con otras.

·         Cookies: el apartado de cookies RTVE añade únicamente una cookie, mientras que en MARCA son cinco y en la CADENA SER diez.

·         CSS: en cuanto al CSS vemos cómo otra vez sucede lo mismo en todas las páginas, si deshabilitamos los estilos de los sitios observamos cómo toda la información se transforma y pasa a situarse en la parte izquierda de la pantalla a modo de columna en la que han desaparecido todos los colores y únicamente son visibles las fotografías y los links, eliminando completamente toda información.

·         Forms: al interactuar con la sección “forms” y activar y desactivar campos y formularios podemos observar cómo el sitio web de Marca es el que más elementos de este tipo tiene, por lo que se ve más afectada, mientras que la CADENA SER no tiene prácticamente ninguno.

·         Images: al utilizar la herramienta “images” se pueden eliminar las imágenes internas, comprobar si se han utilizado imágenes como elemento de fondo, eliminar los textos alternativos, y un largo etcétera. En la página de Marca, a pesar de tener una gran cantidad de imágenes (en el momento del análisis contaba con 129), su eliminación apenas afecta al conjunto global de la página y se puede navegar con facilidad debido a que la mayoría de las ellas son de pequeño tamaño y únicamente complementarias a la información. Podemos observar como no tiene ninguna imagen rota. Sin embargo vemos como la página de RTVE se ve afectada en mayor medida tras la eliminación de las imágenes, el quedarse su espacio vacío, esto no sucede en la página de la cadena Ser en la cual no se pueda apreciar donde estaban colocadas las imágenes y el texto aparece continuo.

·         Miscellaneus: en Miscellaneus podemos crear una retícula de diseño para comprobar la estructura de la página. He de decir en este apartado que las tres páginas muestran las mismas guías excepto en la página de la cadena SER en la que la retícula aparece junto a la información, sin adentrarse en el borde izquierdo. Con small screen rendering sucede algo similar que al deshabilitar los estilos de la página, todo se sitúa a modo de columna a la izquierda de la pantalla Al hacer uso de Linenarize page se observa cómo tanto en MARCA como en RTVE, hay determinada información que se superpone a otra y dificulta su legibilidad, esto no sucede en  la página de la SER.

·         Resize: con la herramienta “resize” se puede observar  el aspecto que tiene la página para una resolución de 800×600. Destacar que en todas las páginas aparece un scroll horizontal, por lo que la navegación y con ello la usabilidad se ve un tanto mermada.

ANÁLISIS DE ACCESIBILIDAD

Análisis y valoración de los distintos botones de Web Developer Toolbar:

·         Abbreviations: tanto en las páginas de RTVE, Cadena SER y MARCA al hacer uso del botón display abbreviations nos damos cuenta de que abreviaciones como pueden ser OMS (organización mundial de la salud) o ERE (expediente de regulación de empleo), aun apareciendo como titulares de noticia, no son explicadas, por lo que personas ajenas al significado de dicha abreviación vería complicado el entendimiento de la misma.

·         Tab Index: Con la herramienta Tab Index no se aprecia ningún cambio significativo en el funcionamiento o estética de la página en sí.

·         Document outline: En lo referente a la herramienta “document outline”, en todas ellas desaparecen las imágenes y el texto se sitúa a la izquierda de la pantalla, en negrita, con subdivisiones  realizadas mediante tabulaciones. No obstante es destacable que únicamente aparecen los titulares, sin ningún tipo de link exceptuando los situados en la parte inferior de la pantalla, los cuales, en algunos casos (especialmente en la página de MARCA), es difícil saber a dónde nos dirigen.

·         Display Alt atributes: Con “display Alt atributes” podemos observar los textos alternativos de las imágenes. Con esta herramienta podemos informarnos de quién o qué es aquello que aparece en la imagen. Cabe destacar la utilización que hace RTVE en los primeros textos alternativos ya que se iluminan intermitentemente llamando la atención del usuario. Por consiguiente considero que es RTVE el medio on-line que mejor uso hace de los textos alternativos.

·         Validate WAI: Tras realizar esta validación podemos comprobar los problemas de accesibilidad de las distintas web. Estos son los resultados obtenidos:

MARCA: 5 aprobados, 6 suspensos y 13 de otros (entre ellos 2 de advertencia) por lo que la página presentaría problemas para presentarse en escales de grises.

SER: 6 aprobados, 4 suspensos y de 15 otros (entre ellos 2 de advertencia)

RTVE: 7 aprobados, 3 suspensos y de 14 otros (entre ellos 3 de advertencia).

Como conclusión tras el análisis WAI, RTVE se presenta como la mejor página dentro de este apartado.

ANÁLISIS DE COMPOSICIÓN Y VALIDACIÓN DE ESTANDARES

Análisis y valoración de los distintos botones de Web Developer Toolbar:

·         Composición de las páginas: ninguna de las webs analizadas posee tablas dentro de su estructura principal si bien se pueden encontrar en pequeños apartados. Un ejemplo de ello está en la web de MARCA, en dicha web para señalar los resultados de los distintos partidos se ha hecho uso de una tabla. No obstante, todas las webs están divididas en grandes bloques subdivididos internamente que abarcan distintos tipos de enlaces, ya sean internos o externos.

·         Validate CSS: durante la validación CSS de Cadena Ser y Marca se ha obtenido una cifra estándar de 25 y 21 errores respectivamente. No obstante con la validación realizada en el portal de RTVE se ha obtenido la desorbitante cifra de 134.

·         Validate HTML: la validación de HTML de Marca presenta 39 errores y 5 avisos. La de RTVE 50 errores y 48 alertas. La cadena Ser muestra 223 errores y 50 avisos.

·         Validate RSS: todos los portales de los medios de comunicación on-line analizados son validos para la utilización del RSS.

·         Valoración: destaca a simple vista que RTVE debe mejorar su tasa de errores de CSS, al quintuplicar los existentes en las otras. Es la Cadena Ser la que destaca sin embargo en la validación del HTML debido al gran número de errores existentes en ella. Tras estas dos validaciones se puede concluir que la web de Marca es la más consistente en cuanto a errores, conservando en todas las validaciones una tasa estable y moderada de fallos y alertas.