Diseño web centrado en la experiencia del usuario

 

EL DISEÑO WEB CENTRADO EN LA EXPERIENCIA DEL USUARIO

DATOS DE LOS MEDIOS ANALIZADOS
Denominación del medio	Tipo de medio	URL
El País	Prensa digital	http://www.elpais.com/
Cadena Ser	Web de radio	http://www.cadenaser.com/
La Sexta	Web de televisión	http://www.lasexta.com/

Siguiendo con el análisis de los medios de comunicación en la red, en el presente post se profundizará en dichos portales centrándose en la experiencia del usuario y analizando comparativamente los criterios de usabilidad, accesibilidad y composición y validación de estándares.

ANÁLISIS GLOBAL DE EXPERIENCIA DE USUARIO

Siguiendo el modelo de siete parámetros ofrecido por Morville para realizar el análisis global de la experiencia del usuario, podemos decir que los sitios web analizados son:

• Utilizables: Los sitios web analizados ofrecen la información que el usuario espera que contengan. ElPaís.com ofrece contenidos actuales sobre prácticamente cualquier acontecimiento, CadenaSer.com ofrece igualmente noticias de actualidad e información sobre programación y contenidos y, por último, LaSexta.com ofrece información centrada en su programación. A parte, la navegación en ellos es bastante sencilla sobre todo en las webs de ElPais.com y Cadenaser.com.
• Útiles: Los portales de los tres medios son bastante claros y accesibles. Los contenidos se presentan de forma organizada y, menos en el caso de la web de la Sexta, la estructuración permite al usuario poder acceder a los contenidos que desea ver rápida y claramente. A parte, son especialmente útiles en cuanto a la búsqueda de información esperada de cada medio. Así, en El País se podrán localizar noticias publicadas por el medio actuales o de archivo diferenciadas por secciones de contenido (nacional, internacional…), la Sexta ofrece información sobre su programación e información de actualidad, y en Cadena Ser disponemos de contenidos referentes igualmente a su programación y a información de actualidad acerca de diversos acontecimientos. Los tres portales disponen de un buscador para poder localizar contenidos que no se observen a simple vista o que hayan pasado ya al archivo. Esta herramienta ofrece la posibilidad de buscar bien en el sitio del medio en cuestión o en google. Mientras que La Sexta ofrece la posibilidad de seleccionar el buscador, El País y Cadena Ser utilizan en el index el buscador dispuesto para su sitio.
• Deseables: El País y Cadena Ser presentan la información de forma sencilla y concisa resaltando titulares e imágenes destacadas de la actualidad. Por su parte, La Sexta tiene una estructuración de los contenidos mucho más difusa y hace difícil al usuario buscar un contenido más concreto.
• Valiosos: En cuanto a la información que ofrecen y los contenidos escritos, acústicos y audiovisuales. Además, sobre todo en el caso de los sitios de El País y Cadena Ser, la información disponible está totalmente actualizada de modo que cualquier usuario pueda acceder a ella en cualquier momento del día y enterarse del último minuto en el panorama nacional e internacional.
• Encontrables: Por su excelente posicionamiento en todos los buscadores de la red.
• Creíbles: Los medios digitales analizados ofrecen una información veraz y contrastada sobre todo en el caso de El País y Cadena Ser. No obstante, al pertenecer los tres medios a fuertes grupos de comunicación debemos confiar en que la información sea creíble pues la objetividad y la veracidad es uno de los principales mandamientos del periodismo.
• Accesibles: Los sitios están diseñados de tal manera que un usuario que emplee cualquier tipo de navegador pueda acceder a su contenido y, además, que este siga siendo comprensible. Por otro lado, los usuarios con algún tipo de discapacidad sensitiva sí que pueden encontrar ciertos problemas de navegabilidad y comprensión del contenido, pues por ejemplo, un usuario ciego no tendría la posibilidad de escuchar los artículos publicados en la web de ElPais.com y uno sordo no podría tener acceso a la información publicada en archivos de audio de CadenaSer.com ni comprender los contenidos audiovisuales de LaSexta.com al no estar subtitulados.

ANÁLISIS DE USABILIDAD

La usabilidad se puede definir coloquialmente como la facilidad de uso de un sitio web (en el caso que nos compete). Para profundizar en este aspecto se ha trabajado con la barra de herramientas de Web Depeloper Toolbar anteriormente especificada, sacando las siguientes conclusiones:

