Jon Parro

Ayer vi la nueva web que ha estrenado la Real Sociedad y aunque tiene cosas que mejoran la versión anterior, en ésta se siguen cometiendo importantes errores de usabilidad.

No pretendo hacer un análisis exhaustivo de toda la web, pero sí me voy a centrar en la página de inicio.

No pongas barreras al contenido
Han optado por una página de inicio que sólo sirve de paso intermedio para llegar a otras secciones de la web, esto no significa otra cosa que poner barreras entre el usuario y los contenidos. Es una página que se podía haber evitado totalmente, ocupando su lugar esta otra http://www.realsociedad.com/Home/Index.
Ya que esta 2ª página es la que realmente muestra información relevante sobre el club y además en ella tienen cabida todas las secciones que están en la página de inicio: tienda, próximo partido, entradas, cambio de idioma,…

Partiendo de esto, aquí se debería acabar toda historia, pero puestos a analizar esta página, vamos a seguir.

Focos de atención
Desconozco la estrategia de marketing online de la Real Sociedad y cuál es su objetivo con esta web pero voy a suponer que para los dirigentes del club es importante que los socios sigan el día a día de su equipo. Sin embargo, la imagen que están transmitiendo con ese diseño es que lo que ellos llaman en la página de inicio como “Entrar Web oficial” tiene bastante poca importancia para el club, ya que se trata de un diseño con múltiples focos de atención, llevándose el protagonismo la fotografía de un jugador de la Real Sociedad y las 4 secciones inferiores: Tienda, Próximo partido, Entradas y Real Sociedad TV.

Una vez que se accede a esta página de inicio, al usuario le cuesta bastante tiempo saber cómo acceder al contenido del club. Alguien me dirá que realmente toda la fotografía es un enlace a la “web oficial” y que se trata de un área suficientemente extensa, sin embargo aquí el problema no es de tamaño sino de focos de atención. Por una parte la fotografía tiene su foco en el futbolista y por otra el texto “Entrar Web Oficial” queda totalmente difuminado por la importancia de la fotografía y en parte por encontrarse situado justo debajo del escudo, lugar adecuado para poner el nombre del club “Real Sociedad”, lo que hace que pase desapercibido para el usuario.

Diferenciar enlaces
No están bien diferenciadas las distintas secciones y sus enlaces, prácticamente el 90% de la página de inicio es enlazable y todo ello parece ser un único enlace, sin espacio entre secciones que las diferencie claramente.

No dispone de un diseño que comunique visualmente cuáles son las áreas clicables, algo que se puede representar fácilmente bien mediante enlaces de texto estándar o bien mediante efectos gráficos que otorguen a las distintas secciones un aspecto pulsable.

Tengo el DNI a punto de caducar, así que el otro necesité acceder a la web de cita previa de DNI, web que pone a nuestra disposición el Ministerio del Interior para supuestamente agilizar trámites y ahorrar tiempo.

Sin embargo, nada más acceder con mi navegador Firefox me encontré con este fantástico error:

Sencillamente me parece de vergüenza lo que pasa en este país con las webs de la administración pública y la forma que tienen de tirar el dinero público, porque precisamente no se manejan unos presupuestos modestos en este tipo de proyectos de la administración.

Parece que últimamente nos estamos acostumbrando a este tipo de chapuzas:

• Congreso de los Diputados
• Ministerio de Industria
• Ministerio de Asuntos Exteriores
• Junta de Andalucía
• Parlamento Europeo
• Renfe

Claramente se debería pedir la cabeza de los analfabetos tecnológicos responsables de estas chapuzas.

Se está hablado de todo esto en Loogic.

En España se da una importancía tremanda a la cocina, en donde tenemos la suerte de tener a grandísimos cocineros. Por ello he querido realizar un análisis de usabilidad de las webs de los mejores restaurantes de España. Para ello me he basado en la guía Michelín y las estrellas que otorga, en donde hay 6 restaurantes con la máxima puntuación de 3 estrellas Michelín:

• Akelarre, de Pedro Subijana.
• Arzak, de Juan Maria Arzak.
• Berasategui, de Martín Berasategui.
• Can Fabes, de Santi Santamaría.
• El Bulli, de Ferran Adrià.
• Sant Pau, de Carme Ruscadella.

Para el análisis me he basado en los principios básicos de usabilidad de Nielsen. Este análisis ha consistido en buscar la información básica de todo restaurante, que no es otra que la carta, sus precios, la localización y las reservas.

Akelarre 

Para llegar a la información necesito pasar por 2 páginas previas, 1 de selección de idioma y otra de… “Entrar” y además me abre una ventana fullscreen en el navegador.

Una vez dentro me encuentro una web realizada totalmente en Flash en donde la letra es excesivamente pequeña y con muy poco contraste con el fondo, por lo que tengo que hacer esfuerzos titáticos para ver lo que pone.

La estructura de la web no es demasiado clara, encontrándose el menú principal a pie de página. Una vez que empiezo a navegar por las distintas secciones, me cuesta encontrar la forma de volver al inicio.

La información de reservas y localización están demasiado escondidas en el menu de navegación.

No sé hasta que punto es necesario que un restaurante tenga una sección de noticias, pero si la tiene… que al menos haya noticias.

Arzak

La selección de idioma es mas clara que la de Akelarre.

