Diseño centrado en al experiencia de usuario
Abril 29, 2009 at 1:50 pm (Accesibilidad, Análisis, Experiencia de Usuario, Usabilidad) (Cadena 100, El Mundo, Experiencia de Usuario, Sexta, web developer tollbar)
Acerca de los medios analizados:
Ø La Sexta:
-Tipo de medio: Web de televisión
-URL: http://www.lasexta.com/inicio 
Ø
Ø Cadena 100:
-Tipo de medio: Web de radio
-URL: http://www.cadena100.es/

Ø El Mundo:
-Tipo de medio: Prensa digital
-URL: http://www.elmundo.es/

En este post se analiza la experiencia de usuario al navegar por los sitios de los tres medios, La Sexta, La Cadena 100 y El Mundo. Tras realizar el análisis podemos concluir que lo que a primera vista puede parecer una perfecta página web tras pararse a verla más detenidamente se pueden descubrir muchos fallos. Así la página de La Sexta contiene mucha información sin ordenar y es la que más fallos posee de las tres webs. La página de El Mundo también posee mucha información muy bien clasificada y ordenada aunque tampoco se libra de errores de diseño. Finalmente la página de Cadena 100 es la más sencilla pero sin embargo esa sencillez conlleva a que sea la que menos errores tenga.
Análisis global de experiencia de usuario:
Según Knapp Bjerén la experiencia de usuario consiste en un “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”. Así Marville propone siete parámetros que intervienen en la experiencia del usuario. Estos parámetros son: la utilidad, la usabilidad, la deseabilidad, la accesibilidad, la credibilidad, la facilidad de ser encontrados y el que sean valiosos. A continuación utilizaremos estos parámetros para analizar las páginas web de La Sexta, Cadena 100 y El Mundo.
Ø La Sexta:
-¿Es utilizable? La página de la sexta es utilizable aunque produce una sensación de caos, sobretodo se puede experimentar esta sensación en la página de inicio en la que se pueden encontrar enormes cantidades de información sin orden alguno. Así en la página de inicio nos podemos encontrar noticias, la programación de la cadena, información sobre programas sueltos, información sobre los bloggers, la descarga de widgets, información sobre series, encuestas, etc. Es decir, en la página de inicio han metido el contenido de todas las páginas de sección.
-¿Es útil? En cierto sentido tiene su utilidad puesto que aporta información sobre la programación de la cadena y además permite verla a través de la televisión. También parece útil el que se haya construido una comunidad de usuarios para que puedan expresarse. Además se ofrecen noticias y cada una de esas noticias se puede ver en video.
-¿Es deseable? La página posee un fondo blanco por lo que facilita la lectura y además posee muchos elementos de color verde que es intenso y alegre. En general está muy bien elegido el color pero la sensación del caos al poner demasiada información le quita bastante del factor atractivo. En cuanto a la temática de la página, esta puede ser deseable sobre todo para los seguidores de La Sexta.
-¿Es valioso? La página aporta información acerca del medio y del mundo y además permite el entretenimiento del visitante por lo que se puede decir que tiene valor.
-¿Es encontrable? La página se encuentra fácilmente poniendo en cualquier buscador el nombre del medio.
-¿Es creíble? Al tratarse de un medio nacional resulta ser creible.
-¿Es accesible? La página posee muchas imágenes por lo que puede ser un problema para una persona que tenga una lenta conexión con Internet.
Ø Cadena 100:
-¿Es utilizable? Esta web es muy sencilla y el usuario puede navegar fácilmente.
-¿Es útil? La información que contiene es básica y se limita principalmente a lo que tiene que ver con la cadena y el tema de la cultura. Por ejemplo la programación de la cadena, información acerca de los locutores, noticias musicales, etc. Todo esto hace que el usuario tenga un fácil y directo acceso a la información que busca sin tener que traspasar por una serie de informaciones que no tienen nada que ver con la temática del sitio que es un poco lo que pasa en la página de La Sexta.
-¿Es deseable? El diseño de la página no está muy elaborado se podría llegar a decir que es extremadamente sencillo. La entonación de la página se basa en el contraste entre el blanco y el rojo dándole unidad a la página. En general hace falta un poco más “creatividad” para hacer una página más deseable y divertida.
-¿Es valioso? Esta web tiene valor sobre todo para la gente que escucha la emisora debido a que la mayor parte de la información está dedicada a ella.
-¿Es encontrable? La página se puede encontrar fácilmente en cualquier buscador.
-¿Es creíble? Es una página que es creíble sobre todo porque no aporta ningún tipo de información que pudiera considerarse polémico puesto que todo trata sobre la emisora y la música.
-¿Es accesible? La página al contener pocas imágenes y ser relativamente pequeña no parece crear ningún problema de accesibilidad.
Ø El Mundo:
-¿Es utilizable? Esta web a pesar de poseer una enorme cantidad de información tiene bien delimitadas las secciones y no produce ninguna sensación de caos como en el caso de la web de La Sexta. Así por ejemplo en la página de inicio primero podemos encontrar en una tabla las noticias más relevantes del mundo y de España. Seguidas de noticias deportivas también encuadradas, luego están las de opinión, los suplementos, la tienda y finalmente los widgets. Todo está bien ordenado y en tablas. Los que facilita muchísimo la orientación del usuario.
-¿Es útil? Esta web resulta muy útil debido a que contiene muchas noticias que están bien ordenadas y así permite que la gente pueda mantenerse informada sin necesidad de comprar el periódico.
-¿Es deseable? Tiene una interfaz gráfica sencilla. Posee un fondo blanco y elementos azules que mantienen la unidad de la página. Se trata de una página que posee alto contenido de información por lo que puede resultar muy deseable para los que necesiten o deseen mantenerse informados.
-¿Es valioso? La página posee un alto valor informativo y cultural.
-¿Es encontrable? Es una página fácil de encontrar.
-¿Es creíble? Al tratarse de una de las revista más leídas de España se puede decir que es un medio creíble.
-¿Es accesible? Posee bastantes imágenes sin embargo la mayoría son imágenes pequeñas por lo que no tardan en cargarse.
Tras realizar este análisis se puede llegar a la conclusión de que la página de El Mundo es mucho más profesional y crea mejor impresión que la web de La Sexta y Cadena 100. El sitio de La Sexta crea una sensación de caos por la enorme cantidad de información sin ordena mientras que Cadena 100 parece ser un sitio demasiado pobre en cuanto se refiere a la información y a la interfaz gráfica
Análisis de usabilidad:
Para analizar la usabilidad utilizaremos la barra Web Developer Tollbar que es para Firefox, Flock o Mozilla. Esta barra ofrece más opciones que la de Internet Explorer (Internet Explorer Developer Tollbar). Las opciones que utilizaremos para analizar la usabilidad serán: disable, cookies, CSS, Forms, Images, Miscelanous y Resize.
-Disable: La herramienta de disable nos permite deshabilitar diferentes opciones como por ejemplo el cache, el lenguaje Java, los tamaños mínimos de las fuentes, los colores o los popups. Gracias a estas opciones podemos ver como se vería la página en diferentes navegadores que pueden tener deshabilitada alguna de las opciones anteriormente mencionadas.
Al activar la opción de disable cache podemos ver que los tres portales (Las Sexta, Cadena 100 y El Mundo) más o menos se comportan igual sin que se perciba mucha diferencia con respecto a cuando la opción no estaba deshabilitada.
Sin embargo al deshabilitar la opción All Java Script en la web de Cadena 100 desparecen imágenes mientras que en la de El Mundo no se pueden ver los videos. En la página de La Sexta todo funciona perfectamente salvo algún vídeo con publicidad.
En cuanto a las opciones de deshabilitar el tamaño mínimo de las fuentes todo funciona más o menos correctamente en los tres portales, es decir, las fuentes no cambian de tamaño.
En cuanto a la opción de deshabilitar colores podemos observar que en la web de La Sexta desparece toda la barra de navegación.
-Cookies: Esta herramienta nos permite ver la información sobre los cookies de cada portal, además permite deshabilitarlos, borrarlos, etc. Los cookies lo que hacen es guardar información acerca de la navegación del visitante y esta información puede ser recuperada posteriormente por el servidor.
Los tres portales poseen cookies y la mayoría de ellos expira al acabar la sesión, en el año 2009 o lo que es más preocupante en el 2011 por lo que nuestra huella digital se puede quedar durante dos años en estos portales.
-CSS: Esta herramienta permite deshabilitar los estilos de un sitio, ver el código CSS, añadir una hoja de estilos propia, etc.
Así si deshabilitamos los estilos en el portal de La Sexta y de El Mundo podemos ver como todo se descoloca. La estructura, el tamaño de las letras, los colores todo desaparece. Sin embargo en el caso del portal de Cadena 100 podemos observar que al deshabilitar los estilos la página se mantiene intacta.
-Forms: Con esta herramienta podremos comprobar el funcionamiento de los formularios de los sitios. Ver las contraseñas, la información de los formularios, etc.
En los tres sitios al querer ver los detalles de los formularios nos aparecen códigos en sitios concretos como por ejemplo en los buscadores.
-Images: Esta opción nos permite tratar las imágenes de las web así podemos deshabilitar todas las imágenes, ver si existen descripciones de las imágenes, conocer sus dimensiones, el tamaño y las rutas. Se pueden señalar la imágenes según lo que busquemos o deshabilitar las imágenes de fondo, etc.
Cabe destacar que en ninguna de las webs hay textos descriptivos de las imágenes.
-Miscelanous: Para analizar la usabilidad vamos a utilizar sólo dos opciones de esta herramienta, la opción de Linenarize page y la de Small Screen Rendering. La primera opción nos permite poner en modo lineal los bloques de la página.
-Resize: esta herramienta nos permite cambiar el tamaño de la ventana del navegador para comprobar cómo se vería la página en pantallas de diferentes resoluciones.
En los tres casos podemos ver como el cambiar de tamaño de la ventana no influye en el visionado de la página salvo que uno debe de desplazarse por lo alto y ancho de la página a través de los scroll.
Tras realizar el análisis de la usabilidad de los tres sitios podemos señalar que todos más o menos se parecen y que solamente a veces muestran deficiencias como por ejemplo es el caso de la imposibilidad de ver los videos del sitio de El Mundo al deshabilitar los lenguajes de Java Script o las faltas de descripciones de las imágenes.
Análisis de accesibilidad:
Los tres portales muestran una serie de fallos de accesibilidad de acuerdo con las pautas de accesibilidad WAI. Ninguno de los tres sitios posee textos que describan las imágenes por lo que esto limita la accesibilidad al sitio de personas ciegas. Los tres sitios más o menos poseen la misma cantidad de errores.
Análisis de composición y de validación de estándares:
Aquí analizaremos los formatos estándar que debe aplicar el operador. Para ello utilizaremos diferentes herramientas de la barra Web Developer Tollbar.
-Composición de la página: Cabe destacar que la web de El Mundo es la que más niveles posee respecto a las otras dos webs. Así la web de El mundo posee tres niveles, la de La Sexta dos y la de la cadena 100 sólo posee un nivel.
-Tools Validate CSS: Con esta herramienta validaremos las hojas de estilo en cascada para ver los errores existentes. Así podemos observar como La Sexta posee el mayor número de errores seguida de El Mundo. En el caso de Cadena 100 sólo existe un error de validación de hojas de estilo.
-Tools Validate HTML: Con esta herramienta veremos los errores de código HTML que hay en los tres sitios. Así podemos ver como La sexta tiene la mayor cantidad de errores, seguida de El Mundo y finalmente la Cadena 100 es, otra vez, la web que menos errores de código tiene.
-Tools Validate Feed: Al realizar este análisis resulta que sólo es válida la página de El Mundo.
Tras realizar el análisis completo podemos concluir que ninguno de los tres sitios cumple del todo con los estándares impuestos para lograr un buen funcionamiento de las páginas web.