• Desactivación de elementos del sitio web: en este apartado, se ha comprobado que los tres sitios se comportan de forma parecida en cuanto al java. Cuando se desactiva el Java Script, en el caso de El País y Cadena Ser desaparecen los vídeos y la publicidad pero en el de La Sexta sólo desaparece la publicidad situada en la cabecera y la imagen superior. Al inhabilitar los colores de la página, por el contrario, la página que da fallos es la de La Sexta pues desparece la barra de navegación y algunas de las imágenes integradas con el contenido.
• Cookies: el número de cookies de los tres portales no es muy elevado, pues varía entre 3 (Cadena Ser), 20 (El País) y 21 (La Sexta). Los cookies de los dos primeros sitios expiran al finalizar la sesión, mientras que en el tercer caso existen 3 cookies con fecha de caducidad.
• Hojas de estilos (CSS): en los tres casos, se ha probado a desactivar todos los estilos y se ha comprobado que prácticamente todos los elementos están sujetos a una hoja de estilo.
• Imágenes: experimentando sobre este apartado, se ha podido comprobar que el único portal que no utiliza imágenes externas ha sido el de Cadena Ser. Por su parte, El País tiene sólo una imagen externa (la referente a la información del tiempo) y La Sexta las emplea para las imágenes de los blogs y la publicidad de venta de pisos.Por otro lado, se han analizado las imágenes con enlaces rotos dando como resultado 0 en ElPais.com, 6 en Cadenaser.com y 10 en la Sexta.com. Con respecto al peso de las imágenes, muy importante para estimar el tiempo de carga de la página, en ningún caso se superan los 31 KB, exceptuando las imágenes publicitarias.
• Miscelánea: la función de lineralizepage (colocar contenidos de forma lineal) se utiliza para comprobar de qué manera va a rastrear el contenido de la página un buscador. Al hacer un análisis de los medios digitales a través de esta función, se destaca un claro desorden de la linealidad de los contenidos de la cabecera en el caso de El País, Cadena Ser utiliza una linealidad más sencilla mediante la disposición de los elementos de forma ordenada y La Sexta organiza también bien sus contenidos pero entre las secciones de navegación y las subsecciones existe un gran espacio en blanco que dificultaría el rastreo.Otra función con la que se ha trabajado ha sido la de redimensionar la página para observar cómo estarían dispuestos los contenidos en caso de acceder a ellos desde cualquier otro dispositivo que no sea un ordenador (móviles, por ejemplo). Con ello, se ha comprobado que la única página preparada para ser vista adecuadamente desde este tipo de dispositivos ha sido la de El País, ya que el cuadro de navegación de Cadena Ser no se distingue debido al erróneo empleo de colores para el texto, y en La Sexta la navegación es bastante confusa y tiene muchas zonas en blanco.
• Resize: al redimensionar las páginas, ninguno de los sitios ha mostrado ninguna variación en cuanto al contenido. A parte, cuando utilizamos la herramienta zoom menos, podemos ver como los sitios de El País y Cadena Ser empequeñecen toda la información y las imágenes, pero no la publicidad. En cambio, cuando realizamos esta acción sobre la página de La Sexta, tarda bastante tiempo en modificar los tamaños e incluso da error. En este caso, las imágenes y la publicidad de cabecera no se modifican pero el resto de la web queda desorganizada.

ANÁLISIS DE ACCESIBLIDAD

La accesibilidad web se refiere a la capacidad de acceso a la web y a sus contenidos por parte de cualquier personas independientemente de su discapacidad (física, intelectual o técnica). Esta cualidad está íntimamente relacionada con la usabilidad.