SI por un casual navego sin imágenes, la web directamente no existe ya que hasta las opciones de menú son imágenes.

La web no está claramente enfocada a los futuros comensales ya que mezcla distintos tipos de secciones que son para otros perfiles de visitantes de la web como la bolsa de trabajo o la sección para la prensa. Debería hacer una distinción.

La localización del restaurante y el contacto está claramente identificado a pie de página, sin embargo no existe carta o al menos yo no la he encontrado, y el precio del menú está bastante escondido dentro de la sección “Información”. ¿El resto de secciones de la web no es información acaso?

Existe una sección de reservas que me parece correcto pero sin embargo se me abre en un pop-up.

Berasategui

Al entrar en esta web nos encontramos con una presentación en Flash que aunque no soy partidario de ellas, hay que destacar la calidad de las fotografías de los platos.

Aquí damos un importante salto de calidad respecto a las 2 anteriores webs, al menos los textos son textos y las secciones son más acordes a lo que va buscando el usuario, en donde encontramos claramente las opciones de localización, carta y reservas.

Sin embargo tiene un par de “peros”, existe una sección de imágenes que me abre otra ventana de navegador y me lleva a otra web totalmente distinta, lo que puede confundir claramente al usuario. Y la otra cuestión es que la carta se encuentra sólo disponible en versión PDF cuando sería mejor tenerla integrada con el resto de la web.

 

Can Fabes

Este sería un buen ejemplo de cómo no hacer una web, sencillamente en esta web nada es lo que parece ser y tiene una arquitectura de información de lo más peculiar que he visto nunca.

Para empezar es muy curioso que aunque a simple vista parece que estoy accediendo a la web de su restaurante Can Fabes, después tengo que volver a seleccionar en un combo nada intuitivo que quiero ir a la web de Can Fabes (tiene varios restaurantes).

Si has conseguido superar el primer acertijo, al menos podrás intentar rellenar el formulario de reserva que es lo 1º que aparece, eso sí, no intentes buscar la carta porque no la vas a encontrar, al menos yo no he llegado a resolver ese acertijo.

Al igual que me pasaba con Akelarre, sufro para leer lo que pone en la web.

En la sección de situación, a pesar de que ya he elegido previamente el restaurante Can Fabes, me vuelve a poner los números de teléfono del resto de restaurantes.

 

El Bulli

Tras seleccionar el idioma, al igual que en akelarre se vuelve a abrir una ventana fullscreen, pero aquí el problema es aún mayor, ya que cada una de las secciones de la web se abren en diferentes ventanas fullscreen con lo que puedo llegar a tener un número considerable de navegadores abiertos. Esto es un error gravísimo.

En este caso parece se trata de una web en dónde se da mayor importancia a los libros publicados por Ferran Adrià y a otros proyectos suyos que al propio restaurante, algo que tampoco debería extrañar demasiado teniendo en cuenta que ya no es posible hacer reservas para todo el 2009, algo de lo que informa correctamente en la web.

Aunque estéticamente es una web correcta, en varias secciones, antes de poder ver la información que voy buscando, se me obliga a ver un video de presentación.

Si en el formulario de la bolsa de trabajo cometo algún error al rellenarlo no hay manera de corregirlo ya que me avisa del error en una página en blanco sin posibilidad de volver atrás.

 

 

Sant Pau

En esta web sorprende la importancia que adquiere la cocinera Carme Ruscadella por encima del propio restaurante, siendo incluso el dominio ruscadella.com.

Existe un abuso desmesurado del uso de Flash, ya que toda la web está hecha con esta tecnología, sin necesidad alguna.

Aunque se trata de una web relativamente clara, echo de menos sacar a un primer nivel de navegación la localización del restaurante e incluir de una manera mucho más visible su dirección. Lo mismo pasa con la carta que está dentro de la opción de menú “Servicios” y a su vez dentro de “Restaurante” algo que no es demasiado descriptivo.

El resultado final queda de la siguiente manera, de mejor a peor:

1. Berasategui
2. Arzak
3. San Pau
4. El Bulli
5. Akelarre
6. Can Fabes

A pesar de este ranking, cabe decir que la única que recibiría el aprobado es la web de Berasategui, el resto tienen graves deficiencias.

Desconozco cuáles son los criterios de los críticos responsables de otorgar las estrellas Michelín, pero si se tiene en cuenta el servicio que se da desde que se entra por la puerta del restaurante, quizás haya que empezar a evaluar el servicio que se da en la web.

Después de todo esto, me queda clara una cosa, las webs de los mejores restaurantes de España no están a la altura de la excelente calidad culinaria que ofrecen sus cocineros en dichos restaurantes.

Ahora que está tan de moda hacer diseños específicos para el IPhone, hay muchos diseñadores y maquetadores que necesitan un IPhone o en su defecto un emulador de IPhone.

Aunque existen distintos emulardores como el iPhoney, para mi la mejor manera es utilizar Safari, tanto en versión Mac como Windows y en la pestaña Desarrollo seleccionar el agente de usuario “iPhone”.

Si utilizas la versión de Windows hay que tener en cuenta que la pestaña Desarrollo viene oculta por defecto, para hacerla visible hay que ir a Edición/Preferencias/Avanzado y ahí seleccionar “Mostrar en menú desarrollo en la barra de menús”.

De esta manera se cargarán automáticamente todas la webs como si las estuvieras viendo directamente en el IPhone.