Experiencia del usuario en Pantropia
Una vez más el análisis se centra en la revista digital Pantropía. Tras el análisis podemos extraer algunas conclusiones generales como por ejemplo que su estructura está bien cimentada ya que no se resiente por ejemplo al quitar imágenes u otros elementos y al transformarla para su visionado en
otros dispositivos. Sin embargo en este aspecto otras cosas deberían mejorarse ya que por ejemplo el javascript no permite ver ciertas cosas a usuarios que no lo tengan instalado. También se resiente un poco en cuanto a accesibilidad ya que dificulta su visionado a ciertos colectivos como pueden ser por ejemplo, invidentes ya que no dispone de metadatos y escasas referencias textuales para objetos gráficos. Por último no supera plenamente 3 de los 4 estándares a los que se le ha sometido por lo que se deberían corregir algunas cosas.
Análisis global
La página resulta útil en cuanto a la inclusión de información y artículos relacionados con las tecnologías multimedia pero no así para la descarga o acceso a otros contenidos relacionados. La participación del usuario es prácticamente nula ya que no puede alterar ni participar de manera abierta en la página por lo que la usabilidad no es muy grande. La página se compone de secciones y categorías que facilitan el acceso y estructuran muy bien los contenidos lo que también facilitad encontrar los contenidos rápidos al ubicarlos dentro de campos definidos. La información que contiene es valiosa para estar enterado sobre las últimas noticias y tendencias y conocer otros puntos de vista acerca del mundo de las nuevas tecnologías. Esta información además goza de credibilidad ya que la revista está llevada por expertos en el tema y cuenta con referencias y con otros escritores que ayudan a dar más verosimilitud a las cosas. En cuanto a la accesibilidad falla un poco por dejar fuera a ciertos colectivos por ejemplo por no incluir metadatos para añadir información adicional a las páginas y sitios.
Análisis de Usabilidad
Utilizando algunos de los botones y opciones de la barra Web Developer Tollbar, podemos observar las siguientes características de la web:
DISABLE: Los colores dejan de funcionar si se desactivan. Las noticias y contenidos que se van sucediendo en la cabecera dejan de funcionar cuando se desactiva el Javascript.
COOKIES: No se percibe ningún cambio en cuanto a estructura o apariencia.
CSS: La página se “desarma” por así decirlo. Donde antes todo estaba con un formato y colocado en su lugar ahora todo aparece de forma lineal, todos los elementos unos debajo de otros. Los enlaces aparecen con el color cambiado si ya se han visitado, a diferencia de cuando estaba el CSS activado. Lo único que al acceder a los enlaces vuelve a aparecer la página que se abre con estilos de nuevo.
IMAGES: Al desactivar las imágenes todas desaparecen pero si tienen algún link vinculado este si
gue funcionando lo único que desaparece es el elemento visual y tampoco afecta a la estructura de la página ya que ésta no se deforma por la falta de las imágenes si no que en el hueco donde debería aparecer la imagen aparece el hueco y ya está.
LINENARIZE PAGE: La página se muestra como desplazada a la izquierda también organizada de forma lineal pero esta vez con estilos CSS. Algunos elementos se superponen entre sí y sobretodo la cabecera queda algo caótica. Los demás elementos que aparecen debajo de la cabecera quedan alineados y entendibles. El flash de la cabecera en el que van pasando distintas noticias y contenidos deja de funcionar.SMALL SCREEN RENDERING: La página se reduce a una columna a la izquierda y cambia totalmente su estilo y formato. La mayoría de imágenes dejan de funcionar aunque el flash si que continúa operativo. El texto también se reduce para adaptarse a la nueva resolución. Es útil para ver si la página sería apta para su visionado en otros dispositivos como por ejemplo el IPOD.
RESIZE: La página está diseñada para una resolución de 1024 x 551 ya que al cambiar a diferentes resoluciones la página permanece igual. Si ponemos una resolución mayor la página queda pequeña y si la ponemos menor tenemos que desplazarnos a través de las barras para poder acceder a todos los lugares.
En general, la página no se resiente demasiado ante los cambios excepto un par de cosas como la resolución que no se adapta a diferentes resoluciones o el uso de java que no permite visionar algunas cosas cuando está desactivado.
Análisis de Accesibilidad
En cuanto al grado de atención a la accesibilidad que muestra el diseño del sitio podemos observar, mediante el uso de la Web Developer Tool Bar, lo siguiente:
Al activar Display Abreviations y Tab Index en la página normal no se aprecia ningún tipo de cambio por lo que podríamos decir que perjudica a alguien con algún tipo de dificultad en la accesibilidad. Pero al verlo en “Document outline” podemos apreciar como al activar y desactivar ambas opciones afectan a esta nueva página ya que aparecen y desaparecen las abreviaturas si las activamos o desactivamos y también los recuadros de la página ayudando a su mejor comprensión para alguien con problemas en accesibilidad. En cuanto a las imágenes al activar “Display Alt Atributes” aparecen los títulos de algunas imágenes asociados a estas a través de “Alt=…” permitiendo una comprensión y lectura por ejemplo a una persona ciega que utilice un sistema de lectura de páginas pero solo de las imágenes que dispongan de esto.
Según las pautas WAI de accesibilidad el sitio no reúne los suficientes requerimientos ya que su “veredicto” es: «Failed Automated Verification». Según esto no pasa ciertos aspectos como la inclusión de textos equivalentes a todos los elementos no textuales (Alt por ejemplo) aunque muchas de las imágenes si que cuentan con esto. Otra cosa por ejemplo es que no proporcionar metadatos para añadir información a las páginas y sitios.
Por lo que podemos observar y lo que nos muestra la fallida validación WAI el sitio tiene una asignatura pendiente en cuanto a accesibilidad ya que algunas cosas se podrían solucionar con cosas sencillas como la descripción ALT de las imágenes.
Análisis de composición y validación de estándares
Utilizando de nuevo la barra de herramientas podemos observar la composición de la página:
La revista pantropía no contiene frames, pero sí se apoya mucho en la composición mediante tablas y celdas estando la estructura básica compuesta en tablas y bloques aunque luego todo está sustentado y posicionado por CSS. Dispone de links externos e internos y muchos encabezados para cada título.
La hoja de estilo contiene 19 errores según la validación los cuales son: “Pseudo-clase o pseudo-elemento: last-child desconocido(a)” de diferente tipo. El resto de la hoja de estilos es válido.
Al validar el HTML también se encuentran errores un total de 32 y 16 mensajes de precaución. Todos relacionados con atributos mal puestos o fallos en la escritura.
En cuanto a la validación de los Feed, es totalmente correcta aunque la interoperabilidad con la mayoría de lectores feed se podría mejorar.
Salvo algún par de cosas de fácil corrección (como problemas de escritura o de haber introducido mal el código) la composición de la web es bastante sensata al basarse en las tablas y los códigos lo que permite que aunque falle un elemento la web no se resienta ni pierda su estructura.
Tierras Multimedia 