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.

Blogs:

• Yusef Hassan
• Cesar García
• Francisco Tosete
• Olga Revilla
• Luis Villa
• Juan Leal
• Daniel Torres Burriel
• Joaquín Márquez
• Olga Carreras
• Ricardo Tayar
• Sergio Ortega

Twitter:

• @Usabilidoso
• @karinai
• @tentandote
• @galu
• @yusef
• @maxkuri
• @inquiettudes
• @sortega
• @eeeh
• @elclerigo
• @pablolopez_eu
• @sergiodelacasa
• @nosoy1mas
• @soymarios
• También podéis seguir la lista UX-Spanish

En primer lugar decidí matricularme en la UOC en el grado de Información y Documentación, llevaba tiempo dándole vueltas a este asunto y me apunté para probar. El sábado terminé los exámenes de las 3 asignaturas que tenía y salvo sorpresas de última hora, todo ha ido bien.

Otro de los objetivos era participar en el Desafío AbreDatos, donde en 48 horas desarrollamos Aparca.info, una aplicación móvil para encontrar parkings públicos cercanos. La verdad que fue una experiencia muy enriquecedora poder participar con 3 fenómenos como Gonzalo Ayuso, Bruno García y Sebastián Gómez.

Finalmente hace un par de semanas he lanzado junto a Gorka Esnal la 1ª beta de Tendumi.com, una guía de campings de España en la que los aficionados a los campings pueden intercambiar opiniones con otros campistas para poder disfrutar de esta forma de viajar.

Tanto Gorka como yo estamos muy ilusionados con Tendumi y los próximos meses estaremos volcados con él, desarrollando nuevas funcionalidades y dándolo a conocer. Ahora es cuando realmente empezamos a gatear, y sabemos que tenemos mucho camino por recorrer si queremos convertirlo en una web de referencia en el sector, pero tenemos ganas de intentarlo.

Los próximos días escribiré algún post sobre el proceso de diseño de Tendumi.

En el último cuatrimestre del 2010 Zara lanzó su ecommerce y según este artículo de Expansión la tienda online facturará en su primer año entre 180 y 216 millones de euros.

Viendo estos datos podemos apreciar la importancia de la optimización de las landing page como factor de incremento de la conversión en los ecommerce de ropa.

Consejos de optimización de landing page de producto:

Poner el foco en lo realmente importante

Tiene que haber fotos claras del producto, tallas (y guía de tallas), colores, precio, gastos de envío y por supuesto la llamada a la acción para comprar el producto. A partir de ahí puede haber mucha más información como: ventas cruzadas, opiniones de otros usuarios, compartir en redes sociales,… pero tiene que quedar claro qué información queremos destacar.

En algunos casos hay demasiados puntos focales, como en Mango en donde por ejemplo la información sobre “Composición y lavado” adquiere un excesivo protagonismo.

Mostrar los productos en su contexto de uso

Las fotos de las prendas tienen que estar en su contexto de uso, es decir con un modelo que lleve puesta la prenda y no sólo la foto con dicha prenda. Debe permitir hacerse una idea de cómo sienta esa prenda puesta.

Un claro ejemplo son los bolsos en los que por si solos es difícil hacerse a la idea de su tamaño o si se trata de un bolso para colgar de los hombros o llevar en la mano. Se deben incluir las medidas, indicar qué significan esas medidas (ancho, alto y profundidad) y debe haber alguna foto en la que el bolso esté siendo usado. Para estos casos también es una buena opción la utilización de video ya que permite ver mejor el producto en su contexto de uso. Todo esto ayuda a disminuir la devolución de productos, ya que evita sorpresas al recibir el cliente el pedido.

Un buen ejemplo es Asos.com que incluye fotos desde distintos ángulos, en contexto de uso y en ocasiones con videos.

Devoluciones

Si bien siempre es necesario indicar las condiciones de devolución de un producto, en el caso del sector textil adquiere más importancia ya que uno de los motivos que más frena a los potenciales clientes es el hecho de no poder probarse la ropa. Por ello se deben indicar en la misma página del producto de forma clara los plazos, costes y método de devolución, con el objetivo de eliminar dudas e incertidumbre.

Ejemplo de la tienda Spartoo

Zara tiene un enlace a la información de “Devolución” en la misma página del producto pero quizás le falte un copy más persuasivo que incluya la palabra “Gratuita” ya que no la muestra en un primer impacto visual a pesar de ofrecer el servicio de devolución gratuita.

Ventas cruzadas

Siempre hay que intentar que el cliente siga adquiriendo productos, esto Amazon lo aplica realmente bien con bloques del tipo “Clientes que compraron este producto también compraron…”.

En el caso de la ropa suele darse la situación de no saber con qué combinar cierta prenda por lo que es muy recomendable incluir qué tipo de ropa o colores combinan con una prenda. En esta línea, Zara incluye acertadamente un apartado de prendas que combinan con aquella que estás mirando.

Fecha: Viernes, 18 de febrero de 2011
Hora: 17:00 h.
Lugar: Campus Deusto de San Sebastián

Programa:

1. Ergonomía en las interfaces, Goio Telletxea
2. UX Punk Manifesto, Daniel Torres Burriel

Después nos iremos todos a disfrutar del zumo de manzana a la sidrería Iruin.