En los sitios Web, como en todo medio de comunicación es muy importante el diseño, ya que a través de éste percibimos la información que se nos pretende transmitir. Por ello, realizaremos a continuación un análisis comparativo entre tres portales digitales, de tres medios de comunicación diferentes atendiendo a su diseño centrado en la experiencia de usuario, en el que comprobaremos su eficacia con ayuda de la herramienta Developer Toolbar, centrándonos en criterios como la usabilidad, la accesibilidad, la composición y validación.
- El País
- Tipo de medio: prensa digital.
- URL: http://www.elpais.com/
- La Sexta
– Tipo de medio: Web de televisión.
- URL: http://www.lasexta.com/inicio
- Los 40 principales
- Tipo de medio: Web de radio.
- URL: http://www.los40.com/
Conclusiones
Tras realizar el análisis de los sitios Web de estos tres medios de comunicación, he llegado a la conclusión de que aunque presentan muchos fallos en cuanto a validación, código y organización, en general son bastante efectivas, teniendo en cuenta la función principal que pretenden cumplir y el público al que se dirige cada una de ellas. Pero si es importante destacar que todavía presentan graves problemas en cuanto a facilitar la comunicación a personas con deficiencias físicas, ya que, aunque poco a poco se intenta facilitar esta comunicación a través de dispositivos como el aumento o audición de textos, todavía son muchas las limitaciones que presentan estas páginas para personas con diferentes patologías.
- Análisis global de experiencia del usuario
Según Knapp Bjerén, “la experiencia del usuario”, se puede definir como “el conjunto de ideas, sensaciones y valoraciones del usuario, resultado de la interacción con un producto; es resultado de los objetivos del usuario, las variables culturales y el diseño del interfaz”.
Para realizar el análisis, seguiremos los siete parámetros de Morville (utilizable, útil, deseable, valioso, encontrable, creible y accesible).
- El País
En cuanto a utilidad podemos decir, que el portal digital de El País, cumple con su función de ofrecer una continua información actualizada.
Quizá su diseño no destaca tanto por su atractivo, como por su funcionalidad, ya que es sobrio e informativo y aunque también contiene imágenes que amenizan la estructura, éstas cumplen más una función informativa que estética.
En cuanto a su valor y credibilidad, se trata de un medio de prestigio informativo de ámbito generalista.
Referido al concepto de usabilidad, esta página presenta algunos dispositivos que facilitan la percepción de la información, como es el aumento de las fuentes del texto o la audición de la información, pero aún presenta muchas limitaciones a distintas patologías físicas.
Finalmente, en cuanto a la accesibilidad, se trata de una página cuyos contenidos resultan bastante accesibles debido a su sencillez estructural.
- La Sexta
En cuanto a la utilidad, se trata de una página cuya función pincipal es informar sobre su programación televisiva, además de ofrecer noticias actualizadas continuamente, función que cumple eficazmente.
En lo que se refiere al atractivo, esta página tiene un diseño más ameno con más color e imágenes por lo que es más atractiva.
Dirigido a su valor y credibilidad, hay que destacar que La Sexta es un medio muy joven pero con una gran aceptación del público.
En cuanto al concepto de usabilidad, encontramos al igual que en la página de El País; este portal presenta algunos dispositivos que facilitan la percepción de la información, en este caso la ampliación del texto; aunque al igual que en la página anterior , aún presenta muchas limitaciones a distintas patologías físicas.
Finalmente, en cuanto a l accesibilidad, cabe decir que aunque se trate de un portal con gran número de imágenes, su estructura es sencilla y los contenidos accesibles y fáciles de localizar.
- Los 40 principales
En lo quese refiere a la utilidad, hay que reconocer que esta página lo cumple, teniendo en cuenta que la función principal de este portal es mostrar una informción actualizada sobre el panorama musical, la cual, aparece actualizada en el intervalo de entre media y una hora; y entretener al público, para lo que cuenta con distintos productos multimedia actualizados, como son vídeos, música y fotografías, entre otros.
Se trata de un página atractiva y por tanto cumple con el párametro de “deseable”, debido al contraste de las tonalidades utilizadas y el gran número de imágenes que posee, ya que su diseño destaca más por sus imágenes que por su texto.
En cuanto a su valor y credibilidad, cabe decir que Los 40 principales,es un medio con bastante reputación dentro del panorama musical, lo que hace que sus contenidos sean aceptados y valorados por el público.
Por otro lado, en lo que al concepto de usabilidad respecta, encontramos más de los mismo, es decir, limitaciones en cuanto a las deficiencias físicas.
Finalmente, respecto al concepto de accesibilidad, podemos decir que se trata de una página cuya información se encuentra un poco saturada de imágenes y publicidad, pero cuyos contenidos se encuentran sin demasiada dificultad.
A continuación, analizaremos los tres portales (La Sexta, El País y Los 40 principales), utilizando las herramientas de la barra “Web Developer Toolbar”, para saber el nivel de usabilidad de las páginas. Cabe destacar que en nuestro caso, trabajamos con la barra de herramientas proporcionada por Firefox.
- DISABLE: con esta herramienta, podemos habilitar y deshabilitar diferentes elementos de la página, pudiendo comprobar como se comportaría la pagina.
Al utilizar diferentes opciones de este paquete, observamos que nuestros tres ejemplos se comportan igual ante las distintas deshabilitaciones; como con el “disable cache”, opción que al deshabilitar hace que las acciones se realicen más despacio, o el “disable page colors”, que deshabilita los colores de las páginas, los fondos, detalles e incluso algunas imágenes.
- COOKIES: con esta herramieta, se puede ver las cookies que utiliza un determinado sitio, pudiendo realizar acciones como habilitarlas o deshabilitarlas. Al analizar estas opciones, los portales que estamos analizando no sufren ningún cambio, ya que estos no poseen cookies.
- CSS: esta herramienta permite desactivar los estilos de un sitio, ver el código CSS de la página o añadir una hoja de estilos propia, entre otras cosas. Con esta herramienta, al desativar todos los estilos de nuestros ejemplos, la estructura de cada uno desaparece, al igual que los colores y los formatos, desorganizando toda la página y por tanto perdiendo mucha información.
- FORMS: esta opción nos permite comprobar el funcionamiento de los formularios de un sitio, e incluso ver el código fuente que ha sido creado dinamicamente por javascript. En nuestro caso, con la opción “FORMS-Display y FORMS- Details”, aparecen algunos bloques de código en lugares puntuales como son los buscadores o algunos enlaces.
-IMAGES: con esta herramienta se pueden desactivar las imágenes, comprobar los textos alternativos que llevan incluidas éstas, compobar dimensiones, etc.
En nuestro caso, con la opción “disable all images” desaparecen todas las imágenes de la página, afectando a la estructura y la información, además de al atractivo de la página e incluso a la comprensión.
Con la opción “Display alt attributes” aparece la explicación de los enlaces de algunas imágenes.
Otras opciones dentro de este bloque permiten ver la estructura de la página y facilitar toda la información posible sobre los formatos, tamaños o espacio que ocupa cada imagen.
- MISCELLANEOUS: con esta opción podemos observar la formación de la estructura, podemos editar en HTML y podemos observar por medio de las herramientas “Linearice page” o “Small Screen Rendering”, como se vería la página con una estructura lineal a la izquierda, en la que como podemos ver, se rompe completamente la estructura, la comunicación y se pierden algunos detalles.
- RESIZE: con esta opción se pueden cambiar las dimensiones del portal, para observar como se vería en pantallas de mayor o menor tamaño.
- Análisis de accesibilidad
En este apartado, analizaremos con ayuda de la barra Web Developer Toolbar facilitada para Firefox, el grado de accesibilidad que muestra el diseño.
- INFORMATION-ABREVIATIONS: al pulsar sobre esta opción, no se produce ningun cambio en ninguno de los portales.
- TAB INEX: al igual que en la opción anterior, con ésta no se produce ningún cambio.
- DOCUMENT OUTLINE: al marcar esta opción en cualquiera de los tres sitios que estamos analizando, se nos muestra en otra ventana una lista de contenidos del portal, en los que se marca su ubicación (cabecera…).
- IMAGES-DISPLAY ALT ATRIBUTES: al marcar esta opción, nos aparece información sobre lo que pasa al pinchar sobre las imágenes; esta información aparecería en una situación en la que las imágenes no se pudieran visualizar.
- VALIDACIÓN DE LA PÁGINA CON “TOOLS VALIDATE WAI”: con esta opción, se muestra en una tabla los fallos de cada página, en las que podemos ver los problemas de validación de contenidos de cada una, entre las cuales, no hay muchas diferencias, pero cabe destacar que la que menos fallos tiene es la de Los 40 Principales.
- Análisis de composición y validación de estándares
Para realizar este análisis, utilizaremos herramientas como: “Outline-frames”, “Tables” o “Block level elements” de la barra de herramientas Web Developer Toolbar facilitada para Firefox, para poder analizar como esta formada en los portales.
Como podemos observar, la composición de los tres portales es prácticamente igual. En los tres casos, la estructura está formada, casi por completo por bloques de los diferentes elementos, aunque también hay alguna tabla.
- TOOLS VALIDATE CSS: con esta herramienta podemos observar los errores que contiene cada portal, en cuanto a la validación de la sintáxis de las hojas de estilo.
En el caso de la página de El País, su análisis comprueba que la página contiene 27 errores, casi todos de análisis sintáctico y algunos problemas de validación.
En el caso del portal de La Sexta, el análisis afirma que la página contiene 29 errores, formados por problemas de validación y errores sintácticos.
Finlamente, en el caso de Los 40 Principales, el análisis confirma que la página contiene 41 errores, en su mayoría errores de análisis sintáctico y de validación.
- TOOLS VALIDATE FEED: con esta herramienta, podemos observar los errores que contiene cada página en cuanto a las fuentes de sindicación.
En el caso de la página de El País, su informe ha obtenido 3 errores.
En el caso de la página de La Sexta, su informe ha obtenido el resultado de dos errores.
Finalmente, en cuanto a la página de Los 40 Principales, nuestra herramienta ha encontrado 2 errores.
- TOOLS VALIDATE HTML: con esta herramienta, podemos observar los errores de código existentes en nuestros tres portales.
En el portal de El País, el informe afirma que existen 557 errores.
En la página de La Sexta, el informe ha obtenido 248 errores.
Finalmente, en la página de Los 40 Principales, se han recogido 110 errores, siendo la página con menos errores de nuestra muestra.
Aún así, podemos observar el todavía gran número de errores encontrados en estas páginas de gran prestigio comunicativo.
