Análisis Experiencia de Usuario

FORMULA TV es una web sobre televisión en la que aparecen todas las noticias y novedades del mundo televisivo. Se trata de un medio de comunicación online que informa de toda la actualidad sobre la pequeña pantalla.

URL:  http://www.formulatv.com/

Utilizando la barra de herramientas Web Developer Toolbar analizaremos este sitio con los diferentes botones con los que cuenta dicha barra. Analizaremos  la experiencia de usuario, la usabilidad, la accesibilidad y la composición y validación de estándares.

Análisis global de Experiencia de Usuario

Esta página web es utilizable ya que permite conocer toda la información que presenta, pudiendo acceder a todas secciones. Es útil porque muestra mucha información interesante para su público objetivo y les permite conocer todas las novedades sobre el mundo de la televisión. Se puede decir que es deseable porque presenta la información de manera que incita al usuario a seguir mirando en la página, ya que en la portada se presenta la información más interesante. Es bastante accesible porque presenta un esquema sencillo para el usuario, donde no hace falta buscar demasiado para encontrar lo que se busca. Por ello también es bastante encontrable.

La página es utilizable, util, deseable, accesible y encontrable, por lo que podemos afirmar que tiene una buena experiencia de usuario.

Análisis de Usabilidad:

Esta página tiene una gran usabilidad ya que al desactivar las diferentes opciones con las que cuenta la barra de herramientas de desactivar, como  Javascript o colores, la página permanece intacta y todas las funciones siguen estando operativas. Al desactivar los colores la letra y la estructura permanece igual, eliminando solo el color de fondo de la pantalla. Esto permite encontrar la información de manera sencilla a cualquier usuario que tenga desactivado los colores, ya que no varía la estructura de la información en ningún momento.

En cuanto a las cookies visiblemente no se aprecia ningún cambio cuando borras las cookies de la sesión, del dominio o de la ruta, pero cuando accedes a ver información sobre las cookies aparece toda la informacion, todas las cookies que utiliza el sitio. Si anteriormente se han borrado todas las cookies se comprueba que al ver la información no aparece nada.

Con la herramienta de las CSS podemos comprobar como al desactivar algunos estilos, la información no varía. Al desactivar tanto los estilos por defecto del navegador como los estilos incrustados, la página permanece intacta, por lo que sigue siendo totalmente usable. Al desactivar los estilos en linea no se pierde nada de información y todos los elementos siguen funcionando con noramlidad, lo único que varía minimamente es el ajuste del texto en los cuadros de texto, que dejan espacios en blanco en lugar de ajustarse a la página. Si se desactivan los estilos de impresión no se produce ningún tipo de cambio. Sin embargo cuando se desactivan las hojas de estilo enlazados cambia completamente la presentación de la página, lo que hace que se resienta su usabilidad. Aparece todo en forma de lista y con distinto orden, lo que hace que cueste buscar la información de forma rápida. Cuando se selecciona mostrar CSS por tipo de medio, tanto dispositivos portatiles como imprimir, ocurre lo mismo, cambia toda la configuración del sitio aunque no se resiente la funcionalidad de los elementos. Se puede comprobar sin problemas el código CSS y editarlo al seleccionar estas funciones en la barra. Al seleccionar la opción de ver información de los estilos, se puede comprobar al pasar el ratón por encima de cada cosa, el código al que pertenece, lo que te permite conocer la información de todos los componentes de la página.

En los formularios podemos apreciar los detalles del formulario si seleccionamos dicha opción. El sitio no contiene contraseñas. La página no nos permite convertir métodos de los formularios, ni convertir elementos que selecciones en cuadros de texto, ni activar campos de los formularios. Tampoco permite escribir en campos ni eliminar restricción de caracteres.

El botón de imágenes nos permite desactivarlas, conocer las propiedades Alt, las dimensiones, el tamaño y las rutas de las imágenes. Esto nos demuestra que el sitio cuenta con todo tipo de información sobre las imágenes que utiliza. La página nos permite resaltar las imágenes que queramos, ocultar las imágenes y remplazar imágenes con propiedad Alt, pero no nos permite ver las imágenes a tamaño completo, ya que al seleccionar dicha opción no cambia nada.

La página permite limpiar información privada, y siempre te pregunta para confirmar antes de limpiarlo. Se pueden visualizar las líneas de guía si seleccionas esta opción. Se pueden leer los comentarios escritos, aunque no aparece ninguno, te permite conocerlos. El sitio permite editar en HTML, apareciendo en la parte izquierda de la pantalla el cuadro con toda la información HTML. Al hacer la página lineal se resiente la usabilidad en los elementos del menú principal, ya que no se visualizan a no ser que pases el ratón por encima. Lo mismo ocurre cuando la página se muestra en vista reducida. A pesar de ello se puede acceder a dichas secciones al pulsar sobre ellas. Todo lo demás permanece visible y accesible, aunque  la presentación cambie.

La herramienta de tamaño nos permite conocer el ancho y alto de la ventana y de la vista, pudiendo poner en el titulo de la ventana su tamaño. También se permite redimensionar la ventana y seleccionar la altura y el ancho al gusto. Al aumentar el tamaño de la ventana la información se descoloca y se superpone a las imágenes, lo que dificulta la lectura, por eso la usabilidad se resiente en este aspecto.

El sitio en general es bastante usable, se puede decir que tiene un alto nivel de usabilidad porque se puede acceder a la información y no se pierde en ningún momento al cambiar las opciones de las herramientas.

Análisis de Accesibilidad:

Con la herramienta de información tenemos la opción de conocer las abreviaturas, pero la página no presenta ningún cambio al seleccionar esta opción, por lo que no tiene desarrollada esta aplicación. Tampoco se muestran las teclas de acceso. Pero si muestra los enlaces, las dimensiones de los bloques, la información de los elementos, los detalles de los enlaces. Al resaltar el documento se han perdido los elementos fotográficos, y se ha descolocado el orden de la información, poniendo al final el menú principal en lugar de al principio.

Al validar el sitio según las normas de la WAI comprobamos que no tiene accesibilidad, ya que no cumple con la prioridad uno de la accesibilidad web: WAI. Atendiendo a las normas de la WAI comprobamos que la página no cumple muchas de las caracteristicas necesarias, tanto de la prioridad 1, como de la 2 y la 3.

El sitio no tiene nada de accesibilidad ya que no cumple con las normas minimas de accesibilidad web.

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

Con la herramienta resaltar, podemos comprobar  los marcos, cabeceras y tablas que aparecen en la página. Los marcos se reservan unicamente a los anuncios publicitarios. Al activar la opción de resaltar elementos de bloque vemos como se ha compuesto el sitio mediante bloques y la estructura que ha seguido para presentar la información.

Al validar CSS nos aparece un listado de errores que contiene la página y después aparece la información de CSS válida. Vemos que el sitio tiene unos errores que debe solucionar para ser totalmente valido.

En la validación de HTML también aparece una lista de errores, esta vez bastante más grande que con las CSS, lo que demuestra que no se puede validar a HTML porque contiene numerosos errores.

Se comprueba que este sitio no es valido en CSS y HTML, ya que cuenta con muchos errores que no se permiten en este tipo de estilos.