Experiencia del usuario en Pantropia

23 febrero 2010 at 16:37 (Accesibilidad, análisis, Experiencia de usuario, Usabilidad) (, , , , , , )

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 enFragmento de la cabecera de la revista pantropia 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 siFragmento de la cabecera de la web pantropia sin imágenesgue 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.

Enlace permanente 2 comentarios

Análisis de página 2ª Parte

3 febrero 2010 at 19:49 (análisis) (, , , , , , , , )

Datos resumidos del medio analizado

Pantropía, URL: www.pantropia.es
Contenido: información, artículos, enlcaes etc… sobre la comunicación multimedia.
Interactivo: Sí, permite la participación de los usuarios pero a través de un área accesible mediante reigstro gratutio que no es necesario para acceder a los contenidos pero si para crearlos. Para ser redactor hay que escribir un email para poder crear una cuenta.
Idioma: Castellano.
Relacionado: URJC, Tecnologías Multimedia.

La página web pantropia en general cumple bien con los requisitos en cuanto a estructuración y funcionalidad para el público joven al que se dirige e interesado en las nuevas tecnologías. En cuanto a esto último lo único que añadiría sería un foro o un chat, o libro de visitas o similar para la participación de esa audiencia joven que quiera preguntar dudas, exponer sus opiniones etc.

Diseño de la información en la revista

La necesidad de actualización si no diaria, debería ser al menos mensual por el caracter (revista) y contenido de la misma. En esto difiere que muchas de los últimos artículos expuestos en secciones estén a fecha de 31 de mayo de 2009. En la portada hay una ventana con noticias de actualidad que requiere una actualización bastante alta para mantener el interés de los visitantes para que al entrar vean siempre cosas nuevas. La sección de editorial no necesita grandes actualizaciones al contar con contenidos fijos como son el contacto, el libro de estilo o la nota editorial. Las demás secciones deberían estar más actualizadas como ya se ha comentado no tanto quizá como la portada que quizá funcione con noticias breves pero si al menos mensual o trimestral, en cualquier caso más dinámica de lo que parece ya que por su interés por los usuarios requerirían más actualización.

La página se clasifica bajo tópicos y categorías como “Sociedad de la información” encontramos novedades, debate público y datos. En “Sector profesional” se engloban novedades, Comunicación Multimedia y La Profesión. En los “Fundamentos” se recorren novedades, características y diseño. En la categoría de “Proceso” podemos ver Gestión de información, Producción  y Publicación y difusión. En el área de “servicios y aplicaciones” encontramos centradas en el contenido, centradas en las relaciones y centradas en la gestión de la información. Y por último como ya se ha comentado antes en la parte editorial de la revista se nos muestra la nota editorial, el libro de estilo, el contacto y la opción de registro y acceso para colaborar con la revista.

El peso de la información a lo largo de todas la secciones está bastante equilibrado por lo que podemos considerar que tiene una  granularidad alta. Todas las secciones están equilibradas en cuanto a contenidos y subcategorías (la mayoía tiene 3 excepto la portada que tiene 4 y la editorial que tiene 5). Predominan los artículos de los redactores por encima de lo demás en las diferentes secciones o categorías. Incluo lo meramente informativo tiene un papel muy reducido dentro de la revista.

En el etiquetado se usa como factor principal el texto y dentro de este los sustantivos. Sin embargo a primera vista no aclaran mucho sobre lo que nos vamos a encontrar al entrar en ellas. Por ejemplo al leer Fundamentos creemos que vamos a encontrar otras cosas que las que realmente encontramos al acceder. Se podría decir que son coherentes entre sí por estar relacionados con cosas de la comunicación multimedia (como sociedad de la información) pero, lo antes dicho, quizá creen expectativas que no tiene mucho que ver con el contenido.

La información publicada en sí es estática porque no todo el mundo puede modificarla solo el autor de dicha información. Por otro lado es dinámica en cuanto a que si te registras puedes introducir información en la página. Tamibén supone cierta dinamicidad en cuanto a que el usuario puede elegir donde entrar y si entras en una sección o artículo este es independiente de los otros visualmente. Además puedes elegir usar los enlaces principales de la web o usar el mapa web del final que permite quizás un mejor y más fácil manejo de la página y su contenido.

