Viernes, 26 Octubre 2012 19:06

Esmadrid.com, turismo obsoleto

Escrito por 
Valora este artículo
(0 votos)
Esmadrid.com, una web obsoleta Esmadrid.com, una web obsoleta

Esmadrid.com es un portal de información turística, cultural, de ocio y de negocio de la ciudad de Madrid con una edad que comienza a acusar obsolescencia al lado de otros portales turísticos de capitales europeas como Londres, París o Berlín.

Esmadrid.com es un portal de información turística, cultural, de ocio y de negocio de la ciudad de Madrid, promovido por su ayuntamiento y que persigue fomentar y promocionar el turismo tanto nacional como internacionalmente mostrando una imagen atractiva de la ciudad.

Dado que se dirige a un amplísimo público que puede tener distintos intereses según el motivo de su viaje o su perfil, existe un índice temático variado y una sección exclusiva de negocios. El sitio está acondicionado para todos los públicos así que cuenta con una sencilla interfaz para que la interacción sea lo más fácil posible. Este objetivo se consigue a través de diferentes elementos que podemos observar en el sitio web.

La principal acción es ofrecer servicios de gestión de las actividades del viajero en Madrid, como por ejemplo visitas guiadas oficiales o la tarjeta de descuento MadridCard, cuyo fin es fomentar el consumo y fidelizar a los clientes. Esto lo podemos comprobar en otras páginas web de turismo de grandes capitales europeas como Londres, Berlín o París.

 

Los contenidos

Abuso del uso de FlashAunque está obsoleto, Esmadrid.com abusa de contenidos en formato Flash

El gran valor que tiene la web es que ofrece toda la información turística necesaria, disponible en varios idiomas, referida a la Comunidad de Madrid y facilita la web de los productos que ofrecen para que el usuario pueda así también aumentar la información de producto concreto de su interés. Además, se pueden encontrar en la web un servicio de videoteca, servicios generales sobre la ciudad (transporte, callejero, tiempo…) y un apartado que se centra en actividades especiales (ciclos, festivales…).

De cara a aquellos usuarios que busquen las facilidades existentes para montar su negocio en la ciudad, se ofrece publicidad sobre emprendedores en Madrid y una pestaña que marca las cualidades que tiene la ciudad para crear allí su empresa. Curiosamente, casi toda la publicidad que lleva la página está segmentada, es decir relacionada con los contenidos que ofrece (descuentos en espectáculos, cenas…), y con distintas promociones de la ciudad.

Algunos contenidos requieren de plugins como el Flash Player, y debemos contar con una pantalla de ordenador de cierta resolución mayor que 1024 píxeles de ancho ya que al no ser un diseño responsivo, no se adapta al tamaño de la pantalla. En relación con los sistemas de participación, la web ofrece la posibilidad de registrarse enfocando la página a un trato más personalizado, “contenido exclusivo para registrados”. Con ello, cada mes se recibirá al correo electrónico mediante un “newsletter” las novedades del portal y se realizarán concursos y promociones específicas para los usuarios.

Una vez registrado, la formula de participación que ofrece es mediante una comunidad on-line, esMADRID4u, donde se fomenta que los usuarios se relacionen a través de la página creando diarios de viajes, colgando fotos y vídeos, y compartiéndolos con los demás usuarios. También se puede participar a través de Facebook, Twitter (@Visita_Madrid) y suscribirse al RSS o enviar la información a un contacto como fórmula para estimular la participación por parte de usuarios no habituales.

Existe por otra parte un “Buzón de información turística”, donde se podrá mandar un correo con la sugerencia o duda.

 

Arquitectura de la información

En cuanto al diseño de la información, la página precisa de un nivel de actualización constante: diaria, semanal o de un intervalo más largo, en función de los contenidos y está formada por módulos reutilizables, es decir, a partir de la plantilla base se van subdividiendo los contenidos.

El programar la página web con módulos facilita la labor al Programador, que puede crear nuevos o buscar módulos y añadirlos a la página sin tener que desarrollarlos de 0, se pueden reutilizar. En la página esMadrid, por tanto, tanto el header como el footer son módulos. Esto facilita al usuario la navegación y búsqueda de información, ya que se estandarizan ciertas cosas como el tema de los calendarios, cambio de idioma, búsquedas, etc.

En la página de inicio del portal, los grupos informativos se han etiquetado pensado en lo que el usuario busca, y utiliza para ello palabras clave como Agenda (Exposiciones, música, teatro y danza, musicales, cine, niños, ferias y congresos, visitas guiadas), Videoteca, Servicios, Negocio o Esmadrid4U, ofreciendo subconjuntos de información homogéneos, que facilitan en todo momento la compresión de la organización de los contenidos.

Algunas de las etiquetas en un primer momento no parecen lo suficientemente claras (son muy llamativas para captar la atención del usuario) pero una vez que accedes a ellas, aparecen subetiquetas que la hacen más compresible y clara.

Por otra parte, en el diseño del interfaz de usuario, los principios utilizados abarcan conocimientos de psicología, pensamiento cognitivo, diseño, etc, teniendo como fin que la experiencia de usuario sea lo más favorable posible. Es fácil de entender, fácil de accionar y no requiere de ninguna instalación, sólo de un navegador. Por lo tanto, es multiplataforma e independiente del sistema operativo. Es una página bastante operativa aunque abarca tanta información dentro de ella, que el usuario tiene que hacer su selección propia de contenidos para no desviarse de sus preferencias.

