El jueves pasado estuve en el Conversion Thursday Zaragoza después de -confieso- unas cuantas semanas de pirola. Esta vez era el turno de Hector Mainar, analista informático del departamento de Internet SoloPorteros.Com quien expuso el caso del famoso site de equipación de fútbol.
Antes del speech y como buena asistente me di una vuelta por la web de SoloPorteros por eso de que no se puede opinar sin conocer. Mi impresión fue que se trata de un site con mucho potencial gracias a nicho muy concreto + comunidad, pero de muy mejorable conceptualización y ejecución #usabilidad
Home de SoloPorteros
A grandes rasgos este es mi análisis de SoloPorteros.Com:
Home (SoloPorteros.Com)
- La home es una barrera de entrada porque obliga al usuario a escoger entre las distintas tiendas sin conocer el contenido de cada una, arriesgándonos a que el usuario abandone el site. Se predicen altos % de rebote. Por ejemplo alguien que quiere unas medias de fútbol puede dudar entre botas, sala, equipaciones y original al tratarse de un producto susceptible de encontrarse en todas las tiendas. O alguien que quiera los servicios de Keepers Consulting (consultoría técnica deportiva) no verá recogido con la información previa su necesidad en ninguna tienda,…
- Las descripciones de cada tienda son demasiado extensas y casi ilegibles debido al tamaño de la fuente y color. Debemos recordar que el usuario tiende a no leer y si se lo complicamos, menos.
SoloPorteros.Com/Original
- Esta página se asemeja más a un portal de noticias que a una tienda online, da prioridad al foro, las noticias y concursos frente a los productos que quedan relegados a un segundo plano (parte inferior de la pantalla). Creo que Original los objetivos del site entran en conflicto y se precisa trasladar su jerarquía al diseño. Lo mismo sucede con SoloPorteros.com/Sala
- El nombre de esta tienda no es descriptivo de cara a la elección de tiendas en la pantalla anterior SoloPorteros.com, es imposible precedir qué contenido vamos a encontrar.
SoloPorteros.com/Urban
- El slideshow está vacío, es decir el 90% del espacio que visualiza el usuario está vacío, parece deberse a una dimensión de la foto incompatible con el slideshow. Igualmente sucede en las imágenes de las subcategorías de Urban.
- No hay producto, se limita a mostrar las categorías disponibles con lo cual entre el slideshow y esta zona el usuario visualiza 0 + 0 productos cuando el objetivo es vender
SoloPorteros Urban
SoloPorteros.com/Equipaciones
- Falta una gran llamada a la acción que incite al usuario a crear su equipación. La actual forma de empezar el proceso apenas se puede ver a la derecha de la página y nada parece apuntar a que los logotipos que se muestran sean en realidad botones.
- Se muestra publicidad sobre otros productos de la tienda durante el proceso de creación de la equipación, es un elemento de distracción que contribuye al abandono del usuario: en este caso los productos relacionados es preferible mostrarlos al final del proceso.
- El menú repetitivo en todas las tiendas, en contra de los objetivos, vuelve a mostrarse aquí también siendo posible acceder a catálogo de otras tiendas.
En todas las tiendas
- El background de la página personalizado para concursos y promociones junto con el tamaño del contenedor del site recargan el diseño.
- El menú es demasiado pequeño, tiene poca notoriedad para constituir la venta de material deportivo la base del negocio.
- Los items del menú no son desplegables onmouseover, lo cual no es obligatorio pero en este caso dificulta más el clic y no constituye una call-to-action llamativa.
- Aunque se tratan de tiendas especializadas en un tipo de producto distinto en cada una, no cumplen con su objetivo al 100% pues se repite el mismo menú en 3 tiendas diferentes: original, botas y sala, con los mismos productos.
- Ciertos elementos de categorización del mega menu, son más apropiados para filtrar un nivel inferior. Ejemplo: la categorización por precios de “Ropa deportiva” que incluye tanto pantalones, como chaquetas, ropa térmica, etc. El usuario primero escoge una categoría concreta como pantalones y posteriormente filtra por precio, no filtra por precio toda la ropa disponible para posteriormente centrar su atención en pantalones.
- Las novedades de productos de la home apenas tienen notoriedad y carecen de llamada a la acción. Se recomienda insertar botones para ver el producto. Igualmente sucede con las pestañas de ofertas y últimas oportunidades.
- Dentro de un subelemento del menú, un cuarto del contenedor está dedicado al widget de Facebook que es totalmente accesorio en este nivel del proceso de compra pues distrae al usuario en su toma de decisión.
- Dentro de un subelemento del menú, el filtrado de productos es difícil de leer debido al color de la fuente.
- Los nombres de los productos en este nivel también son de difícil lectura, carecen de una call-to-action para añadir al carrito o visualizar la ficha de producto y su precio rebajado apenas destaca.
- Pagina de Eventos: necesaria una landing específica para este tema
- El carrito de la compra siempre está visible incluso cuando no se han añadido productos en él. Mi recomendación es ocultarlo en este caso para simplificar el diseño.
Fichas de producto
- El color del botón y la fuente del texto deberían ser más llamativos. Mi consejo es utilizar botones de color amarillo o naranja que llamen a la acción y el texto en negrita.
- Es necesario registrarse para valorar un producto por lo que muchos de ellos carecen de valoración.
- El sidebar derecho al lado de la ficha de producto complica el diseño y roba espacio para elementos más importantes como la descripción o la valoración y comentarios del producto que podrían ocupar ese lugar o la devolución gratuita, compra segura, etc.
- La ayuda respecto al tallaje la mostraría por defecto para evitar devoluciones por descuidos
- No hay breadcrumbs que orienten al usuario de su posición en el site, estos además cumplirían la función del widget de “categorías”.
- En ocasiones las descripciones son tan breves y los productos relacionados tan extensos que queda un espacio vacío y da sensación de descuido.
- Se recomienda que en las fotos de muestra aparezcan personas con el producto puesto porque dan una idea al usuario de cómo queda e incitar a la compra.
Formulario de registro en SoloPorteros
Proceso de compra
- Compra con registro obligatorio: barrera a la compra.
- El número de campos para realizar el registro en el sitio tiende a infinito y no especifica cuales son obligatorios, se deduce que todos lo son, incluyendo NIF, nick, tipo de futbol, demarcación, teléfono fijo, móvil, etc.
- Cuando un usuario cancela un pedido durante el checkout es redirigido a la home con el splash screen inicial, en lugar de a la categoría que estaba viendo (SoloPorteros Sala, SoloPorteros Botas, la última página vista, etc..)
- No destaca la primera devolución gratuita cuando es un valor en ocasiones decisivo entre los clientes con reticencias a la compra online de productos con tallaje.
- Demasiados pasos en el checkout lo que supone una mayor tasa de abandono con riesgo al profundo aburrimiento del usuario.
Me gustó
- El detalle de las fotos, factor muy importante en productos como botas y guantes.
- Las descripciones son propias y no compiten con las descripciones de la marca. Además incluyen recomendaciones de tallaje, uso,… tal y como comentó @hectormainar en el Conversion Thursday
- El servicio de 1ª devolución gratuita para romper el miedo de los clientes a comprar un producto susceptible de ser cambiado por otro.
- La variedad de productos y servicios y su nivel de especialización.
- La comunidad creada alrededor de SoloPorteros.Com
- En SoloPorteros.com/Urban sí destacan cuestiones como el envío gratuito, devoluciones gratuitas y posibilidad de personalización.
- El número de teléfono apoyado con un rostro que parece ser una persona real durante la creación de equipaciones (SoloPorteros.com/Equipaciones)
- El carrito de la compra que recuerda los productos entre tiendas incluso después de cerrar el navegador
Estoy abierta a cualquier comentario y/ó/u rectificación
Salud!
