Diseño y navegación

El diseño de la tienda online es relativamente clásico con un  menú de navegación a la izquierda y destacados en formato tipográfico a la derecha.

Lo que más impacta es el uso de grandes imágenes de fondo de los productos en las diferentes homes (portada, hombre, mujer, …).

El diseño está optimizado para resoluciones de 1024, pero las imágenes de fondo destacan en monitores grandes y panorámicos.

La tienda dispone de los elementos básicos de navegación: menús principales, secundarios, buscador, etc en contra de algunas tiendas online de la competencia que no tienen funcionalidades tan importantes como el buscador.

Hay que destacar positivamente los elementos de filtrado en los listados de productos que permiten mostrar los artículos en función de la características, color, talla y precio máximo.

La página de productos sigue el diseño minimalista del resto de la tienda pero incluye toda la información necesaria para facilitar la decisión de compra: composición y cuidados, colores, tallas, múltiples fotos del producto, productos relacionados. Resulta interesante que en la página de producto haya información sobre los gastos de envío e información sobre la devolución. Esto seguramente reduzca la tasa de abandono en proceso de compra.

En cuanto a las imágenes destaca la opción de ver las fotos de productos en tres formatos:

1. normal (imagen inicial – 360×462px)
2. ampliado (ventana sobrepuesta – 700×898px)
3. superzoom (imagen a pantalla completa – 1300×1667px)

Además, cada producto dispone de varias imágenes que se pueden seleccionar o ver en un slideshow.

Social Commerce

En cuanto al Social Commerce se han integrado botones share a Facebook y Twitter pero al no utilizar el botón Like de Facebook y el botón oficial de Twitter la integración con estas redes sociales es menor. Además, hay errores en el código de las páginas de productos, en concreto, el tag descripción, que Facebook usa al compartir enlaces.

Comercio electrónico

En general la tienda de Zara tiene muy buenas practicas de comercio electronico y contenidos de los que podemos destacar:

• Personalización de la compra mediante filtrado de productos
• Click & Collect (recogida en tienda sin gastos de envío)
• Cross Selling (productos relacionados)
• Múltiples opciones de envío (incluido express de 24 horas)
• Información de los costes de envio destacada en la página del producto
• Teléfono gratuito de soporte durante el proceso de compra
• Pago mediante diversas tarjetas de crédito y Paypal
• Mobile Commerce (aplicaciones iPhone/iPad con compra online)
• Buscador de tiendas en Google Maps
• Vídeos y catálogos interactivos
• Guía de compra con videos demostración y preguntas frecuentes

Lo negativo

Los aspectos negativos están más relacionados con el desarrollo que con las funcionalidades: aparecen excesivas ventanas de errores durante la navegación (por ejemplo, al navegar por unas 42 páginas ha aparecido la ventana de error 11 veces, es decir, en más del 25% de las pantallas visitadas), el tag descripción no contiene información del producto, las url no son del todo seo friendly, no se usa una librería javascript tipo jquery, errores de validación y hay muchos comentarios de programadores en el código html:

<!-- Comprobar si el store está abierto para ventas
Si no es así eliminar la cabecera por completo -->

Conclusiones

Se nota que la tienda online de Zara ha sido trabajada en los aspectos del comercio electrónico al prestar atención en muchos aspectos importantes. No hay aspectos que podamos considerar novedosos, pero el conjunto está por encima de otras tiendas online de la competencia.

Aunque los puntos negativos relacionados con el desarrollo restan puntos en el día del lanzamiento, deberían solventarse en los próximos días.

En los próximos meses habrá que ver la evolución de la tienda tanto en diseño como en funcionalidad. También sería interesante saber si Zara tiene pensado realizar pruebas A/B para optimizar elementos gráficos, funcionalidades, posición de los elementos, tamaños de las tipografías, etc tal y como realizan los referentes en comercio electrónico, por ejemplo, Amazon.

Además de ser muy visual, una de las ventajas al aplicarlo en el desarrollo web es la reducción del número de reglas y obligaciones respecto a otras metodologías.

