En esta entra he realizado un análisis de Experiencia de usuarios de las webs de distintos medios, los cuales son:
Cadena ser: página web de emisora de radio privada. URL: www.cadenaser.com
Cuatro: página web de televisión privada. URL: www.cuatro.com
El País: web de prensa privada. URL: www.elpais.com
Tras el análisis, que podréis leer a continuación, he podido llegar a la conclusión que las páginas webs de los tres medios son muy útiles, deseables, excepto la web de Cuatro, y fáciles de encontrar. También he podido observar que las páginas tienen fallos en las CSS, ya que la información desaparece, esto es un error cometido por los creadores de las páginas.
Analizando los dos primeros niveles de prioridad referente a la accesibilidad, he podido comprobar que los tres medios tienen múltiples fallos, algo que impide que usuarios con discapacidad puedan tener una consulta óptima de la web.
Las tres páginas están bien en general, aunque en mi opinión, creo que deben mejorar los problemas de accesibilidad, ya que son medios muy populares y tienen la capacidad de solucionarlos.
ANÁLISIS GLOBAL DE LA EXPERIENCIA DE USUARIO
Este análisis ha sido realizado según los siete parámetros de Morville.
CADENA SER
Utilizable: Es una página fácil de usar, no tiene cambios en ninguno de los enlaces, la estructura de la página es siempre la misma. Aunque se puede apreciar un error por parte del creador de la página ya que en la opciones de CSS la información desaparece casi por completo.
Útil: Es una página muy útil y de fácil manejo. Es muy útil ya que puedes estar informado constantemente, participar de una forma activa e incluso escuchar la programación en directo a través de la web.
Deseable: Creo que la página es bastante atractiva para el usuario de medios on-line, ya que no sólo puedes encontrar información sobre el medio, sino que puedes estar informado de las novedades que ocurren en el mundo casi al instante, te permite oir la programación en directo e incluso los programas que te hayas podido perder, y no solo eso, sino que además puedes participar de manera muy directa y de distinta manera en los contenidos de la web.
Valioso: Es una página muy valiosa, en lo que se refiere al grado de actualización, tanto en el ámbito nacional, internacional o deportes, y en la participación directa que tiene el usuario.
Encontrable: Es una web fácil de encontrar, puesto que si ponemos en algún buscador Cadena Ser, la primera página que te aparecerá será la de dicha emisora.
Creible: Teniendo en cuenta el gran prestigio que tiene en la comunicación española, la Ser tiene un grado de credibilidad muy alto. Quizás para el usuario sea de las emisoras más creíbles del ámbito nacional.
Accesible: La web es de muy fácil acceso. Aunque analizado el grado de accesibilidad que tiene un discapacitado en la web, he podido comprobar que la accesibilidad se limita ya que hemos encontrado bastantes errores en los 2 niveles básicos de prioridad.
CUATRO
Utilizable: La página se adapta más o menos a las características necesarias para ser utilizada por la mayoría de los usuarios. Más o menos organizada pero tiene limitaciones a la hora de desmenuzar la página y saber cómo se ha hecho y todo lo que lleva por detrás y no se ve en un primer momento.
Útil: Permite a los usuarios estar informados sobre todo lo que ocurre en Cuatro. Puedes estar informado desde la parrilla de televisión hasta de lo último que tienen en su tienda.
Deseable: No es una página especialmente deseable en mi opinión. Te ayuda a conocer lo más importante sobre la cadena, pero no ofrece mucho más. Se dedica a realizar un viaje virtual por Cuatro y todos sus contenidos.
Valioso: No es demasiado valioso. Es una página bastante simple y que no permite realizar demasiadas cosas. Da la información necesaria y justa aunque introduce algo de publicidad y detalles curiosos pero para nada relevantes.
Encontrable: Se encuentra fácilmente introduciendo en google por ejemplo las palabras claves “Cuatro televisión”, “cadena Cuatro” o algún nombre de una serie o programa que se emita en ella.
Creíble: Tiene bastante credibilidad ya que la mayor parte de la página lo único que aporta es información sobre los horarios y las principales características de los programas de la cadena. Se puede contrastar fácilmente.
Accesible: Acceder a Cuatro es rápido y sencillo. Enseguida se abren las ventanas que pinchas y puedes volver siempre a la principal de una forma segura. No tiene mucha complicación lo que hace que los usuarios puedan entrar y salir de la página sin problemas. Sin embargo tiene muchos fallos y a veces no te deja entrar en determinadas páginas. Más información sobre la accesibilidad en el apartado de análisis de accesibilidad.
EL PAÍS
Utilizable: La información que en ella se ofrece es bastante útil y por eso es por lo que el usuario accede a sus respectivas páginas webs para informarse de lo que quiera.
Útil: es una página que al usuario podrá parecerle útil. Normalmente, el consumidor de estos productos informativos recurre a las páginas webs de estos medios de comunicación para buscar una información concreta, lo que hace que una vez que lo encuentre, el usuario se sienta satisfecho y por tanto considere que el contenido de la página es útil.
Deseable: A través de los colores que utiliza en las cabeceras o el tipo de letra que utiliza para sus titulares, los responsables del medio intentan llegar a los usuarios haciendo que la información les parezca atractiva, para que de esta forma la consuman.
Valioso: la versión online puede ser considerada como valiosa. Ya que de forma general, la mezcla de todos estos parámetros, hace que la página en sí, sean consideradas como valiosas, independientemente de los errores que en un momento determinado u otro puedan tener.
Encontrable: es bastante “accesible” en ese sentido. En cuanto pones el nombre del medio en “Google” aparece como primera opción. Eso quiere decir que el usuario fácilmente los encontrara en Internet.
Creíble: en este sentido, como los medios analizados (exceptuando “cuatro.com”) son medios que tienen bastantes años de existencia, lo que ha hecho también que consoliden su prestigio entre el público, probablemente la información que ofrezcan a los usuarios les parecerá creíble.
Accesible: cuentan con algunas opciones que facilitan, a primera vista, la accesibilidad de la información a personas discapacitadas. Sin embargo, a la hora de ponerlo en práctica, se puede observar que ay bastantes errores.
ANÁLISIS DE USABILIDAD
CADENA SER
Disable: La web sólo experimenta cambios en la opción Disable Page Colours, donde desaparece el color azul, tan característico de la Ser, pero aun así no supone ningún problema, ya que todos los apartados de la página se pueden leer perfectamente.
Cookies: Esta página tiene 2 cookies, también tienes la posibilidad de añadir cookies. Con todas las demás opciones de cookies que tienes en la barra la web no experimenta cambios.
CSS: Al aplicar la mayoría de opciones de la CSS todas las imágenes y la información de la página desaparece, quedando sólo de forma esquemática el Inicio y los titulares de la página. Al comprobar que todas las imágenes y la mayoría de la información desaparece podemos llegar a la conclusión de que es un error por parte del creador de la página.
Forms: Esta página sólo tiene un forms, concretamente en el buscador de la web. Con todas las demás opciones podemos observar que la página no experimenta ningún cambio.
Images: Con esta opción podrás obtener todo tipo de información sobre las imágenes que aparecen en la web y si lo deseas también podrás hacer desaparecer las imágenes que en ella aparecen.
Miscellaneous Linearize page: Al activar esta opción podemos observar que las imágenes de la web desaparecen, el índice se coloca a la izquierda y el resto de la información aparece desordenada.
Miscellaneous Small Screen Rendering: Con esta opción tanto las imágenes como la información escrita quedan alineadas a la izquierda.
Resize: Esta opción te permite adecuar el tamaño de la página al que sea más adecuado para ti. No es una gran opción pero siempre es interesante saberlo.
CUATRO
Disable: La página sólo experimenta cambios cuando se pulsa el botón de disable page colors. Al pinchar en él desaparece el color rojo que enmarca las imágenes y los textos de la página. Con el resto de botones no se observa nigún cambio.
Cookies: En Cuatro utilizan dos cookies. Con el resto de botones que nos ofrecen no ocurre nada, la página se mantiene igual que en un principio, excepto con el apartado de añadir cookies que si te lo permite.
CSS: Al pinchar en la mayoría de los botones que te ofrece la CSS, desaparecen las imágenes y el texto de la página principal. Una opción curiosa es la posibilidad de añadir tu propio texto en la página subirlo a la web. Otra es la posbilidad de marcar el texto con un recuadro en rojo, View Style information.
Foms: Casi todas las opciones que nos ofrecen no pueden ser utilizadas. Lo que si podemos ver es la solapa de “View Source” que nos permite ver diferentes códigos con los que se ha realizado la página.
Images: Con esta opción desaparecen algunas de las imágenes de la página, otras se mueven de lugar e incluso en algunas aparecen letras al lado de ellas para acceder directamente al enlace mediante la imagen sin utilizar el ratón, sólo con el teclado.
Miscelanous> Linenarize page: Al pulsar este botón los contenidos de la página se colocan todos en el lado izquierdo de la pantalla, tanto las imágenes como el texto. La pantalla se queda completamente en blanco y las imágenes no están dispuestas de forma igualitaria.
Miscelanous> Smal screen rendering: Ocurre algo parecido a la anterior opción, la diferencia es que la pantalla se queda de color gris y las imágenes y el texto se sitúan al lado izquierdo pero todos con la misma medida. Más organización.
Resize: Te permite cambiar el tamaño de la página, acercar o alejar el zoom de la misma. En general jugar con las medidas de ésta.
EL PAÍS
Disable: con esta herramienta, solo podemos percibir cambios en el subapartado que lleva por nombre “Disable Page Colors”, ya que algunos colores de la página analizada desaparecen no impidiendo de todas formas leer el contenido que hay en ella.
Cookies: dentro de esta herramienta puede activarse la opción de “View Cookie Information”, a través de la cuál puede observarse toda la información de los diferentes cookies que hay en la página web. Además, está herramienta permite también añadir cookies. Por lo demás, la página no experimenta cambios al pulsar el resto de opciones que da dicha herramienta.
CSS: con esta herramienta puede observarse algunos cambios en la página analizada. En función de que opción pulses dentro de este apartado, desaparecerán algunas fotografías o la información será organizada de forma vertical y no como normalmente se presenta en una página web. Además, está la opción de “View CSS” con la que se podrá ver la información que se quiera sobre esto y también, el apartado de “Edit CSS” con el que se podrán editar. Sin embargo, el hecho de que en algunas ocasiones desaparezcas fotografías o se modifique el formato en el que se ve el texto hace que se pueda percibir un error en la creación de la página.
Forms: aquí, los cambios que se pueden percibir son prácticamente insignificantes. Quizás, el que más pueda observarse es cuando se pulsa la opción “Display Form Details” con que desaparece el buscador de la página web.
Images: esta herramienta te permite conocer toda la información acerca de las imágenes utilizadas en la página de este medio online. Además, puedes hacer desaparecer todas las imágenes con la opción “Disable Images > All Images” o sólo las que sean de publicidad con esta otra opción denominada “Disable Images > External Site Images”.
“Miscelanous > Linenarize Page”: al activar esta opción podemos ver como la página analizada sufre cambios bastante visibles: las imágenes desaparecen, el índice a veces cambia de lugar y toda la información aparece desordenada.
“Miscelanous > Small Screen Rendering”: pulsando esta opción, puede observarse como la información de la página web analizada queda alineada a la izquierda en forma de columna, mientras que el resto de la página queda “vacía” con un tono gris.
Resize: esta herramienta permite conocer los píxeles de que está compuesta la imagen de la página e, incluso, cambiar el número de píxeles en la medida de lo posible.
ANÁLISIS DE ACCESIBILIDAD
CADENA SER
Information Abbreviaton/ Tab Index: Al comprobar estas opciones en la página podemos comprobar que no se produce ningún cambio en los contenidos de la misma.
Information document outline: Al comprobar esta opción podemos observar como nos lleva fuera de la página y nos muestra los contenidos de la misma de forma esquemática.
Images Display Alt Atributes: En principio esta opción te permite llegar a las imágenes sin necesidad de utilizar el ratón.
Tools Validate WAI: Al analizar el grado de accesibilidad a través de la página www.tawdis.net, hemos podido comprobar lo siguiente:
En el Nivel de Prioridad 1:
“[WAI] Problemas de accesibilidad de tipo 1. Un desarrollador de contenidos de páginas Web tiene que satisfacer este punto de verificación. De otra forma, uno o más grupos de usuarios encontrarán imposible acceder a la información del documento. Satisfaciendo este punto de verificación es un requerimiento básico para que algunos grupos puedan usar estos documentos Web. Se han encontrado 31 problemas de tipo automático y 183 problemas de tipo manual.”
En el Nivel de Prioridad 2:
[WAI] Problemas de accesibilidad de tipo 2. Un desarrollador de contenidos de páginas Web debería satisfacer este punto de verificación. De otra forma, uno o más grupos encontrarán dificultades en el acceso a la información del documento. Satisfaciendo este punto de verificación eliminará importantes barreras de acceso a los documentos Web. Se han encontrado 24 problemas de tipo automático y 360 problemas de tipo manual.
CUATRO
Information>abreviations: Al pulsar esta opción te aparecen dos clicks en la parte superior de la página. Sin embargo al pinchar en ellos no te deja acceder a ningún lado, no te muestra la página a la que te manda.
Informations Tab Index: No ocurre nada al pinchar aquí, la página se mantiene igual que estaba en un principio.
Informations document outline: Al pinchar en este botón, aparece la programación de cuatro de manera desordenada, sin imágenes y con letras difíciles de entender para las personas que no controlen la informática a un nivel alto.
Tools Validate WAI: Valida la accesibilidad a la página y permite que entren los usuarios.
* Tras analizar la página web de Cuatro con la herramienta de accesibilidad disponible en la siguiente dirección www.tawdis.net , he comprobado que:
“[WAI] Problemas de accesibilidad de tipo 1. Un desarrollador de contenidos de páginas Web tiene que satisfacer este punto de verificación. De otra forma, uno o más grupos de usuarios encontrarán imposible acceder a la información del documento. Satisfaciendo este punto de verificación es un requerimiento básico para que algunos grupos puedan usar estos documentos Web. Se han encontrado 4 problemas de tipo automático y 135 problemas de tipo manual.”
“[WAI] Problemas de accesibilidad de tipo 2. Un desarrollador de contenidos de páginas Web debería satisfacer este punto de verificación. De otra forma, uno o más grupos encontrarán dificultades en el acceso a la información del documento. Satisfaciendo este punto de verificación eliminará importantes barreras de acceso a los documentos Web. Se han encontrado 45 problemas de tipo automático y 159 problemas de tipo manual.”
En general es accesible a cualquier usuario aunque con limitaciones. Por ejemplo para una persona con poca visión puede resultar difícil encontrar lo que busca porque todo sigue una misma. No hay colores que resalten o llamen más la atención. Hay demasiados errores para las personas que son discapacitadas.
EL PAÍS
“Information > Display Abbreviations” y “Information > Display Tab Index”: con el análisis de estos apartados no se perciben cambios en la página.
“Information > View Document Outline”: al pulsar esta opción, se ve cómo el formato de la página cambia: desaparecen las imágenes y solo puede contemplarse el texto, estructurado no en columnas, sino como un escrito tradicional.
“Images > Display Alt Attributes”: al activar esta opción, nos encontramos con unos letreros encima de cada una de las fotografías de la página (compuesto por “Alt=”título de la noticia”) para que, de esta forma, se pueda acceder a ellas sin necesidad de utilizar el ratón del ordenador.
“Tools > Validate WAI”: para poder analizar mejor el grado de accesibilidad que existe en esta página, he utilizado www.tawdis.net y, a través de ahí, he podido analizar los siguiente:
Se puede percibir cómo dentro de que todos intentan tener una página accesible a las personas con algún defecto visual o auditivo, unas lo consiguen mejor que otras. Sin embargo, hay que valorar al menos el esfuerzo que hacen por conseguirlo e intentar, de un modo u otro, que vayan mejorándolo con el tiempo para que esas personas puedan conectarse a Internet sin encontrar ningún obstáculo.
ANÁLISIS DE COMPOSICIÓN Y VALDACIÓN DE ESTÁNDARES
CADENA SER
Outline frames: Al aplicar esta opción he podido comprobar que en la web de la Cadena Ser no se produce ningún cambio.
Outline tables: En esta opción, al igual que en la anterior, en la página no se aprecia ningún cambio.
Outline Block level elements: El color que más predomina es el azul que enmarca toda la página. Los titulares te los enmarca en color rojo, y los videos y audio en color verde.
Tools Validate CSS: Al analizar las CSS nos encontramos con 38 errores en solo cuatro URI, con lo cual se puede decir que no sólo es un nivel alto de errores sino también en que esos errores están concentrados en muy pocos URI.
Tools Validate HTML: Tras analizarlo el usuario puede comprobar que la página tiene 219 errores y 21 amenazas.
Tools Validate Feed: Al intentar comprobar esta opción, el usuario se econtrará con que estos feeds no son validos.
CUATRO
Outline> frames: Señala al pulsar este botón dos recuadros en azul. El primero es el enlace que te permite ver los vídeos de Cuatro y el segundo el enlace que te permite ver la programación de la cadena.
Outline> Tables: Esta opción no te permite hacer nada. Se mantiene como estaba.
Outline> block level elements: Al pinchar esta opción tres colores predominan en forma de recuadros, rojo, verde y azul. Toda la página se enmarca en su mayoría en azul y dentro de estos hay otros recuadros en rojo y en menor medida en verde.
Tools > validate CSS: En las CSS y según W3C existe en la página diez errores en las CSS. Explica en cual exactamente están y por qué es un error.
Tools> Validate HTML: Al validar esta opción encontramos 122 errrores y 61 amenazas. Al igual que en la anterior, te permite saber donde están los errores.
Tools >Validate Feeds: No me permite entrar en la página, me pide una dirección de feed que sea correcta.
EL PAÍS
“Outline Frames” y “Outline Tables”: con estas opciones no se pueden observar cambios en las páginas webs de los medios de comunicación que se analizan.
“Outline Block Level Elements”: activando esta opción puede verse cómo se enmarcan en cuadros azules todas las informaciones, fotografías, titulares y anuncios publicitarios de las páginas.
“Tools > Validate CSS”: aquí, la herramienta te ofrece la posibilidad de conocer el número de errores existentes en la página, el por qué de esos errores y su ubicación. Por ejemplo, en “elpais.com” el usuario encontrará (hoy por hoy) con que hay 27 errores en tan sólo 4 URI, lo que significa que hay muchos errores concentrados en sólo cuatro apartados, y que esos errores deberían rectificarse.
“Tools > Validate HTML”: esta opción permite conocer, al igual que la anterior, los errores y las “amenazas” que existen en la página. Permite también saber el por qué de estos y su ubicación exacta.
“Tools > Validate Feed”: al activar esta opción, el usuarios se encontrará con todos los “feed” que no son válidos en las páginas analizadas.
