Diseño centrado en la experencia del usuario
La experiencia del usuario es algo que siempre se debe tener en cuenta para mejorar ya que… ¿A quién va dirigido el acceso a esas páginas? Si nosotros no sabemos usarlas o nos crea una gran dificultad, el usuario buscará otro lugar donde buscar. Entonces habrá fracasado la finalidad de una web.
En este post voy a analizar la experiencia del usuario en estas webs:
- Punto Radio: Se analizará la página web de esta radio cuya url es: http://www.puntoradio.com
- Telecinco: Se analizará la página web de esta cadena de televisión, cuya url es: http://www.telecinco.es
- ABC: Se analizará la página web de este periódico, cuya url es: http://www.abc.es:
Como resultado de esta práctica se podrá observar la experiencia de usuario, la usabilidad, la accesibilidad y los análisis de composición y validación de estándares de las tres webs mencionadas anteriormente. Punto Radio, ABC y Telecinco son tres webs punteras, en cuanto a medios de comunicación se refiere, de nuestro país. Todas ellas deben mejorar en los cuatro aspectos a analizar, cada una en sus errores específicos, pero como veremos a continuación ambas tres son buenas páginas webs.
ANÁLISIS GLOBAL DE LA EXPERIENCIA DEL USUARIO.
Para realizar primero un análisis global de la experiencia de usuario vamos a tener en cuenta siete elementos que según Morville conforman la experiencia de usuario, esto significa que la web sea: útil, utilizable, deseable, valiosa, fácil de encontrar, creíble y accesible.
Comenzando con la web de Punto Radio y hablando generalmente hay que decir que es una web con una buena experiencia de usuario, ya que es útil en el sentido de que cumple informativamente con lo que una web de radio debería marcarse como objetivo, que es informar, es perfectamente utilizable, deseable y valiosa, al igual que fácil de encontrar (este es el segundo trabajo que realizo sobre esta página), ya que tecleando su nombre en Google es la primera entrada en aparecer, aunque buscando por otros términos como “radio España” no aparece hasta la tercer página. Por último hay que decir que es una web creíble, pero que por el contrario y como veremos más adelante no es una web con buena accesibilidad, ya que tiene muchos errores en los que a este aspecto se refiere.
En lo concerniente a la web del diario ABC, la experiencia de usuario es también bastante satisfactoria, como la de Punto Radio es útil ya que informa de las noticias más importantes del día y cualquier suceso novedoso e importante que se produzca lo refleja en su portada. Es también utilizable, ya que puedes navegar a través de ella sin problemas y utilizar si quieres las RSS que te ofrecen. Es una web deseable y valiosa, al igual que encontrable ya que es fácil de dar con ella en un buscador como Google, simplemente tecleando el nombre del periódico o introduciendo las palabras “periódico español”, te aparece en la tercer entrada. Por último y con respecto a la web de ABC hay que decir que es creíble y aunque en comparación con Punto Radio es una web algo más accesible también comete fallos en este aspecto, como veremos más adelante.
Para terminar con este análisis global de la experiencia de usuario en las tres webs, la última a analizar es la de Telecinco, que desde mi punto de vista es la que peor experiencia de usuario tiene, comenzando con el factor de la utilidad, cabe decir que depende para lo que entres en ella puede serte útil o no, si lo que quieres es información generalista la utilidad de la web es bastante escasa, pero si por el contrario quieres saber de nuevos programas de la cadena, de series en emisión o leer blogs de algunos presentadores, la web ofrece bastante información. Aunque la página se encuentra un poco desordenada es bastante utilizable aun que no muy deseable y poco valiosa. En lo referente a si es fácil de encontrar o no, hay que decir que se llega hasta ella con facilidad a través de los buscadores o por supuesto escribiendo su url. Por último hay que decir que esta web es creíble y bastante más accesible que las dos analizadas anteriormente.
Comparación y valoración:
Comparando las tres webs, desde mi punto de vista, las dos pertenecientes al grupo Vocento, Punto Radio Y ABC tienen una buena experiencia de usuario, mejor quizá que la web de Telecinco, sobre todo en el aspecto de la utilidad y en el de ser valiosas. Pero por el contrario hay un aspecto que se verá más adelante, la accesibilidad, en el cual la web de Telecinco supera con creces a las dos webs anteriores, que cometen en este aspecto cantidad de fallos. Por lo demás sólo destaca que las tres se encuentran facilmente y creíbles.
ANÁLISIS DE USABILIDAD
En este apartado se va a proceder a analizar la usabilidad de las tres webs mencionadas anteriormente a través de una lista de factores establecidos por Jacob Nielsen que permiten valorar la usabilidad de una página web.
Como anteriormente, comenzaré por la web de Punto Radio, citando aquellos aspectos en los que su usabilidad es negativa, estos son: que los enlaces de la página no cambian de estado cuando se visitan, no cambian de color ni nada por el estilo, a veces, también se deshabilita el botón “Atrás” del navegador, sobre todo cuando la información se abre en una página nueva, hay veces que estas nuevas páginas de navegación no están justificadas y se debería continuar en la que ya tenemos abierta. Por último hay que reseñar que la página debería evitar un elemento de publicidad que se desplaza de adelante hacia atrás distrayendo al usuario.
En la página web de ABC su usabilidad falla al igual que en la web de Punto Radio en que sus enlaces no cambian de color cuando se visitan, además tiene otros fallos en su usabilidad como son que aparecen ventanas emergentes de publicidad en ocasiones, cuando el usuario clickea en alguna información y que la mayoría de las imágenes que aparecen en portada no tienen una leyenda que ayude a comprender la imagen. Por lo demás la usabilidad de la página es bastante buena.
Y por último, analizaré la usabilidad de la web de Telecinco, comentando que igual que le ocurre a las demás webs analizadas, en esta tampoco cambian los enlaces de color una vez los has marcado, tiene errores también en la deshabilitación del botón de “Atrás”, sobre todo cuando has vuelto varias veces a la portada de la página. Además tiene elementos de diseño en el anuncio de sus propios blogs y programas que se confunden con publicidad exterior, por lo que muchos usuarios pueden evitar estos bloques debido a la “ceguera” que desarrollan los usuarios ante este tipo de informaciones. Y ya por último cabe destacar que la página no posee una buena claridad, es más, es una página un poquito engorrosa y agobiante, que puede hacer que los usuarios la abandonen rápidamente.
Comparación y valoración:
Una vez analizada la usabilidad de las tres páginas webs, cabe destacar que ninguna es perfecta, y que todas ellas podrían mejorar, es digno de observación que las tres cometen el error de no cambiar el color de los links ya pulsados. La que menos fallos en la usabilidad tiene es ABC, pero los errores que tiene son quizá más visuales para el usuario estándar que los de Punto Radio o Telecinco, ya que el no poner leyendas en las fotografías y el salto de ventanas emergentes de publicidad cuando clickeas en alguna noticia son molestias más contundentes. Por otro lado la página con menor usabilidad de las tres es Telecinco, a lo que ayuda la confusión y el desorden visual que la página genera. Además esta página al igual que la de Punto Radio tiene el error de que hay veces que el botón e “Atrás” se deshabilita y el usuario no puede volver a la información de la que partía.
ANÁLISIS DE ACCESIBILIDAD
La accesibilidad mide la posibilidad que tienen todos los usuarios de acceder a una determinada página web bajo cualquier circunstancia. Estos tipos de circunstancias pueden ser discapacidades físicas (ser ciego, sordo, manco, etc.) o tecnológicas (tener un navegador diferente, un sistema operativo inusual, etc.) Si con estas premisas nosotros intentamos navegar por una web cualquiera y tenemos problemas eso significaría que la accesibilidad a esta web es mejorable, por lo que este aspecto es muy importante tanto para los usuarios como para los administradores de las webs, ya que si sus usuarios no tienen una buena accesibilidad no volverán a visitar su página.
Por lo tanto, voy a analizar la accesibilidad de nuestras tres webs a partir de una web llamada tawdis.net que nos permite valorar la accesibilidad a partir de tres niveles:
- A: El cual es un nivel básico, como el que las imágenes tenga texto
- Aa: Es un nivel intermedio, el cual está obligado a cumplir la administración
- Aaa: Es el mayor nivel
Comenzando como siempre con la web de Punto Radio he encontrado los siguientes errores y recomendaciones en los distintos niveles:
- Nivel a: Existen 52 errores y 203 recomendaciones. El error más importante que nos encontramos es la inexistencia de texto alternativo en las imágenes y en algún botón. Las recomendaciones más importantes se basan en: La inexistencia de elementos descriptivos en html de las imágenes, necesidad de utilizar hojas de estilo para algunos documentos, comprobar que algunas imágenes son decorativas, incapacidad de visualizar contenidos dinámicos, y por último, interfaz no accesible para todos los usuarios en algunos elementos.
- Nivel aa: Existen 42 errores y 293 recomendaciones. En este nivel los errores más importantes son: La secuencia de encabezados incorrecta, la utilización de atributos desaconsejados para html y una mala etiquetación. Además tiene las siguientes recomendaciones: Comprobar si existe visibilidad inadecuada entre el color del texto y de fondo de la imagen, revisar scripts y applets, asegurarse de que existe una interfaz accesible para algunos objetos, enlaces que abrirán una nueva ventana que puede desorientar a algunos usuarios y en los que hay que comprobar que se ha informado a los internautas, textos demasiado largos, y enlaces que comparten el mismo texto pero están vinculados a recursos diferentes.
- Nivel aaa: Aquí encontramos 3 errores y 24 recomendaciones. Su error más importante aquí es que no se ha indicado el idioma principal de un documento. Además las recomendaciones más importantes son: En los enlaces contiguos que no tienen caracteres de separación entre ellos, incluir caracteres imprimibles; comprobar que las funciones de búsqueda permiten establecer diferentes niveles de destreza y de preferencias, comprobar que la página mantiene un estilo de presentación coherente con el resto de páginas del sitio.
La siguiente web que nos toca analizar es la de ABC, en la cual nos encontramos los siguientes errores y recomendaciones:
- Nivel a: Existen 32 errores y 430 recomendaciones. El error más importante es que no existen textos alternativos para algunas imágenes y las recomendaciones que le dan a esta página web en el nivel “a” son más o menos las mismas que las que le daban a la web que hemos analizado anteriormente (Punto Radio)
- Nivel aa: En este nivel existen 79 errores y 574 recomendaciones, donde los errores más importantes son: La utilización de unidades de medida absolutas en lugar de unidades de medida relativas, y elementos HTML que utilizan atributos desaconsejados en HTML 4.01. Además las recomendaciones dadas son las mismas que en Punto Radio pero en mayor medida.
- Nivel aaa: En este nivel existe sólo un error y 26 recomendaciones. El error del que se informa es de baja importancia, al tratarse de una opción que debería estar seleccionada en otro grupo, y en cuanto a las recomendaciones cabe decir que coinciden igualmente con las de Punto Radio en este nivel pero en menor medida.
Por último ya sólo queda analizar la accesibilidad de la web de Telecinco, en la cual nos encontramos los siguientes errores y recomendaciones:
- Nivel a: Aquí tenemos 1 error y 574 recomendaciones. El único error de esta web en este nivel es que no posee texto alternativo par un determinado botón, y las recomendaciones que se le hacen son iguales a las que se le habían hecho anteriormente a Punto Radio y a ABC.
- Nivel aa: En este nivel existen 52 errores y 351 recomendaciones. Donde estos errores y recomendaciones son los mismos que anteriormente se le habían hecho a las webs de Punto Radio y ABC.
- Nivel aaa: 1 error y 25 recomendaciones son las que nos da en este nivel. El error que posee no tiene mucha importancia, ya que se trata de un control de formulario que no incluye caracteres por defecto, y como anteriormente ocurre las recomendaciones más importantes coinciden también con las de Punto Radio y ABC.
Comparación y valoración:
Una vez analizada una por una la accesibilidad de cada web sólo queda compararlas, y para ello comenzaré destacando a la página que mejor accesibilidad tiene, que es Telecinco, en ella encontramos menos errores que en las otras, como en Punto Radio y en ABC existen también errores en menús, títulos y links, pero además la web de Telecinco tiene fallos también en la publicidad, esto es destacable, porque los anunciantes podrían denunciar por estafa a la web ya que pagan una cantidad de dinero considerable para que aparezca su anuncio y este es posible que no lo vean todos los usuarios que entran en la página. Como comenté anteriormente los errores más comunes se producen en los menús, los títulos y los links y la página que peor accesibilidad tiene y más errores comete es la de Punto Radio, en comparación ABC posee menos errores en los niveles básicos y en el alto, pero en el intermedio posee bastantes más que la web de Punto Radio, pero lo bueno que tiene es que se encuentran congregados sólo en dos aspectos, con lo cual es una ventaja porque en términos reales son menos errores, pero más pronunciados y contundentes.
ANÁLISIS DE COMPOSICIÓN Y VALIDACIÓN DE ESTANDARES
Los estándares que más nos interesan para saber como crear e interpretar una web son el código de la página web (HTML), y las hojas de estilo en cascada de la web, denominadas como CSS, además también analizaremos los feeds de cada página.
Para este análisis comenzaré analizando cada uno de los elementos en las diferentes páginas:
Las CSS:
- Comenzando por la página de web de Punto Radio vemos, que esta está compuesta por varias cabeceras y algunas tablas, los links externos que tiene son básicamente de publicidad, por lo que priman los links sin atributos de título. Se compone por posicionamiento con CSS, block level elements y no posee marcos o frames. En cuanto a los errores de CSS, Punto Radio posee 3: un error de análisis sintáctico, error de propiedad no válida (top y 6 px incompatibles), y elemento de enlace o instrucción de procesamiento de hoja de estilo xml no reconocida
- En cuanto a la página web de ABC hay que destacar que está compuesta por los mismos elementos que la de Punto Radio, salvo las tablas, las cuales ABC no tiene. Los errores en sus CSS son muchos más que en la de Punto Radio, sumando un total de 95, de los cuales, su mayoría son fallos en análisis sintáctico. Nos pasaba lo mismo con la web de Punto Radio, pero en esta los fallos se multiplican, debido a que también la cantidad de texto en página es mucho mayor.
- La web de Telecinco se compone por los mismos elementos que las de Punto Radio y ABC, pero al igual que esta última no tiene composición por tablas. Además esta web posee muchos más links externos que las otras dos, sobre todo links publicitarios y menos links sin atributos de título. En cuanto a las CSS, Telecinco es la web que más errores tiene en este apartado, sumando hasta 105.
Código HTML:
- Punto Radio tiene 487 en su código HTML y 8 avisos
- ABC tiene 594 errores en su código HTML y 19 avisos
- Telecinco es la web que menos errores tiene en su código HTML con sólo 25 y 9 avisos.
Feeds:
- En lo que a la validación de Feeds se refiere Punto Radio posee errores de pérdida de elementos en imágenes como título, url, o link.
- ABC tiene errores de pérdida de elementos como títulos, direcciones de e-mail y links, aunque en este y no como ocurre en la web de Punto Radio, estos no se encuentran asociados a imágenes, se trata de elementos similares.
- Y por último en la web de Telecinco nos encontramos errores de lengua ISO, otro elemento mal que está mal fechado (invalid date-time), y otros dos errores con menor importancia, de item
y de channel.
CONCLUSIONES
Como se puede observar, ninguna de las páginas que he analizado está exenta de errores, pero es importante intentar mejorar. En unas ocasiones los errores son más importantes en otras menos, aunque es lo normal encontrar esos fallos, impresiona al observarlos todos juntos. Sobre todo porque hasta esta practica nunca se me habría ocurrido ponerme a observarlo.