Sin entrar en las ventajas y desventajas respecto a otras herramientas (por ejemplo SCRUM), en la siguiente presentación se puede apreciar el potencial y operatividad de Kanban:

La aplicación ha sido desarrollada por la agencia Mobiento y el estudio Ustwo.

Las funcionalidades más destacadas de la aplicación son:

• Buscador de tiendas con resultados basados en la geolocalización
• Contenido personalizado “Mi H&M” con listas de deseos y ofertas
• Compartir via Facebook y email
• Actualidad de las tiendas H&M (galería 3d)
• Noticias de moda, actualizadas semanalmente con contenido geolocalizado
• Vídeos de moda

La aplicación de H&M puede descargarse gratis desde Apple’s App Store y parece que se añadirán nuevas funcionalidades en las futuras actualizaciones. Además incluye un cupón descuento cuando se agita el iPhone.

Sin entrar en detalles sobre las opiniones del articulo, el gráfico no es adecuado tal y como expone Rob Beschizza, editor de Boing Boing.

El artículo defiende que el uso de la web se está reduciendo a favor de las aplicaciones. Los usuarios acceden más a aplicaciones que a portales, páginas web, etc. En cierta medida es verdad, ya que los smartphones están proliferando y el uso de aplicaciones se asentará a corto plazo en ciertos usuarios y a medio plazo en la mayoría de los usuarios de móviles.

Pero es muy arriesgado predecir que las aplicaciones acabaran con la web. Tomemos como ejemplo los medios de comunicación. Apple ha argumentado que el iPad y las aplicaciones especificas son el interfaz perfecto para los medios. Rupert Murdoch, propietario de News Corp, comentaba que el iPad es un gran aliado de los medios de comunicación online y parece que hay estudios que demuestran esto mismo.

The Times, uno de los periódicos de News Corp, cambió su modelo de negocio cobrando a los usuarios por ver su contenido y potenciando el contenido para el iPad. Según fuentes no oficiales, han conseguido unos 12.500 usuarios dispuestos a pagar por la edición del iPad. Pero como resultado de esta estrategia también han perdido casi un 90% de lectores online, dato que parece preocupar a los anunciantes. En cualquier caso, el éxito o fracaso de este modelo lo veremos en el futuro.

En vez de predecir la muerte de la web, me parecen mucho más acertados los comentarios de André Izay, director general de Yahoo Brasil, durante el reciente Congreso Brasileño de Diarios y medios de comunicación.

Según un articulo de Puro Marketing, Izay explicó que el futuro de la información será “multiplataforma” y convergerán nuevas tecnologías y soportes de información que irán desde los teléfonos móviles de última generación a los nuevos “tablets” o la televisión digital por lo que “se deberá de adaptar y configurar la información al gusto del lector”, lo que supone desarrollar nuevas aplicaciones específicas y contenidos en función del soporte o lector.

Esta idea del futuro de Internet, la web y las aplicaciones defiende que el medio será multicanal y la tecnología tendrá que adaptarse al dispositivo del usuario y el contenido seguirá siendo el rey.

Los datos fueron tomados durante 4 semanas. En total se registraron un millon de clicks aleatorios en unos 18.000 banners de la red. A partir de estos datos se generó el siguiente mapa de calor:

Los resultados del mapa de calor indican que los usuarios suelen pinchar con mayor frecuencia en la zona superior derecha del banner. En general, la zona inferior del banner casi no registra actividad.

Con estos resultados podemos extrapolar que los usuarios prestan mayor interés a la zona superior derecha del banner. Algo que se debería tener en cuenta al diseñar este tipo de banners y aumentar así el CTR y ROI de una campaña.

Los servicios para compartir enlaces en Twitter no son nada nuevo, el precursor hace años fue TweetMeme, que curiosamente ha ayudado a Twitter en el desarrollo del botón oficial. Pero con el nuevo botón será posible contabilizar de manera más fácil cuántas veces se ha compartido una página web en Twitter.

El botón oficial está teniendo mucha aceptación por la blogsfera. El botón es fácil de instalar (requiere sólo unas lineas de código) y ya existen varios plugins para Wordpress.