• Información: En primer lugar, ninguno de los tres sitios emplea abreviaturas para… En segundo lugar, se debe destacar que en todos los casos, los usuarios con discapacidad física referida a cualquier tipo de inmovilidad en los antebrazos disponen de la tecla de tabulación del teclado para moverse por la página. No obstante, es destacable que ninguno de los sitios les ofrezca un menú al principio de la página para facilitarles la navegación. En tercer lugar, la función document outline (descubrir niveles textuales) nos muestra que Elpais.com emplea 5 niveles, Cadenaser.com 4 y LaSexta.com 3.
• Imágenes: con la herramienta de activar los atributos alt que nos muestran los textos alternativos de componentes no textuales. Estos textos tienen importancia en cuanto al rastreo que hacen los buscadores a lo largo de los contenidos del sitio web. Utilizando esta función, se puede comprobar que los portales de El País y Cadena Ser sí emplean textos alternativos para sus imágenes, pero no para la publicidad y, por el contrario, LaSexta.com no hace uso de estos textos.
• Herramientas: La función de validar WAI (Iniciativa de Accesibilidad Web) nos muestra los errores de accesibilidad para personas con discapacidad. Esta función a través de Web Developer Toolbar está en inglés y, al emplear tecnicismos, no es muy apropiada si se desconoce esta aplicación anglosajona. Por lo tanto, para realizar esta tarea se ha empleado la herramienta TAW (Test de Accesibilidad Web), que nos muestra los contenidos en español. Esta utilidad se basa en las reglas desarrolladas por WAI para el análisis de accesibilidad de los sitios web. De este modo, presenta los fallos encontrados en tres apartados distribuidos por orden de prioridad en que deberían ser atendidos: (fuente: http://www.tawdis.net/taw3/cms/es/infotaw/wai.html)
  • Problemas de accesibilidad de tipo 1: “Un desarrollador de contenidos de páginas Web tiene que satisfacer este punto de verificación. De otra forma, uno o más grupos de usuarios encontrarán imposible acceder a la información del documento. Satisfaciendo este punto de verificación es un requerimiento básico para que algunos grupos puedan usar estos documentos Web”.
  • Problemas de accesibilidad de tipo 2: “Un desarrollador de contenidos de páginas Web debería satisfacer este punto de verificación. De otra forma, uno o más grupos encontrarán dificultades en el acceso a la información del documento. Satisfaciendo este punto de verificación eliminará importantes barreras de acceso a los documentos Web”.
  • Problemas de accesibilidad de tipo 3: “Un desarrollador de contenidos de páginas web puede satisfacer este punto de verificación. De otra forma, uno o más grupos de usuarios encontrarán alguna dificultad para acceder a la información del documento”.Centrándonos en los problemas de prioridad 1 y 2, los resultados del análisis han sido los siguientes:    

    	Elpais.com	Cadenaser.com	Lasexta.com
    Problemas de accesibilidad de tipo 1	No existe un texto alternativo para la imagen: 17 casos El texto alternativo debería ser corto (aproximadamente 150 caracteres): 3 casos Posible elemento no accesible para todos los usuarios por incompatibilidad de interfaz: 37 casos	Posible elemento no accesible para todos los usuarios por incompatibilidad de interfaz: 25 casos No existe un texto alternativo para la imagen: 1 caso	Posible elemento no accesible para todos los usuarios por incompatibilidad de interfaz: 31 casos
    Problemas de accesibilidad de tipo 2	Visibilidad inadecuada entre el color del texto y de fondo de la imagen: 97 casos La página utiliza actualización automática lo que puede hacer que algunas personas tenga dificultades para leerla: 1 caso Visibilidad inadecuada entre el color del texto y de fondo de la imagen: 104 casos	Visibilidad inadecuada entre el color del texto y de fondo de la imagen: 38 casos La página utiliza actualización automática lo que puede hacer que algunas personas tenga dificultades para leerla: 1 caso La página utiliza redireccionamiento automático lo que puede hacer que algunas personas tenga dificultades para leerla: 1 caso	Visibilidad inadecuada entre el color del texto y de fondo de la imagen: 179 casos Objetos programados que no podrían funcionar con independencia de dispositivo (ratón o teclado): 8 casos

ANÁLISIS DE COMPOSICIÓN Y VALIDACIÓN DE ESTÁNDARES

En la página Maestros del Web se definen estándares web como “el conjunto de recomendaciones dadas por el World
Wide Web Consortium (W3C) y otras organizaciones internacionales acerca
de cómo crear e interpretar documentos basados en el Web. [...] El objetivo es crear un Web que trabaje mejor para todos, con sitios accesibles a más personas y que funcionen en cualquier dispositivo de acceso a Internet.”

En este último apartado se va a trabajar con las utilidades de otline y herramientas de validación para profundizar sobre ello:

• Outline: Las herramientas “outline frames”, “outline tables” y “outline block level elements” nos sirven para analizar un sitio web en concreto de forma fácil, así podemos ver que los tres portales guardan una estructura muy similar, estando constituidos por cuadros, bloques y tablas, siendo estas últimas las que más destacan en elpais.com.
• Herramientas de validación de estándares: La utilidad de validar hojas de estilo en cascada nos muestra la información de las hojas de estilo que emplea el sitio y los errores existentes. Así, El País ha tenido 16 errores (especialmente sintácticos), Cadena Ser 34 (sobre todo sintácticos y de propiedades no válidas) y La Sexta 31 (errores semejantes a los del sitio anterior).La herramienta de validar HTML se utiliza para examinar los códigos de los portales web. El País ha mostrado 521 errores y 189 a los que se debería prestar atención; Cadena Ser, 255 errores y 54 preocupantes y, en último lugar, La Sexta, 365 errores y 169 preocupantes.Con la utilidad de validate feed se muestran los errores de sindicación que tiene un sitio web. De este modo, El País presenta 2 errores, Cadena Ser 3, y La Sexta 2.

Advertisement