Dentro de los sistemas de recuperación de la información, cuenta con un sistema de navegación global, ya que permite al usuario moverse libremente por el mapa web. Consta de un menú general plasmado en una barra de navegación textual y ubicado en la parte superior que permanece visible en cualquiera de las páginas del sitio. De esta forma es posible entrar en cualquier apartado sin necesidad de retroceder a las páginas ya visitadas.

Sobre los sistemas de búsqueda que proporciona, el tipo de buscador general es simple, ya que sólo te permite introducir los términos de búsqueda y no da ninguna opción de preferencia. Es útil porque te muestra los resultados a la búsqueda de palabras clave, pero cuando éstas son términos generales, el número de resultados es muy amplio ya que abarca cualquier artículo en el que aparezca dicha palabra. En algunos apartados existen buscadores más avanzados, pero con opciones restringidas debido a que sólo se puede acceder a través de una de las opciones. Desde la página principal, mediante un menú temático, se permite el acceso a cualquiera de las áreas más directamente.

Como sistemas de orientación, utiliza breadcrumbs que permiten al usuario ubicar su posición en todo momento y ver a qué menú pertenece una página, ya que no tiene porqué seguir el itinerario marcado para acceder a ella, y mediante identificadores textuales en las barras de navegación se puede visualizar en todo momento la ruta de acceso a la página que se esté visualizando.

En lo que respecta al diseño de la interacción, y partiendo de la base de que todo la página es interactiva, porque se modifica en función de los comandos que habilite el usuario, existen procesos más explícitos, como el ya mencionado buzón de información turística o la posibilidad de registro en la web.

Los sistemas son funcionales, sencillos e intuitivos, ya que prima el ser accesible a todos los públicos y la búsqueda de contenidos generales sobre las demandas de información más concretas para usuarios más avanzados.

Por otro lado, existe un equilibrio entre su diseño y la facilidad de uso del mismo ya que se encuentran integrados perfectamente en la interfaz.

 

Un diseño algo obsoleto

La línea estética de la página presenta un diseño basado en estándares de accesibilidad aunque con algunos pequeños fallos a la hora de pasar el validador W3C, como ids que se repiten y otros pequeños problemas que hacen que no sea 100% validable.

Ofrece un diseño muy simple, aunque recargado, con un fondo excesivamente oscuro que dificulta la lectura, problema que se hace aún mayor teniendo en cuenta el reducido tamaño de la tipografía de los cuerpos de texto y la imposibilidad de modificar dichos tamaños sin utilizar las herramientas del navegador. Este problema de texto pequeño sobre fondo oscuro solo se presenta en la home y en las secciones de Vídeos y Siempre. El resto presentan el mismo tamaño de texto pero al ser sobre fondo blanco la lectura es más sencilla.

Por lo demás, la línea estética escapa un poco a los nuevos estándares de diseño, abusa del uso de Flash, lo que hace que no sea compatible con terminales móviles, y utiliza un código obsoleto en lugar de los futuros estándares HTML5 y CSS3.

En cuanto a su composición y estructura, la página se compone de un encabezado, o header, con el logo de la web, seguido de un menú de navegación doble, con las secciones principales y las subsecciones que van sucediéndose, aunque éstas solo serán visibles si accedemos a la misma, y no al pasar el cursor por encima de la sección.

La zona del contenido principal está conformada por una retícula de cuatro columnas, aunque la mayoría de las secciones están subdivididas en tan solo tres.

Cada sección incluye una imagen principal, junto a un banner de 300x250, aunque en algunas secciones (Negocio) la imagen principal pasa a ocupar todo el ancho, y en otras como Servicios y Especiales, la estructura pasa a ser completamente diferente, y si accedemos al código HTML comprobaremos además que la página abusa en exceso de las etiquetas <div> y presenta un código bastante caótico y excesivo que hace que la velocidad de carga sea mayor.

Presenta dos colores de fondo para sus contenidos, negro y blanco, para diferenciar secciones, que a su vez tienen cada una de ellas un color principal.

El color identificativo de la mayoría de las secciones es el magenta, Y el texto en las secciones con fondo oscuro es blanco, lo que dificulta enormemente la legibilidad, especialmente para personas con problemas de visión y accesibilidad. En el resto de contenidos de texto el color principal es el negro sobre blanco, mucho más apropiado.

La tipografía utilizada es la Arial a un tamaño muy pequeño, probablemente de unos 11 píxeles, que hace complicada la lectura. No se utilizan tipografías web modernas como en otras páginas de turismo de ciudades europeas, y los encabezados, en ocasiones, se reemplazan por imágenes de una manera bastante rudimentaria, lo que haría que si no se cargara la imagen perdiéramos esa información.

En general estamos ante una página web que comienza a dar señales de su edad, probablemente superior a los cinco años. No está al tanto de las nuevas tendencias en diseño web, es de difícil lectura para colectivos con problemas de accesibilidad y además en su estructura presenta graves problemas de falta de optimización. Si la comparamos con sus homólogas europeas, comprobaremos que todas ellas han sido renovadas recientemente por lo que, una vez más, nuestro portal queda eclipsado por páginas como Visit London, recientemente renovada y con un diseño responsivo que hace palidecer a cualquier otra ciudad. A pesar de su obsolescencia, la página sigue cumpliendo su objetivo.

Visto 2504 veces Modificado por última vez en Viernes, 26 Octubre 2012 21:44
Zurisaday Negrín Méndez

Coordinador del grupo 3. Periodismo online. Fuenlabrada.

Lo último de Zurisaday Negrín Méndez