Bienvenidos al maravilloso mundo de las Tecnologías Multimedia

marzo 16, 2009

Diseño Centrado En La Experiencia Del Usuario

1. Datos de los medios analizados:

logo1

* Denominación del medio: faro de Vigo
* Tipo de medio: prensa digital
* URL. http://www.farodevigo.es/

logo2

* Denominación del medio. Canal Sur Radio
* Tipo de medio: web de radio
* URL. http://www.canalsur.es

logotel2

* Denominación del medio. Canal Sur Televisiónlogotel1
* Tipo de medio: web de televisión.
* URL.http://www.canalsur.es

2. Entradilla-resumen de las conclusiones extraídas del análisis comparativo.

A continuación veremos un análisis de 3 páginas web: el diario digital el Faro de Vigo, la web de Canal Sur Radio y la web de Canal Sur televisión. Para ello nos fijaremos en la Experiencia del usuario (en la que podría considerarse que destaca el Faro de Vigo), en la Usabilidad (donde no hay diferencias notables en los medios), la Accesibilidad (donde es peor en el Faro de Vigo) y la validación de estandares (donde hay más errores en HTML en el Faro de Vigo y menos en este mismo periódico en CSS)

3. Análisis global de Experiencia de Usuario:

Hay numerosas definiciones de la experiencia de Usuario, pero seguramente la que mejor lo explica es la de Hassan Montero y Martín Fernández (2005; La Experiencia del Usuario), donde definen esta como:

” La sensación, sentimiento, respuesta emocional, valoración y satisfacción del usuario respecto a un producto, resultado del fenómeno de interacción con el producto y la interacción con su proveedor.”

Para analizar la experiencia del usuario utilizaremos la teoría que realizó Morville e en 2004, en esta Morville divide la experiencia de usuario en siete facetas. Con ellas propone que la experiencia de usuario, depende de su singular equilibrio de contexto, el contenido y los usuarios. Las Facetas de la experiencia de usuario que propone se resumen en el ya conocido panel de abejas de esteteórico:dibujo-morville

