Guía para mejorar la navegación y categorías en tu tienda

2 Comments

Si un usuario no puede encontrar algo en la tienda, no puede comprarlo, y si alguien no está de acuerdo que levante la mano (que ponga un comentario). A continuación voy a enumerar los puntos más importantes para mejorar la navegación y categorías de nuestra tienda online, y de esta manera evitar la posible frustración de los usuarios. Personalmente, me frustro muchas veces con amazon.es, porque cuando buscas un producto te aparecen 800(exagerando) distintas categorías similares en las que podría estar, y tengo que ir una por una buscando ese producto concreto para ver cosas realmente similares al que me interesa (relacionado con el aspecto número 2).

Los aspectos de los que vamos a hablar proceden de un estudio realizado durante 8 meses en Baymard Institute (Copenhagen,Dinamarca) , donde los sujetos de prueba encontraron hasta 900 problemas relacionados con la usabilidad de las tiendas online.

1. Usa categorías padre

Las categorías padre no sólo tienen que estar para poder separar visualmente las distintas categorías que se le ofrecen a un usuario. Como comentaba antes, en Amazon es confuso el hecho de que las categorías padre del menú «drop-down» principal no sean «clickables»:

Screen Shot 2013-11-22 at 09.55.52

No puedo hacer click en Electrónica

Por lo que debemos permitir al usuario que él/ella decida el nivel de profundidad que quiere en la búsqueda.

2. Una subcategoría podría pertenecer a varias categorías padre.

Si hace falta que una subcategoría se repita en varias categorías padre, pues se hace. Lo que no puede ser es que yo vaya a la categoría «Informática» a buscar una batería de portátil, y no aparezca nada porque está subcategorizadas bajo la categoría electrónica :-(.

Solución, mostrar la categoría en todos los sitios que haga falta.

3. ¿Qué hay nuevo en la tienda?

Las tendencias de navegación muestran que los usuarios empiezan a buscar una categoría relacionada con los nuevos productos de la tienda. La intención es la misma que cuando buscamos en Google y queremos que sólo nos muestre los resultados de los últimos 3 meses. Si alguien quiere algo nuevo, hay que proporcionárselo. El ejemplo a seguir con esto sería Santafixie:

santafixe

4. Productos alternativos y suplementarios.

¿A qué viene eso de tener una página de producto en al que no se muestran productos complementarios y/o alternativos? Te estás cargando la navegación de tu web. Con herramientas como estás puedes tener al usuario navegando por tu web más tiempo de lo habitual, aumentando las probabilidades de conversión de una manera muy seria. Yo directamente no suelo comprar en tiendas que no tengan este tipo de herramientas, ya que entiendo que la web no está interesada en ofrecerme personalización o más posibilidades de compra. Las páginas de producto estáticas se van a quemar, si es que no se han quemado ya.

5. Últimos productos visitados

Siempre, siempre, siempre, mostrar un historial de los últimos productos visitados, ya sea mediante un historial de varios productos o de otra manera, ya que me permite volver a un producto de una manera más simple y con un click, en vez de utilizar los botones del navegador o complicarse la vida volviendo a navegar por las categorías de la web. En este caso pondría el ejemplo de Textura Interiors , cuyo listado de últimos productos visitados está en la home, y al cual le han dado una vuelta de tuerca, ya que muestra el último visitado y relacionados con ese producto, lo cual me parece mucho más interesante que un simple historial. Bravo.

textura-interiors.com

6. Fotos contextualizadas

«Que bonita queda esa foto en la home de nuestra web, que bien decorada está la habitación de la foto, pero no puedo hacer click en ningún producto de la foto para ir directamente a la página del mismo». Esto equivale a frustración. Es cierto que esto es para nota, pero hoy en día los que sobresalen se llevan el gato al agua y fidelizan mejor, no nos quedemos atrás.

Pongamos un ejemplo:

Cuando vemos el catálogo en papel de Ikea, mola mucho ver las decoraciones que hacen porque en la mayoría viene información impresa de los productos de la imagen, no así en su página web. Al entrar en las novedades de invierno 2014, me encuentro con la siguiente foto:

ikea novedad

Sólo la funda del cojín viene indicada en la imagen. Imaginad que pudiéramos situar el ratón encima de cualquiera de los productos, y que nos indicase la misma información (precio, nombre, etc) que la del cojín, junto al enlace del producto. Sería maravilloso.

Espero que os sirva de ayuda lo que habéis leído :).

Podéis encontrar el artículo original, sin mi punto de vista ;), en este enlace:

https://uxdesign.smashingmagazine.com/2013/11/11/guidelines-navigation-categories-ecommerce-study/

Suscríbete a nuestra newsletter

2 Comments
    • Jesús Pernas Alonso
    • 25/11/2013
    Responder

    Excelentes checkpoints para asegurarnos de que los usuarios encuentran lo que buscan.

    Sin embargo, desde el punto de vista del SEO, yo añadiría en el segundo punto que cuando hagamos que una subcategoría aparezca bajo varias categorías padre revisemos el uso de rel=»canonical» de estas subcategorías para evitar que nos aparezca contenido duplicado.

    Así podremos tener, por ejemplo: tienda.com/informatica/baterias y tienda.com/electronica/baterias sin que Google lo considere contenido duplicado.

      • Estela Gil
      • 16/12/2013
      Responder

      Jesús, tú punto de vista es correcto lo que intentamos mostrar es una arquitectura web correcta, mi compañero Andrés ha remarcado muy bien, como por lógica y usabilidad, donde hacer hincapié para no perder usuarios.

 

Deja tu comentario