El diseño es adecuado porque delimita a través de sus categorías las diferentes noticias y artículos que aparecen haciendo más fácil y útil el acceso a los mismos según los intereses, es decir, facilita la búsqueda de aquello de forma más concreta, sin embargo, no queda muy claro con el nombre de las secciones y subcategorías lo que vamos a encontrar dentro.

SISTEMAS DE RECUPERACIÓN DE INFORMACIÓN EN PANTROPIA

La primera página nos muestra la portada de la revista con los contenidos más destacados de la misma y de cada sección además de poder acceder al FAQ (preguntas frecuentes), buscador avanzado, canales de la revista y el QR Code para acceder desde el móvil. El esquema de navegación y sus secciones ya se han descrito anteriormente.

La web incluye un buscador simple en la página principal en la parte superior pero también existe un enlace en la portada al buscador avanzado que da la opción de una búsqueda más avanzada a través de ordenar los resultados de la búsqueda como prefieras, buscar la frase exacta, todas las palabras o cualquier palabra de la frase y la opción de buscar entre Artículos, Enlaces, contactos, categorías y secciones para una búsqueda más concreta.

Además al entrar en cada sección siempre hay indicadores que nos indican en qué sección estamos (a través del resalto en color de ésta) y subsección (poniendo su nombre en negrita) como si fueran una especie de ramas de árbol o migas de pan por las que podemos volver para no perdernos y llegar al origen. En cuanto a elementos de orientación en su portada cuenta con un Top de noticias que resume las noticias más destacadas de la página en general así como ventanas donde se muestran las más destacadas de cada sección y otras no menos importantes. También cuenta con un cuadro con «Lo más leído». Cada sección a su vez cuenta con indicadores de novedades, videos, últimas noticias, enlaces etc.

Se podría resumir que en pantropia el usuario siempre sabe donde está en todo momento gracias a sus indicadores y podrá navegar y recorrer la información de forma más rica gracias a sus sitemas de recuperación de información

LA INTERACCIÓN DE PANTROPIA
Entendiendo interacción como el uso y el manejo de la web por el usuario pantropia se puede decir que apuesta por el equilibrio entre aprendizaje, sencillez de uso y eficiencia, esto es, la web en sí en sencilla en cuanto al acceso de contenidos en cierta forma (sobretodo si usamos el mapa web) pero con la inclusión de sistemas de recuperación de información y otros indicadores perfeccionan aún más el diseño web haciendo que hasta los usuarios más noveles puedan interactuar con dichos elementos llegándolos a entender y usar con total normalidad y facilidad. Es decir, youtube por ejemplo, metió el sistema de videos relacionados que ahora todo el mundo sabe usar pero que en un principio es algo totalmente novedoso y extraño de usar para alguien que no ha usado nunca youtube, de hecho no le prestarán atención o como máximo se preguntarán para que sirve dicho servicio. Combinando ambos factores, aprendizaje y sencillez de uso se puede conseguir una cierta eficacia en la recepción de contenidos y de uso de la web.

FUNCIONALIDADES DE PANTROPIA UNA ASIGNTATURA PENDIENTE QUIZÁS

La web da información, nos permite estar informados sobre la comunicación multimedia pero además nos permite también participar a través de un registro previo para convertirnos en periodistas de la revista. Además ofrece servicios a través de enlaces como los de Minube de búsqueda de vuelos baratos o Glumbert, un sistema de publicación de videos. Además junto a este apartado aparece una encuesta para que participen los usuarios. En cuanto a otros servicios pantropia cuenta con un canal propio en Youtube, y espacios en Delicious, Flickr y Scribd. Sin embargo no cuenta con sistemas de discusión o participación activa de los usuarios como foros o chats.

Pienso que en general para el público joven al que se dirige e interesado en las nuevas tecnologías la página cumple bien los requisitos de estructuración y funcionalidad. En cuanto a esto último lo único que añadiría sería un foro o un chat, o libro de visitas o similar para la participación de esa audiencia joven que quiera preguntar dudas, exponer sus opiniones etc. y que siendo una revista esta como es con ese objetivo y esa temática debería tener más revisado.

Enlace permanente Deja un comentario