jump to navigation

Diseño centrado en la experiencia de usuario abril 29, 2009

Posted by estelamg in Uncategorized.
Tags: , ,
trackback

Medios analizados

Telecinco; web de televisión. http://www.telecinco.es/

Los 40 principales;  web de radio. http://www.los40.com/

El País; prensa digital. http://www.elpais.com/

Las páginas analizadas a continuación muestran una estructura similar. Usan las mismas opciones a la hora de crear su sitio web. Todas las páginas son de fácil acceso para todo puesto que no hace falta ningún tipo de contraseña para acceder a ellas. Además todas ellas son utilizables coda una en su campo.
La página que mejor se adapta a todas las dificultades que puedan tener sus usuarios es la de Telecinco. Se ocupa de los usuarios que puedan tener problemas de oído y los textos que se añaden a las imágenes se corresponden con la fotografía. También se ocupa de los usuarios que tengas dificultades en la visión como daltonismo, se pueden cambiar los colores de sitio. O que tengas poca visión te ofrece la opción de agrandar el texto.


Ø Telecinco telecinco3

Análisis global de la experiencia del usuario

El sitio web de Telecinco es útil, en él se encuentran todas las novedades de la cadena, la parrilla de programación, se pueden ver los capítulos de las series íntegros, así como la opción de entrar en blogs, foros, encuestas… Además es utilizable porque si no puedes ver las series o los informativos en la web los puedes ver íntegros. También es accesible ya que posee un URL fácil, es el nombre de la cadena. Es creíble ya que Telecinco es una marca reconocida por todos y que goza de cierta credibilidad.

Análisis de usabilidad

Mediante la opción de Diseable no encuentro que la página cambien en algún aspecto, salvo por la opción de Diseable page colours que la página cambia los colores, cambia el color rojo por el azul. En este sitio web se pueden eliminar 47 cookies. Además nos ofrece la opción de ver toda la información de las cookies así como poder añadir nuevas cookies.
A través de la opción de CSS se puede poner toda la información a un lado de la página alineada hacia abajo todo con el mismo estilo. Con el botón Forms podemos ver si la página posee alguna contraseña, es este caso no se necesita ninguna para acceder a ninguna parte del sitio. Además con este botón nos da la opción de poner los textos más grandes para aquellas personas que sufran algún problema óptico, puedan verlo. También se pueden limpiar los botones de radio, este sitio web hay 2 con lo cual los usuarios que tengas activado esto no podrán acceder a la radio.

Mediante la opción de imágenes podemos quitar todas la imágenes de la página excepto las animaciones, al activar la opción para quitar las animaciones, estas permaneces. Con esto siempre podremos ver las animaciones. También podemos ver los textos adjuntos a las imágenes, concretamente si se corresponde con lo que vemos, con lo cual las personas que posean problemas de oído no tendrán ninguna dificultad para navegar por la página.
Con el botón miscellaneus lineaze page nos pone toda la página alineada en la parte derecha de la pantalla y con small screem rendin podemos ver como se vería la página en un dispositivo pequeño como una PDA.

Análisis de accesibilidad

Con la opción de información no noto ningún cambio en la página excepto con la opción de documento outline que me muestra toda la información según el estilo que tenga, es decir, título (h1), subsuelo (h2), y así sucesivamente…
Al accionar la pestaña images all atributes. Me muestra la información de las imágenes.
Al validar con la opción tools valídate WAI me muestra los fallos que posee el sitio web, en este caso son pocos, también me muestra las formas como las tablas…

Análisis de composición y validación de estándares

La página está compuesta por pequeñas tablas que nos muestran la información, cada noticia está en una tabla. Todas las tablas son iguales salvo la primera que es el doble que las demás. Esta nos ofrece la noticia más importante y está la primera, la parte superior de la página.

Resultados de la validación de CSS: 149 errores
Resultados de la validación de HTML: 22 errores
Resultados de la validación de FEEDS: 3 errores no validables


Ø Los 40 principales

Análisis global de la experiencia del usuario  los-40

El sitio es útil, en el se pueden encontrar las listas de las canciones, puedes descargártelas o escucharlas on-line, también puedes escuchar la radio así como acceder a las últimas novedades y noticias.
Es encontrable, en los buscadores sale en la primera opción .Además es accesible, puesto que no necesitas ninguna contraseña o clave para poder entrar.
Es valioso, ya que en la página se pueden encontrar numerosa información del tipo de música de los 40 principales y noticias de los cantantes, conciertos, giras…