[imagen: elementos de la experiencia del usuario según Morville. Imagen procedente de http://www.geac.es/tmu/public/tmu_p06_teoria.pdf ]

A continuación pasaremos a analizar web según estas 7 facetas:

FARO DE VIGO

Valioso: El faro de Vigo es un periódico digital nacional con oferta de informacion de España, e Internacional. No obstante, considero que es más valioso para las personas residentes en Galicia, en especial si son de la provincia de Vigo, o tienen familiares en esta, ya que a pesar de tener informacion de todo tipo, profundiza más en la regional, teniendo incluso varias ediciones distintas según la localidad.

Creíble: La información sí se puede considerar creible. Al ser un periódico nacional goza de cierto prestigio. Además las noticias citan fuentes y pretenden ser objetivas, por lo que parece tener cierta veracidad. Solo se encuentra cierto subjetivismo en la sección opinión y en los blogs, pero la información, sea de la temática que sea, parece ser cierta

Accesible: El portal informa con numerosas imágenes, aparte de texto, pero, a pesar de aparecer vídeos, todavía escasean y no están subtitulados. La fuente tiene un tamañano correcto para una resolución de 1280×800, en cambio para una de 800×600 habría que navegar por la página con scroll lateral

Encontrable: El nombre de la web es bastante intuitivo, por lo que es fácil de encontrarla en Internet pero a la hora de acceder a la información puede resultar un poco compleja por el desorden de algunas secciones y tantas columnas hablando de distintos temas pueden dificultar un poco la lectura. Para acceder a la información si se usa el buscador, o se conocen bien las secciones si se puede considerar accesible, pero si tienes poco tiempo y buscar informarte rapidamente la información puede ser un poco dificil encontrar…

Deseable: La publicidad escasea por lo que ayuda a la hora de elegir este periódico digital para informarte, pero el desorden de contenidos y el aglutinamento de información puede cansar y desorientar y hacer que no sea tan deseable.

Utilizable: Como decía en el otro apartado la publicidad prácticamente permanece ausente, y los numerosos servicios que ofrece hace que sea utilizable. Pero si se posee de poco tiempo o se desconoce la web puede que no se considere utilizable por el desorden que acarrea.

Útil: Ofrece numerosos servicios, y herramientas, distintas secciones y con numerosas posibilidades para los usuarios, por lo que es muy útil.

CANAL SUR RADIO

Valioso: Solo puede considerarse valioso para los andaluces que quieran saber la programación de Canal Sur Radio.

Creíble: Es bastante conocida por los andaluces y goza de cierta credibilidad.

Accesible: La fuente tiene un tamañano que puede considerarse pequeño para una resolución de 1280×800, en cambio para una de 800×600 se ve con un tamaño más grande sin producirse muchos cambios en el resto de la página. Además posee de varias imágenes, y se está incorporando sonido, pero todavía falla en algunas ocasiones.

Encontrable: Tanto Canal Sur Radio como Canal Sur Televisión se encuentran en http://www.canalsur.es pero aparecen en distintos apartados. puede dificultar un poco encontrarlo por eso, pero después, la web aparece ordenada, puede que por la escasa información que aporta, pero la que se encuentra es muy facil de localizar.

Deseable: Es deseable si se quiere saber la programación o información sobre algún programa de emisión de esta emisora de radio, pero para escucharla en directo o algún programa en especial que se haya emitido todavia presenta alguna dificultad y falla

Utilizable:Como dije anteriormente, se puede utilizar para información relacionada con la radio.

Útil: Si se quiere saber información sobre esta cadena es útil pero si buscas información de otro tipo puede resultar una web un poco inadecuada

CANAL SUR TELEVISIÓN

Valioso: Es valiosa para las personas que quieran ver este canal pero no puedan sintonizar con el (por ejemplo andaluces que vivan en otra comunidad autónoma distinta), ya que permite ver la televisión en directo, y ofrece información sobre sus emisiones.

Creíble: Es un canal muy conocido en Andalucía y en provincias cercanas a Andalucía, donde también llega la señal, por lo que al ser una web de este goza de cierta credibilidad.

Accesible: Como pasaba con la radio, la fuente tiene un tamañano que puede considerarse pequeño para una resolución de 1280×800, en cambio para una de 800×600 se ve con un tamaño más grande sin producirse muchos cambios en el resto de la página. Incorpora bastantes imágenes, aparte de texto y se están introduciendo bastantes videos, pero ninguno aparece subtitulado.

Encontrable: Como anunciaba con la radio, la web se encuentra en un apartado de un portal de Radio y Televisión de Andalucia, por lo que puede despistar al encontrarse, pero una vez en este la información aparece muy bien organizada y en distintas categorias por lo que es fácil encontrarla.

Deseable: Es deseable si se quiere conocer un poco más el canal, si quieres ver de que va algún determinado programa, si te has perdido alguna serie, o verla on line, pero si deseas información de otro tipo no.

Utilizable: Permite ver la televisión en directo, se emiten algunos capitulos de series de la cadena, informa sobre programas de esta… para algo de la cadena si, pero si se busca información de otro tipo no es utilizable.

Útil: la web es útil para personas que quieran ver el canal que por algún motivo no puedan sintonizar con él, ver un programa que no pudieron ver, para buscar información de esta cadena… pero sólo para cosas relacionadas de esta.

CONCLUSIÓN

El Faro de Vigo es el más completo, más útil y abarca gran información, pero la web de Canal Sur Televisión es más completa en el sentido de usar más las nuevas tecnologías y organizar mejor la información, aunque tampoco hay grandes cambios con el Canal Sur Radio

4. Análisis de Usabilidad:

Para ver el grado de Usabilidad usaremos la barra Web Developer. Esta es una creación de Chris Pederick, enfocada a los desarrolladores web. Puede instalarse en los navegadores Firefox, Flock, Mozilla y Seamonkey. La barra está dividida en 12 botones desplegables agrupados por áreas de aplicación, como ser formularios, cookies, imágenes.. y pretende concentrar unas prácticas herramientas y utilidades que permiten realizar los cambios que queramos sobre la página web con la que estemos trabajando.  Las principales opciones son:

  • Disable: este menú permite e desactivar animaciones, todas las imágenes, el soporte Java/ Java Script…
  • Cookies: permite limitar todas las cookies asociadas al dominio que estamos navegando, desactivar estas por completo …
  • CSS: permite desactivar los estilos de un sitio, ver el código, añadir una hoja de estilos propia, modificar esta y ver los efectos en vivo sobre la misma página…
  • Forms: permite comprobar el funcionamiento de los formularios de un sitio, activar y desactivar campos, mostrar contraseñas, autocomplementar…
  • Images: permite numerosas opciones como mostrar el tamaño de cada imagen, que muestre el path, que oculte todas las imagenes, que las vuelva invisibles, que muestre las imagenes rotas…
  • Miscellaneous: Nos permite borrar el cache de una pagina, borrar la sesion de autentificacion http, borrar las cookies, cargar la consola de errores java, javascript, mostrar los comentarios de la pagina, etc.
  • Resize: Nos da la opción de modificar el tamaño del navegador, para poder verificar como se mostraria
    la página en diferentes resoluciones.
  • · FARO DE VIGO

    • Disable: el unico cambio significativo que se muestra en este periódico digital es en disable page colors, ya que cambia la apariencia de este.faro-de-vigo-page-colors
    • Cookies: permite limitar todas las cookies asociadas al dominio que estamos navegando, desactivarlas por completo, ofrece también información adicional… además observamos que los enlaces no cambian de color al pulsarlos y no aparece ninguna ventana emergente
    • CSS: el diseño se ve claramente afectado, el estilo es más sencillo, el contenido se simplifica, pero los enlaces siguen funcionando.faro-de-vigo-estilos3
    • Forms: permite comprobar el funcionamiento de los formularios de un sitio, activar y desactivar campos, mostrar contraseñas, autocomplementar…aqui utilizando display form details la información se mezcla y el resultado es un poco confuso.faro-de-vigo-display-form-detalles1
    • Images: se pueden eliminar, modificar, buscar información… aquí observamos este periódico digital sin fotografías pero con información detallada de estas donde deberían aparecer
    • Miscelanous> linenarize page: pone en modo lineal la presentación de los bloques CSS
    • Miscelanois>Small Screen rendering: Observamos como se vería el diario digital en pantallas más reducidas
    • Resize: permite editar el tamaño de la ventana del navegador y muestra como sería a 800x 600

    CANAL SUR RADIO

      • Disable: el unico cambio significativo que se muestra en la web de esta radio es en disable page colors, ya que cambia la apariencia de esta.
      • Cookies: permite limitar todas las cookies asociadas al dominio que estamos navegando, desactivarlas por completo, ofrece también información adicional… además observamos que los enlaces no cambian de color al pulsarlos y no aparece ninguna ventana emergente. A continuación veremos una imagen de las características de las cookies de esta páginaradio-informacion-cookies
      • CSS: el diseño se ve claramente afectado, el estilo es más sencillo, el contenido se simplifica, pero los enlaces siguen funcionando.
      • Forms: permite comprobar el funcionamiento de los formularios de un sitio, activar y desactivar campos, mostrar contraseñas, autocomplementar… utilizando display form details la información, al contrario que en el Faro de Vigo,  no se mezcla y el resultado resulta claro.radio-display-form-details
      • Images: se pueden eliminar, modificar, buscar información…
      • Miscelanous> linenarize page: pone en modo lineal la presentación de os bloques CSS
      • Miscelanois>Small Screen rendering: Observamos como se vería la web en pantallas más reducidas
      • Resize: permite editar el tamaño de la ventana del navegador y muestra como sería a 800x 600

    CANAL SUR TELEVISIÓN

      • Disable: el unico cambio significativo que se muestra en la web de esta televisión en disable page colors, ya que cambia la apariencia de esta. también se aprencian cambios al desactivar Java produce fallos en los videos
      • Cookies: permite limitar todas las cookies asociadas al dominio que estamos navegando, desactivarlas por completo, ofrece también información adicional… además observamos que los enlaces no cambian de color al pulsarlos y no aparece ninguna ventana emergente
      • CSS: el diseño se ve claramente afectado, el estilo es más sencillo, el contenido se simplifica, pero los enlaces siguen funcionando.
      • Forms: permite comprobar el funcionamiento de los formularios de un sitio, activar y desactivar campos, mostrar contraseñas, autocomplementar… utilizando display form details la información no se mezcla, al igual que ocurria en la web de la radio andaluza
      • Images: se pueden eliminar, modificar, buscar información… aquí observamos esta web sin fotografías.tele-sin-fotos
      • Miscelanous> linenarize page: pone en modo lineal la presentación de os bloques CSS
      • Miscelanois>Small Screen rendering: Observamos como se vería el diario digital en pantallas más reducidastele-reanding1
      • Resize: permite editar el tamaño de la ventana del navegador y muestra como sería a 800x 600
    • Si utilizamos Web Developer Toolbar podemos ver que el diseño se ve especialmente afectado, el contenido se simplifica, pero los enlaces siguen funcionando. En reducción de diseño y contenido se ve más afectado el Faro de Vigo, mientras que Canal Sur Radio y Canal Sur Televisión tienen un diseño y estructura similar. Observamos que utilizando estas herramientas el comportamiento es similar en el periódico digital, en la web de radio y en la web de televisión, pero al hacer cambios el más perjudicado y el que muestra más problemas es el Faro de Vigo.

      5. Análisis de Accesibilidad:

      El CEUS (Centro de estudios de Usabilidad) define la accesibilidad como “el derecho de todos a tener acceso a la información y a los servicios que se proveen vía Internet, sin importar que estos sean proporcionados por empresas privadas o por organismos públicos”. Además, consideran que la accesibilidad web es “un nivel de calidad en la experiencia de uso de los sitios web, en donde la información, servicios y recursos que se ponen a disposición, pueden ser usados (consultados, vistos, leídos, escuchados, etc) por cualquier persona, en particular por aquellas que presentan algún tipo de discapacidad visual, motríz, auditiva o perceptiva”. [cita recogida de http://www.usabilidad.com.mx/accesibilidad/ ]. A continuación veremos el grado de accesibilidad de las páginas web a analizar, para ello utilizamos el Taw (el Test de Accesibilidad Web). Esta es una herramienta para el análisis de la accesibilidad de sitios web.
      Como la web de Canal Sur Televisión y la web de Canal Sud Radio pertenecen al portal de Radio y Televisión de Andalucía, procederemos el análisis en esta última.

      · FARO DE VIGO
      faro-de-vigo-errores1· RADIO Y TELEVISIÓN DE ANDALUCIA

      radio-y-tele-errores1

      CONCLUSIÓN:

      Me ha impresionado la cantidad de errores de las dos Webs, en especial la del Faro de Vigo, con 395 errores en prioridad 1, 534 errores con prioridad 2 y 144 errores con prioridad 3. La web de RTVA también tiene una cantidad considerable de errores, pero es mucho inferior que la del diario digital (esta tiene 190 errores de prioridad 1, 227 de prioridad 2 y 23 de prioridad 3). Por lo que se puede decir que RTVA tiene muchísima mejor accesibilidad que el Faro de Vigo.

      6. Análisis de composición y validación de estándares:

      A contínuación vamos a analizar la composición y la validación de estandáres de las 3 webs a analizar, lo haremos com:

    CSS: Validación de la sintaxis de las hojas de estilo en cascada.

    Fedd: Valida las fuentes de sindicación (RSS, ATOM…)

    HTML: Valida el código XHTML

    Links: Valida los enlaces

    Section 508 y WAI: Valida la accesibilidad el sitio frente a estas pautas de accesibilidad.

    Para ello utilizaremos dos herramientas:

    FARO DE VIGO

    Validación del Código CCS

    faro-de-vigo-errores-ccs

    como podemos observar en la captura la validación del CSS muestra 15 errores

    Validación del Código HTML

    faro-de-vigo-error-html en este caso los errores en html son numerosos, 203 errores, 65 de ellos peligrosos

    CANAL SUR RADIO

    Validación del Código CCS

    canal-radio-errores-ccs se muestran 40 errores en la validación del CCS

    Validación del código html

    radio-error-html en este caso en HTML existen 175 errores, 20 peligrosos

    CANAL SUR TELEVISIÓN

    Validación del código CSS

    canal-sur-television-errores-ccs Al igual que en la web de Canal Sur Radio nos encontramos con 40 errores en CSS

    Validación del código html

    tele-errorhtml2en este caso nos encontramos con 184 errores en HTML, 20 peligrosos

    CONCLUSIONES

    Como observamos se produce más errores en HTML, y la web que tiene más es El Faro de Vigo, con 203 (65 de ellos importantes), la web que tiene menos errores en HTML es la Canal Sur Radio con 175 (20 graves), seguida de cerca del Canal Sur Televisión (con 185, 20 graves).

    En CSS los errores son menores, y destaca el Faro de Vigo por tener menos, 15 en este caso, mientras que Canal Sur Radio y Canal Sur Televisión tienen 40 fallos.

    Anuncios

    2 comentarios »

    1. Me gusta tu análisis es muy completo y detallado. Las capturas de imagen ayudan a entender mejor los botones de la barra Web Developer.

      A mí también me ha soprendido la cantidad de errores que contiene la página web de El Faro de Vigo con 395 errores en prioridad 1, 534 errores con prioridad 2 y 144 errores con prioridad 3.

      Creo que todos llegamos a la misma conclusión de que la accesibilidad de las páginas webs debería de mejorarse y solucionar los errores que tienen para que toda persona que tenga algún tipo de discapacidad pueda navegar por la Red sin ningún tipo de obstáculo.

      Comentario por anasolana88 — marzo 16, 2009 @ 8:12 pm | Responder

    2. Muy buen análisis el que has realizado sobre estos medios. Creo que todos estamos de acuerdo en que RTVA debe mejorar muchísimo en aspectos como la funcionalidad.
      Las imágenes que has insertado en el texto ayudan a que el análisis no resulte pesado.

      Comentario por raulctmu — marzo 16, 2009 @ 10:40 pm | Responder


    RSS feed for comments on this post. TrackBack URI

    Responder

    Introduce tus datos o haz clic en un icono para iniciar sesión:

    Logo de WordPress.com

    Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

    Imagen de Twitter

    Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

    Foto de Facebook

    Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

    Google+ photo

    Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

    Conectando a %s

    Crea un blog o un sitio web gratuitos con WordPress.com.

    A %d blogueros les gusta esto: