Datos de los medios analizados
Denominación del medio: 40 Principales
Tipo de medio: web de radio
URL: http://www.los40.com/
Denominación del medio: La Sexta:
Tipo del medio: Web de televisión
URL: http://www.lasexta.com/inicio
Denominación del medio: Sport
Tipo del medio: Prensa digital
URL: http://www.sport.es
Entradilla-resumen de las conclusiones extraídas del análisis comparativo
Nos encontramos ante unas Webs donde la experiencia del usuario es gratificante. Aspectos como la utilidad, la usabilidad, la accesibilidad, el diseño dinámico, la estructura….hacen de estas páginas una herramienta útil para los usuarios que quieran acceder a la información ofrecida por estos documentos Web.
Análisis global de Experiencia de Usuario:
Título del conjunto de párrafos: análisis de los parámetros de Morville
Párrafo con análisis objetivo de elementos:
Los 40 Principales
Podemos decir que experiencia usuario es, básicamente, el grado de satisfacción y experiencia que obtiene un usuario al usar una pagina web. En cuanto a la web de los 40 Principales, vemos que se ha realizado una recopilación de información y comparación con otras páginas semejantes. Hay una planificación que delimita cuáles son los objetivos de la página, tiene una estructura definida y el contenido es redactado de forma específica en todos los temas que trata, y finalmente el diseño de la página es atractivo y dinámico para el usuario.
Siguiendo el modelo de Morville los elementos que conforman la experiencia usuario son seis. Análisis objetivo de los elementos:
Útil – Llegamos a la conclusión que la web es útil para los interesados en temática musical.
Utilizable – Es práctica en la vida del usuario porque ofrece información actual y una agenda de las presentaciones de grupos musicales.
Deseable – Es un tema con demanda por parte de la audiencia y el contenido que ofrece es diverso, con lo que se amolda a los gustos de los diferentes públicos.
Valioso – para aquellos a los que les interese la música.
Encontrable – Es una web conocida, fácil de encontrar por su popularidad.
Accesible – A todos los que lo deseen ya que no hay restricciones de uso.
Creíble – Proporciona las fuentes de información a las que recurre y contrasta dicha información.
La Sexta
Útil – La Web de televisión La Sexta es un documento útil ya que permite al usuario obtener aquella información que desea. Por ejemplo, podrá consultar la programación u ojear los contenidos de esta cadena.
Utilizable – Se trata además de una página utilizable porque es fácil de manejar y permite que el usuario pueda encontrar de forma rápida y sencilla el producto determinado que está buscando.
Deseable – Es deseable porque incita al usuario a ver los contenidos de dicha página utilizando un diseño atractivo además de contener determinada información de interés para aquellos que acceden al documento.
Valioso – Podemos decir también que es valiosa para los espectadores de la Sexta. Ya que son los interesados en buscar información sobre la cadena (por ejemplo, programación de la semana)
Encontrable – Es encontrable porque a parte de ser una Web conocida, se puede acceder a ella a través del buscador al utilizar las palabras clave “la Sexta”. Esta página aparecerá entonces como primer resultado dado por el buscador
Creíble – También es creíble porque la información que nos muestran está contrastada ya que las noticias que aparecen son de la propia cadena.
Accesible – Por último podemos decir que La Sexta es accesible para todos los usuarios que estén conectados en Internet, ya que es gratuita y no tiene contenidos restringidos.
Sport
Útil – Es útil porque el usuario tiene acceso a mucha información en poco tiempo. Resultados, clasificaciones, etc.
Utilizable – Es utilizable ya que el usuario puede saciar su sed informativa y a la vez entretenerse con juegos, apuestas, etc.
Deseable – Su deseabilidad recae en la gran demanda de información deportiva que existe en la sociedad actual.
Valiosa – Es valiosa fundamentalmente para los seguidores del F.C. Barcelona y el Espanyol, que son los equipos cuya información es más frecuente en el medio.
Accesible – Sí es accesible ya que los usuarios tienen acceso gratuito y libre a toda la página. Además se puede acceder a toda la información de manera cómoda y sencilla.
Creíble – No es demasiado creíble ya que es una página web bastante parcial. Además, es común en los medios deportivos la existencia de noticias sin contrastar o con un margen de error muy amplio.
Encontrable – Es encontrable ya que ‘sport’ es un término muy común, y al ser buscada en Google y otros buscadores, el usuario llega enseguida a la página.
Párrafo con comparación y valoración
Una vez analizados los tres medios se deduce que todos son útiles, ya que contienen información específica para los distintos usuarios a los que se dirigen.
También son utilizables porque la información se actualiza constantemente. Los temas de los tres medios están muy demandados por la sociedad actual y por eso son deseables.
Sport y los 40 principales tienen un contenido más especifico mientras que la Sexta presenta una información más diversa por tanto son paginas valiosas para los diferentes públicos
Las tres páginas son accesibles y encontrables porque son reconocidas a nivel nacional, porque no tienen restricción de uso y son gratuitas
Sport no es creíble mientras que la Sexta y los 40 Principales si lo son debido al contraste de las noticias.
Análisis de Usabilidad
Título del conjunto de párrafos: Web Developer tollbar
Párrafo con análisis objetivo de elementos:
Los 40 Principales
En el aspecto conceptual, la web de los 40 principales, va dirigida a una audiencia amplia. Una parte son los usuarios sólo de Internet y la otra deriva de los oyentes de radio. En cuanto a mi experiencia de usuario la página logra sus objetivos porque interactúa con el usuario, y éste termina bien informado. Las personas que interactúan obtienen lo que necesitan, ellos pueden generar, ofrecer e intercambiar información con los creadores de la web y esto hace que sea más eficiente. El usuario tiene la opción de opinar o sugerir sobre cualquier asunto o información que desee.
La web de los 40 no tiene una herramienta que nos guíe para saber cuáles son las noticias que ya hemos leído. Para algunos temas usa ventanas de navegación alternativas a la principal. Cuando entras a la página principal lo primero que tienes es un gran publicidad que ocupa la pantalla completa, algo negativo porque tienes que ver sí o sí su publicidad.
Su diseño me parece apropiado porque su extensión es adecuada, podemos dar la opinión que tenemos de la web, y además la información que ofrece es clara y directa.
Diferentes herramientas de la Web Developer Tollbar
– Disable En la barra de herramientas si desactivamos el color vemos que desaparece el color de fondo de la web. Al usuario no le afecta de forma trascendental el tener desactivado alguna opción de “disable” ya que los efectos que produce son
– Son tres las cookies que aparecen en la web. Todas afectan de forma superficial a la información, ya que la información tiene las mismas características iniciales con o sin ellas.
– Las CSS, hay una opción que organiza la información en fila. Encontramos ocho direcciones web, las cuales podemos bloquear y afecta a conexiones externas que tiene la web. Con otra opción podemos ver todas las CSS de la web, todas ellas con su respectiva información, además puedes añadir o editarlas.
– Forms, proporciona información de los formularios del sitio web. Hay un gets to post y cuatro post to gets.
– Imágenes: podemos quitar todas las imágenes. En total aparecen 126 imágenes con su información técnica
– “Miscelanous>Linenarize page”: con esta opción la imagen principal aparece al principio y a continuación el resto de la información, toda dispuesta en columna. Los videos no se pueden ver.
– “Miscelanous>Small screen rendering”: toda la información queda organizada en una columna al lado izquierdo de la pantalla, pero sí puedes acceder a las informaciones completas. No se pueden ver los vídeos.
– “Resize”: Te da la opción de aumentar o disminuir el zoom o los píxeles la pantalla.
La Sexta
Desde la experiencia del usuario, la web La Sexta se trata de un producto multimedia completo
En este sentido de experiencia del usuario, hay aspectos que no fomentan esa usabilidad: el cambio de color de los enlaces una vez pinchados que no están activos en esta página y la publicidad se confunde con los demás bloques de información de la misma.
Sin embargo tiene muchos aspectos positivos: utiliza nuevas ventanas de navegación para acceder a informaciones paralelas y otros ficheros; no aparecen ventanas emergentes que no hayan sido activadas por el usuario; tiene un diseño dinámico y atractivo; su contenido es concreto; facilita información de privacidad y contacto con los responsables de la página, hay una continua actualización de contenidos…
A continuación analizaremos las herramientas la Web Developer Tollbar:
Con la opción Disable podemos desactivar opciones de la página Web. En el caso de la página analizada, podemos deshabilitar el color de la misma (Disable page colors) y desactivar los videos que aparecen en la página con la opción Disable Java Script. Las demás opciones no parecen tener cambios en la estructura de la página. Solo la opción de desactivar los videos podría causar un desajuste en la experiencia del usuario.
Cookies: con esta opción podemos eliminar cookies, deshabilitarlas…en esta página esta opción cambia aspectos de la misma. Por ejemplo se pueden eliminar 31 cookies de dominio activando la opción Delete Domain Cookies. También se puede ver la información de las cookies de la Web estudiada (View Cookie Information) además de poder editarlas. Sin embargo esta opción no tiene ningún efecto en la información ofrecida por el documento Web, por lo que no afecta de forma relevante al usuario, ya que seguirá encontrando aquello que busca.
CSS: Se pueden desactivar el estilo del la página de forma individual o desactivar el estilo de la página por completo. Todas estas funciones están activas en la página Web objeto de estudio.
Form: proporciona información sobre los formularios de la página. En este sitio Web la función de mostrar contraseñas no está activa, pero las demás funciones, como ver el código de los formularios sí.
Images: al activar la opción disable images se desactivan las imágenes del documento Web. Podemos ver además información sobre todas las imágenes que aparecen en el documento. (176en el caso de esta Web).
Miscelanous>Linenarize page: la presentación de los bloques CSS aparecerán en modo lineal. Dejan de ser operativos algunas de las funciones de la página, por ejemplo, al pinchar la CSS programación no ocurre nada, desaparecerán imágenes, videos…
Miscelanous>Small screen rendering: la presentación de los bloques de la página se agrupa de forma lineal en la parte izquierda. Dejan de aparecer algunas CSS, imágenes, videos…
Resize: da la posibilidad de aumentar o disminuir el zoom para visualizar el documento Web
Sport
Disable – La página no sufre demasiados problemas.
Cookies – En este caso tampoco se aprecian cambios significativos.
CSS – Aquí sí que existen variaciones. Al desconectar las CSS la página varía totalmente su configuración.
Forms – En este caso tampoco aparece ninguna diferencia.
Images – La diferencia es grande ya que son varias las imágenes que dejan de aparecer y eso hace cambiar mucho la presentación de la página web.
Miscelanous>Linenarize page – Aunque la información no deja de aparecer, se observan muchas variaciones.
Miscelanous>Small screen rendering – De nuevo se aprecian muchas diferencias.
Resize – No se distinguen cambios.
Párrafo con comparación y valoración
En el caso del diario Sport sólo se aprecian variaciones cuando desactivamos las imágenes, las CSS y las “Miscelanous”. Lo mismo ocurre en el caso de Los 40 y de La Sexta.
Análisis de Accesibilidad:
Título del conjunto de párrafos: grado de atención a la accesibilidad que muestra el diseño del sitio.
Párrafo con análisis objetivo de elementos:
Los 40 Principales:
“Information>abreviations, Tab Index, document outline”: la información aparece en columna. Está organizada según los temas que trata y dentro de cada tema los subtemas que tratan. Hay 21 temas pero a los cuales no se puede acceder sino que sólo son información de títulos.
“Images>Display Alt Atributes”: aparecen la mayoría de las fotos con unos pequeños titulares a izquierda de cada una y las que no tiene simplemente una reseña amarilla, y en las categorías aparece cual es su uso.
La Sexta:
El contenido de la página es sencillo y concreto. No hay grandes párrafos, se da información específica en la página de inicio, lo que hace que podamos encontrarla fácilmente con tan solo un vistazo. Utiliza una interfaz fácil de manejar, donde cada apartado en el que se estructura la página es totalmente identificable por el usuario.
A continuación analizaremos las herramientas la Web Developer Tollbar:
Information-abreviations no se aprecia ningún cambio en la accesibilidad de la página.
Information-Tab Index tampoco se aprecia ningún cambio
Document outline: Los contenidos de la página principal pasan a aparecer en forma de listado
Images-Display Alt Atributes Desaparece la información que viene al lado de las imágenes pequeñas pero conservan el link.
Validación con la herramienta “Tools>Validate WAI”:
Según esta validación, la página da muchos errores en cuanto a la accesibilidad (6), algunos son: no proporciona alternativas equivalentes al contenido auditivo y visual; tampoco a pasado el apartado de Frames, Scripts & Multimedia, asociar etiquetas a sus controles específicos, etc.
Ha pasado la validación en aspectos como: la descripción de marcos y su relación entre sí; proporciona información acerca de la disposición general del sitio; etc.
Párrafo con comparación y valoración:
Estas páginas coinciden en que la información aparece en columnas. En cuanto a las imágenes, desaparece la información mostrando únicamente el link en amarillo.
Análisis de composición y validación de estándares:
Título del conjunto de párrafos: Composición de la página
Párrafo con análisis objetivo de elementos:
Los 40 Principales:
A: criterios primarios
AA: mas criterios de programación, encabezados, contenido dinámico, exigida a todos los sitios de Adm. Publica
AAA: usuarios con capacidades severas pueden acceder al contenido, no solo se refiere a discapacidades físicas. Canal de audio
Propone las pautas de la wi y dice si la página lo cumple o no lo cumple.
ESTANDARIZACION:
SS: el vestido la forma, si hay muchos fallos quiere decir que estamos dando información erronea. Es necesario que este separado del contenido.
Para saber si son graves: hay que saber si están en la organización, esos son muy importantes. Ver donde estan esos errores, dependiendo eso sabremos cuanto afecta a la pagina
HTML: ver simplemente el número de errores, no donde está. Solo si son pocos o muchos.
Web Developer Toolbar es una herramienta que nos permite, una vez instalada en nuestro navegador, realizar una exhaustiva revisión del diseño y desarrollo de un sitio Web MOZILLA.
La Sexta
La página está compuesta marcos y tablas.
La validación de las hojas de estilo en cascada con la herramienta “Tools>Validate CSS” ha dado como resultado 8 errores
En la validación del HTML con la herramienta “Tools>Validate HTML” se han dado 266 errores
Al validar la página Web nos da como resultado: “It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn’t find one. Please enter the address of your feed to validate”. Es decir, que no se trata de un Feed, sino de una página, por lo que no puede ser validada.
Sport
Outline>frames – Hay un marco con los resultados en directo de la Liga Española, y otro de publicidad.
Tables – En cuanto a las tablas, están encuadradas en los dos marcos anteriormente mencionados.
Block level elements – Cada noticia, cuadro publicitario, etc. están encuadrados.
Al validar las hojas de estilo en cascada el CSS aparece como válido.
Al validar el HTML aparecen 326 errores.
Al validar los Feed se observan varios errores.
Párrafo con comparación y valoración:
En la página de Sport, al validar los Feed se observan algunos errores, mientras que en la de La Sexta, no pueden ser validados. En la página de los 40 Principales también se observan varios errores.