Según el blog de Twitter el botón ha sido integrado inicialmente en varios medios de comunicación y grandes portales en menos de una semana. De la lista no hay ninguna tienda online, aunque el botón “Like” de Facebook sí ha tenido buena aceptación en el comercio electrónico. Twitter y Facebook son redes sociales muy diferentes, pero el potencial de promoción viral funciona de una manera similar. Por ello seguramente el botón de Twitter comenzará a usarse más en comercio electrónico a corto plazo.

Incluso ya hay una extensión para la solución de tienda online Magento para habilitar el botón en las páginas del cms y producto en menos de 5 minutos.

El vicepresidente de Inditex anunció, en la pasada junta general de accionistas, que la nueva tienda online de Zara se lanzará el 2 de septiembre. Inicialmente la tienda estará disponible para los mercados de España, Portugal, Reino Unido, Italia, Alemania y Francia.  A principios de 2011 Zara lanzará la tienda online en EE.UU, convirtiéndose en la segunda empresa europea de su segmento, tras Topshop, en vender online al mercado norteamericano.

Aunque no es oficial, parece que la tienda online será compatible con multiples dispositivos: ordenadores, smartphones e iPad.

Por otro lado H&M lanzará su nueva tienda online para el mercado europeo el 16 de septiembre. Actualmente H&M ya dispone de una tienda online, de colecciones anteriores y su linea de casa, para Austria, Dinamarca, Finlandia, Alemania, Holanda, Noruega y Suecia. Por lo que no está claro si la tienda será nueva.

Estas operaciones de comercio electrónico no son de extrañar, ya que en los últimos meses el consumo está cayendo pero el consumo online seguirá creciendo a un ritmo de dos dígitos durante los próximos años.

Según un estudio de la consultora Forrester Research la venta de moda online representa actualmente sólo un 3% del total de ganancias de las empresas del sector, pero que puede llegar al 10% en los próximos años.

En España por ejemplo sólo el 2.7% de las mujeres entre 30 y 50 años compran ropa por Internet, pero las nuevas generaciones se perfilan con tendencias de consumo totalmente opuestas que son más compatibles con la compra online.

No hay duda que la estrategia de venta online es a priori la idónea a medio y largo plazo, pero en los próximos meses veremos si las apuestas de Zara y H&M son las adecuadas y su estrategia incluye las actuales tendencias de comercio electrónico.

Un ejemplo sobre la utilidad de la web en tiempo real son las aplicaciones que informan sobre el transporte en tiempo real. Actualmente en muchas ciudades el tiempo de espera de los autobuses puede solicitarse a través de mensajes sms.

En Estados Unidos varias ciudades han creado aplicaciones web para visualizar la posición de los autobuses en un mapa (por ejemplo de Nueva York o Filadelfia) en tiempo real.

Pero también en Europa hay varios ejemplos: en Suiza desde hace unos años está disponible una web que indica la posición de los trenes. También en Suiza, a través de una web, se puede ver información sobre aviones en tiempo real.

En Gran Bretaña tenemos otros ejemplos de mapas simulando el desplazamiento de los trenes regionales a través de los horarios de llegada y salida.

El autor de este mapa también ha creado uno para el Metro de Londres que utiliza información de una de las API públicas del gobierno británico. Desgraciadamente el servicio ha sido suspendido temporalmente por un uso excesivo de la API. Aunque hay disponible un vídeo del funcionamiento. Además se puede descargar el código fuente en Github de forma gratuita.

Este paso de Amazon es un ejemplo más de la importancia que está teniendo el Social Commerce este año y una importante mejora del famoso y patentado sistema de recomendaciones de Amazon.

La nueva funcionalidad ha sido publicada en la página de Facebook Platform y ha tenido una buena acogida. Existen comentarios de preocupación relacionados con la privacidad por lo que Amazon y Facebook han informado que en ningún caso los datos se intercambiarán entre las dos empresas.

El servicio consta de un aparato basado en Arduino y un área online privada programada sobre Django CMS.

El piloto de Baker Tweet se ha realizado en una panadería de Londres: Albion Café y ha sido un éxito – su cuenta de Twitter tiene casi 2.000 seguidores y fue nominado a los premios Webby.