Análisis de usabilidad

La página cambia de color al activar la opción “diseable page color”. Además te da la opción de que puedas eliminar las cookies externas, en este caso son 77. Nos muestra toda la información de las cookies y nos da la opción de añadir nuevas.
Mediante la opción Display form details, nos muestra información sobre el buscador que está situado en la parte superior derecha de la página. En la opción form también nos muestra la cantidad de contraseñas que se necesitan para navegar por todos los lugares de la página. Concretamente en esta página no hace falta ninguna, por lo que todos las personas puedes acceder a todo.
Al accionar el botón “clear botón radio” no nos quita ningún botón, esta opción es muy importante puesto que hablamos de una página de música, mediante la cual se puede escuchar la radio on-line.
Mediante la opción CSS la página nos muestra la información de manera vertical, es decir un elemento debajo otro. También puedes editar las CSS y añadir nuevos estilos.
A través de la opción de imágenes podemos quitar todas las imágenes que contiene la página, excepto las animadas.
Con la opción de Miscellanous podemos alienar toda la información que contiene a un lado, y nos muestra la información como se vería desde un dispositivo pequeño, como puede ser un teléfono móvil.
Por último, la opción Resize nos da la posibilidad de cambiar las dimensiones de la página.

Análisis de accesibilidad

Nos muestra la información sobre los documentos de la página.
Mediante la opción images all atributes, nos muestra en texto lo que es la imagen. En este caso sí que se corresponde el texto con la imagen.
A través de la opción de valuar, nos muestra los fallos que tiene la página. Concretamente en esta no hay demasiados. Además nos muestra numerosa información sobre los detalles de la página.

Análisis de composición y validación de estándares

La página está compuesta mediante posicionamiento con CSS.
Los resultados del Validador Css son: 41 errores

Los resultados del Validador de HTML con: 107 errores

Ø El País

Análisis global de la experiencia del usuario

el-pais El sitio web de El País es utilizable, puesto que  en él se encuentran las noticias más importantes del día. Para mí no resulta útil, personalmente no me gusta la estructura de las noticias y no encuentro rápido lo que estoy buscando.
La página es valiosa sólo en ese mismo día, ya que al día siguiente todas las noticias son nuevas. Te proporciona la información diariamente.
El sitio
es encontrable porque posee una URL bastabte sencilla, es el nombre del periódico.


Análisis de usabilidad

En esta página apenas se nota diferencia si tienes o no activadas las opciones de Diseable. El único cambio que he notado es que al tener activada la opción de diseable page colours , que los colores de la página cambian, se hacen más llamativos.
Con la opción clear session cookies se pueden eliminar 7 cookies. El sitio posee 55 cookies y te da la opciñon de agregar más.
Mediante las CSS podemos creas una hoja a tu propio gusto y modificarla.
Si tienes activada All styles, la página cambia te muestra las noticias en otro orden.

A través del botón form te permite eliminar los botones de radio, formularios. En este caso en concreto no es muy útil, porque la página no posee nada de eso.
Además también puedes eliminar todas las imágenes o las imágenes animadas, aunque en este caso la página no posee animaciones.

Con miscellanous podemos ver la estructura de la organización de la página.

Análisis de accesibilidad

Mediante la opción View document outline nos permite ver los titulares de las noticias y los comentarios que poseen.
Después de ver la validación, he observado que la página posee muchos fallos, con lo cual, la página no resulta utilizable y accesible para toda clase de público.

Análisis de composición y validación de estándares

Al activar las opciones de tablas y de outline frames la página no muestra ningún cambio.Con la opción Outline block level element nos enseña con diversos colores los diferentes elementos de la página, noticias, fotos, cabeceras de las noticias, autores… además este botón te ofrece la posibilidad de elegir los colores con lo que quieres que te identifique los diversos elementos.

Resultados de la validación de CSS: 16 errores
Resultados de la validación de HTML: 610 errores
Resultados de la validación de FEEDS: 3 errores no validables

Comentarios»

No comments yet — be the first.

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

A %d blogueros les gusta esto: