Archive for 31 marzo 2009

h1

Diseño centrado en la experiencia de usuario

marzo 31, 2009

En este apartado vamos  a analizar los siguietes medios de comunicación que describo en un breve resumen:

Las páginas donde podemos ver todo losdeito a continuación son las siguientes:

  • Marca: Periodico deportivo on-line. http//:www.marca.es
  • La Cope: Radio. http//:www.cope.es
  • Telemadrid: Web televisión http//:www.telemadrid.es

Resumen

Tras realizar el estudio a los siguientes medios, hemos llegado a la conclusión de que no todos los medios se adaptan a las exigencias de la sociedad actual. Todas las páginas tienen problemas de accesibilidad. Una persona con algún tipo de discapacidad tiene complicado poder acceder a la información sin ninguna limitación. Como punto positivo podemos decir que todas las páginas tienen mucha información y ofrecen una gran cantidad de servicios muy utiles para los usuarios.

Conclusiones

Simplemente, y a modo de resumen creo que ha sido una practica muy valiosa , ya que muchos entenderán como son estos tres medios de comunicación, con resultados que en ocasiones son sorprendentes. Es por eso que invito a todo el mundo a echar un vistazo a este podcast.

Análisis global de Experiencia del Usuario

  • Marca

 – Utilizable: Es una página web dedicada al mundo del deporte por lo que se puede encontar información sobre cualquier especialidad deportiva, fundamentalmente de fútbol, de ahí que sea una página muy utilizable. Posee vídeos, audios y permite la participación del internauta.

 – Útil: Por suspuesto que es una página útil ya que se encuentra en constante actualización, ofreciendo resultados deportivos, últimas horas…

Deseable: Posee un diseño vistoso y atractivo que facilita la navegación del usuario. utiliza colores más potentes dependiendo de la importancia de la noticia. la tipografía desde mi punto de vista es la correcta. Sin embargo creo que posee demasiado contenido publicitario aunque todos sabemos que en tiempos de crisis, los medios de comunicación tienen que buscar numerosos sustentos, pero creo que aún así es demasiado, como por ejemplo cada vez que vas abrir cualquier sección específica te aparece un anuncio

  – Valioso: Dependerá de los gustos de cada usuario, ya que para una persona adicta al deporte, será una página totalmente valiosa, sin embargo para una persona que no le guste el deporte no será una página valiosa.

– Encontrable: No existe ningún problema para acceder a la información ya que se encuentra divida en secciones. Destacar la hemeroteca que posee la página web.

 – Creíble: Es una página totalmente creíble ya que es la página web más visitada, además en cada noticia siempre suelen aparecer datos sobre la fuente, ya sea el nombre, la agencia…

Accesible: Es un web accesible aunque carece de medios vinculados a personas que padezcan alguna deficiencia. Combina muy bien los diferentes colores, la tipografía es legible…

  •  La Cope

   – Utilizable: Es una página web de caracter generalista donde se nos ofrece información nacional e internacional, posee diversos formatos para observar la información, ya sea videos ,audios , etc… de muy fácil acceso. Existe la posibilidad de que el internatuta pueda participar mediante blogs y encuestas. En cuanto a la publicidad me gustaría comentar que tras observar varias webs, no es de las que más publicidad contenga.

Útil: Es una web bastante útil para aquellos internautas que quieran estar informados constantemente, además posee de servicios interesantes como son el tiempo, el estado de las carreteras. Otro dato importante relacionado con la uitilidad es que existen podcast de programas de radio que se están emitiendo en ese mismo instante.

Deseable: Es deseable debido al caracter tan personal y moderno que tiene la página. La tipografía es normal, por lo que no presenta ningún tipo de problema, el orden desde mi punto de vista es el acertado.

Valioso: Desde mi punto de vista, lo que verdaderamente hace valiosa a esta página web es la posibilidad que tienen los internautas de escuchar los porgramas que se emiten en ese mismo momento, así como la oportunidad de descargarte los progrmas que ya se emitieron durante el día.

Encontrable: No se encuentra ningún problema a la hora de acceder a la información ya que se encuentra dividida en secciones. Como dato favorable, podemos decir que esta web cuenta con un buscador propio.

Creíble: Dependiendo de la ideología de cada internauta puede parecer creíble o no, pero no en todas las noticias aparece el autor y las fuentes, sin embargo la fecha de publicación si.

Accesible: La web es accesible para toda persona que no sufra algún tipo de discapacidad, el lenguaje es claro y sencillo. En cuanto al tamaño de la fuente tengo que decir que es el apropiado, sin embargo hay ciertos elementos de la web como la barra de contenidos que para aquellas personas que no están acostumbradas a navegar por la red podría resultar complicado de manejar.

  •  Telemadrid

– Utilizable: Al ser un canal no nacional ofrece información sobre todo de caracter local. Sus contenidos están bien organizados aunque a lo mejor cambiaría algo en cuanto a su organización. No posee mucha publicidad y la participación de l usuario es casi nula.

Útil: Pese a ser una web de caracter local como ya cité anteriormente, puede ser visitada por cualquier persona que tenga deseo de informarse. Nos permiten acceder a contenidos visuales y radiofónicos. A pesar de la poca publicidad que tiene, se distingue perfectamente del contenido informativo.

Deseable: De los tres medios analizados, creo sinceramente que es el que presenta el peor diseño, el tamaño de la tipografía es demasiado pequeño, prsenta elementos que pueden dificultar la navegación…

Valioso: Si eres residente en la Comunidad de Madrid creo que te podría servir pero en un término medio, sin embargo para aquellas personas que no residen en Madrid, a pesar de que dispone de información nacional e internacional no le serviría de mucho, ya que desde mi punto de vista existen numerosas páginas de información general mejores que esta.

Encontrable: No plantea ningún tipo de problema debido a su fácil nacegación. Posee un navegador propio con base en Google o en Telemadrid.

Creíble: Este sería uno de los apartados en los que más perjudiciada saldría esta web ya que en ningún momento aparece ni el autor ni las fuentes de las noticias, por lo tanto bajo mi punto de vista sería una web poco creíble.

Accesible: Es un portal poco accesible para personas que presenten algún tipo de accesibilidad, ya que por ejemplo los audios no aparecen subtitulados.

 

Comparación y valoración

Los tres portales presentan contenidos, utilidades, credibilidad y accesibilidad, pero sin lugar a duda creo que la más potente en todos los sentidos sería marca.com, la menos interesante sería telemadrid.es y en un término intermediario se encontraría cope. es.

Análisis de usabilidad:

Analizaremos los tres medios de esta manera:

Marca:

  • Enlaces: Los enlaces no cambian de estado después de ser visitados, lo que puede suponer una deventaja.

  • Botón atrás: Permanece activo durante toda la visita a la web.

  • Nuevas ventanas: La navegación es siempre en la misma ventana, excepto en la radio en directo, la televisión y servicios adicionales.

  • Ventanas emergentes: No se encontró ninguna durante la navegación.

  • Elementos de diseño: No hay elementos de diseño que puedan confundirse con elementos publicitarios.

  • Convenciones globales: Es una página atrevida debido al empleo de diferentes colores y rótulos.

  • Contenido: Es muy variado debido a la cantidad de deportes diferentes entre si que se tratan en esta web.

  • Textos: Típicos de la prensa deportiva, cortos, claros y concisos.

A continuación analizaremos la web de Marca desde Internet Explorer Developer Toolbar, mediante esta barra se nos permitirá realizar un estudio de las “Disable>All CSS”, “Cookies”, “Images” y “Resize”.

                                                                 imagen11

                                      

Si deshabilitamos las CSS la página sufre un cambio que la perjudica bastante, en cuanto a los cookies, marca.com solo dispone uno. Mediante la opción resize tenemos la posibilidad de cambiar el tamaño de nuestra ventana. En el caso de deshabilitar las imágenes nos encontraríamos con la problemática de que la página quedaría exclusivamente con letras. Si quisiéramos saber el tamaño de una imagen o la dimensión tendríamos que uitilizar la opción de “imagen”.

Cope:

 

 

  • Enlaces: Al igual que en caso de Marca, no cambian de color tras ser visitados por lo que puede suponer una desventaja.
  • Botón atrás: Permanece activo durante toda la navegación.
  • Nuevas ventanas de navegación: Siempre es la misma navegación, exceptuando la radio en directo, mis audios y en la publicidad.
  • Ventanas emergentes: Existen ventanas emergentes de publicidad.
  • Elementos de diseño: No hay ningún elemento de diseño que pueda confundirse con la publicidad.
  • Convenciones globales: Pienso que gracias a su diseño, produce sensación de comodidad.
  • Contenido: Al ser una web de información general, posee una gran variedad de contenido.
  • Textos: Son los más idóneos para una página web.

A continuación como en el caso anterior, estudiaremos la página web de la Cope desde Internet Explorer Developer Toolbar. Prácticamente surgirían los mismos efectos que en la web de Marca, entre otros que tras deshabilitar las CSS la página saldía perjudicada, al deshabilitar las imágenes, la web quedaría huérfana de éstas y por lo tanto solo con letras…

Telemadrid:

 

 

  • Enlaces: Al igual que en los anteriores portales informativos, los enlaces no cambian de color tras ser visitados lo que podría suponer una desventaja.
  • Botón atrás: Permanece activo durante la navegación por la web.
  • Nuevas ventanas de navegación: la navegación es siempre en la misma ventana, excepto la televisión en directo y en algún que otro servicio que ofrecen.
  • Ventanas emergentes: No se encontró ninguna ventana emergente.
  • Elementos de diseño: Ningún elemento de diseño que se pudiera confundir con la publicidad.
  • Convenciones globales: Como ya cité anteriormente, es la peor página de las tres y la menos atrevida.
  • Contenido: Diía que insuficiente para ser una web de un medio de comunicación.
  • Textos: Con poco contenido.

Para terminar este apartado estudiaremos Telemadrid desde Internet Explorer Developer Toolbar:

  imagen1

 Sería el ejemplo de las páginas deshabilitando las CSS.

 

 

Comparación y valoración

Comparando las tres páginas webs, pienso que todas comparten las mismas características. Aunque destacaría por un lado que tras desactivar los CSS en la página de Telemadrid, la apariencia sigue siendo casi la misma, y por otro lado el que en ninguna de las páginas los enlaces cambian de color durante la navegación.

Análisis de Accesibilidad

En este apartado estudiaremos la accesibilidad marca.com, cope.es y telemadrid .es, esta tarea la llevaremos a cabo mediante la página web; http:www.tawdis.net.

Su uso es muy sencillo, únicamente tendremos que saber que existen distintos tipo de prioridades; existe la prioridad 1, la prioridad 2 y la prioridad 3, cuanto más fallos tengo una web en cada una de las prioridades, menos accesible será. Los errores de prioridad 1, estarían relacionados con la ausencia de textos alternativos, los errores de prioridad 2 serían códigos HTML desaconsejados o elementos que utilizan medidas absolutas en vez de relativas, y por último los errores de prioridad 3 , que son ausencias de especificación del idioma, falta de formularios en las tablas o la ausencia de caracteres por defecto.

En relación con los tres niveles de análisis, las páginas se pueden etiquetar como A, AA o AAA, el nivel A, sería el menos exigente y el AAA, el más exigente.

Marca

Problemas de acceibilidad de tipo uno: Existen 2 problemas de tipo automático y 257 problemas de tipo normal.

Problemas de accesibilidad de tipo dos: Existen 103 problemas de tipo automático y 495 de tipo normal.

Problemas de accesibilidad de tipo tres: Existen 6 problemas de tipo automático y 30 problemas de tipo normal.    

                

imagen6

 

Cope

 Problemas de accesibilidad de tipo 1: Existen 2 problemas de tipo automático y 203 problemas de tipo manual.

Problemas de accesibilidad de tipo 2: Existen 33 problemas de tipo automático y 200 problemas de tipo manual.

Problemas de accesibilidad de tipo 3: Existen 3 problemas de tipo automático y 59 problemas de tipo manual.

 

 

 

imagen5

 Telemadrid

Problemas de accesibilidad de tipo 1: Existen 139 problemas de tipo automático y 249 problemas de tipo manual.

Problemas de accesibilidad de tipo 2: Existen 606 problemas de tipo automático y 343 problemas de tipo manual.

Problemas de accesibilidad de tipo 3: Existen 44 problemas de tipo automático y 97 problemas de tipo manual.

 

 imagen41

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

 Marca

  • Outline: Estructurado mediante tablas y marcos.
  • CSS: Posee 102 errores.
  • Validate HTML: Encontramos 96 errores, de los cuales 35 son de alto riesgo.
  • Validate Feed: Ofrece una larga lista de errores.

 

Cope

  • No utiliza ni marcos ni tablas.
  • CSS: Posee 28 errores.
  • Validate HTML: No podemos medirlo porque no da la opción.
  • Validate Feed: Ofrece una larga lista de errores.

 

Telemadrid

  • No contiene ni Frames ni Headings.
  • CSS: Posee 8 errores.
  • Validate HTML: Posee 151 errores, de los cuales 2 son alertas.

Conclusión y valoración

Como hemos podido comprobar todos tienen gran cantidad de errores.

 

Anuncios