Grandes ejemplos de navegación de comercio electrónico que pueden mejorar las ventas

Grandes ejemplos de navegación de comercio electrónico que pueden mejorar las ventas

Las empresas de comercio electrónico están gastando enormes sumas de dinero para atraer visitantes a su sitio.  Según un estudio realizado por Frac.tl, se reveló que Amazon gastó alrededor de 1.35 mil millones de dólares en publicidad de búsqueda en el año 2015, lo que fue un enorme 97% de su presupuesto de marketing.

Cuando las empresas están gastando sumas tan vastas de dinero en publicidad, se vuelve crucial tener una navegación de sitio que guíe al usuario para completar fácilmente una venta.

Se puede decir con seguridad que la navegación es una de las partes más críticas del diseño de su tienda. Una buena navegación proporciona una experiencia de usuario mejorada que conduce a más ventas e ingresos. Por otro lado, una navegación pobre frustra a los usuarios, lo que lleva a una mayor tasa de rebote.

Baymard llevó a cabo un estudio  sobre la usabilidad del comercio electrónico móvil en 50 sitios de comercio electrónico evaluados y encontró que los usuarios no podían encontrar los artículos que buscaban debido a una interfaz pobre. Los usuarios malinterpretaron que los artículos no estaban presentes en el sitio y esto afectó directamente no solo a las ventas actuales, sino también a las ventas futuras porque era poco probable que los usuarios regresaran al sitio cuando buscaban ese tipo de producto.

Cada sitio recibió una puntuación basada en 17-35 pautas, y el siguiente gráfico de dispersión representa la puntuación resumida de un sitio. Las líneas negras denotan el promedio de referencia. Los puntos rojos indican una usabilidad “pobre”, el amarillo indica un rendimiento “aceptable” y el verde denota una “buena” usabilidad.

Es bastante evidente en el gráfico que la mayoría de los sitios de comercio electrónico no tienen una buena navegación para una experiencia de usuario impresionante.

Ahora, la pregunta más importante es, ¿qué sitios tienen la mejor navegación de comercio electrónico? He compilado una lista de 11 sitios que siento que tienen la mejor navegación de comercio electrónico; puede considerar qué aspectos podrían ayudar a mejorar sus ventas.

1. Autocompletar por Waterstones

Todos estamos extremadamente satisfechos con la forma en que Google proporciona sugerencias de autocompletar. Ayuda a reducir nuestra búsqueda, minimizar el riesgo de errores ortográficos y acelera todo el proceso de búsqueda, lo que lleva a resultados precisos en menos tiempo. Pero, cuando realizamos una búsqueda de productos en un sitio de comercio electrónico, las sugerencias de autocompletar no son tan útiles.

Aquí es donde Waterstones hace un trabajo increíble. Proporciona sugerencias de autocompletar precisas y rápidas que permiten al usuario encontrar un producto de su elección al instante.

Cuando ingresé la palabra “how” en el cuadro de búsqueda, la búsqueda devolvió una lista de títulos de libros populares que comienzan con la palabra “how”. Además, los resultados de búsqueda eran “ricos”, lo que significa que pude ver la portada del libro y el precio junto con el título. Cuando puede ver información tan completa mientras busca opciones, puede tomar una decisión mejor y mucho más informada.

¿Por qué es útil la sugerencia automática?

Proporciona un impulso genuino a las tasas de conversión porque las personas pueden buscar y encontrar el producto exacto que necesitan con un esfuerzo mínimo.

Los usuarios también confían en la sugerencia automática para la ortografía correcta del producto, y si la tienda electrónica no devuelve la ortografía correcta, entonces el producto “no se encuentra” en el inventario, lo que significa que el producto permanece sin vender aunque los usuarios vinieron buscándolo; es por eso que la sugerencia automática juega un papel increíble en las conversiones de comercio electrónico.

2. Búsqueda facetada por Rollie Nation

Un gran descubrimiento de productos es una clave esencial para la conversión. No quiere que sus clientes naveguen por varias páginas antes de encontrar el producto de su elección; esta es de hecho una mala experiencia de compra. La búsqueda facetada es una excelente manera de proporcionar información valiosa sobre su producto en un formato fácil de navegar que facilita a los compradores navegar, filtrar y comprar según sus elecciones específicas.

Eche un vistazo a cómo Rollie Nation, una tienda de zapatos en línea, ha implementado la búsqueda facetada en su navegación.

Los clientes pueden ordenar su zapato de elección mediante las siguientes opciones:

• Estilo – Como bota, Derby, Mira, deporte, etc.
• Tamaño – Dependiendo del tamaño del zapato del cliente.
• Precio – Opciones de filtrado basadas en un precio máximo o mínimo.
• Color – Opciones de filtrado basadas en la elección de color por parte del cliente.

En un estudio de caso para BigCommerce, el fundador de Rollie Nation, Vince Lebon, destacó la importancia de usar la búsqueda facetada y el filtrado de productos. Incorporar la búsqueda facetada en su navegación les ayudó a hacer explotar sus ventas.

“En calzado, puede haber hasta 14 tamaños y múltiples opciones por SKU,” dijo. “Dada la rapidez con la que rotamos el inventario, los clientes hacían clic anteriormente en tres o cuatro estilos antes de encontrar un zapato disponible en su tamaño, lo cual es una experiencia de compra frustrante. Una vez que pudimos incorporar la búsqueda facetada en nuestra navegación, las ventas explotaron” – con un aumento del 2.7% en el valor promedio del pedido.

¿Por qué es útil la búsqueda facetada?

Presenta su catálogo de la manera más relevante ante su audiencia. De esta manera puede convertir la navegación en ventas.

Sus visitantes no son rechazados, ya que la búsqueda facetada ayuda a los clientes a encontrar lo que buscan de una manera más rápida, lo que significa que se reducen los costos de adquisición de clientes.

Tenga en cuenta:  Con la navegación facetada, hay múltiples rutas de navegación que sus visitantes pueden tomar para llegar al mismo contenido. Por ejemplo, para llegar a camisetas de mujer de color rojo, los usuarios pueden elegir cualquiera de las siguientes rutas dependiendo de la estructura de su sitio:

• site.com/womens/t-shirts/red
• site.com/t-shirts/womens/red
• site.com/t-shirts/red/womens

Esta opción puede causar problemas masivos de duplicación. Para solucionarlo/evitarlo, puede considerar las siguientes opciones:

• Use JavaScript para evitar la generación de URLs similares. Esta opción tomará algo de tiempo para implementar, ya que necesita verificar manualmente cada combinación de páginas que desea indexar. Asegúrese de que todas sus páginas esenciales se indexen y que las URLs duplicadas no lo hagan.
• Use no-index, follow para no permitir la indexación de combinaciones de URLs duplicadas; esto reducirá el número de páginas duplicadas en su sitio, pero su presupuesto de rastreo y equidad de enlace podrían desperdiciarse.
• Use Canonical tags para dejar que Google elija una URL como la versión canónica y todas las demás URLs se considerarán como URLs duplicadas. Esta opción ahorrará equidad de enlace, pero el presupuesto de rastreo seguirá desperdiciándose.
• Use robots.txt para no permitir URLs similares usando parámetros específicos. Una desventaja de esta opción es que las URLs aún pueden ser rastreadas si hay algún enlace de seguimiento que apunte a la página no permitida usando robots.txt.

En la mayoría de los casos, necesita elegir una combinación de las correcciones anteriores dependiendo de sus necesidades exactas.

3. Menú de navegación más grande y visualmente agradable por Big Chill

La navegación de comercio electrónico de nivel superior juega un papel decisivo en las conversiones. No necesita confundir a los usuarios aquí. Use una opción de menú más grande y visualmente agradable como la utilizada por Big Chill.

La mayoría de las etiquetas de menú de nivel superior son simples y comprenden una sola palabra. Es un diseño minimalista que ofrece menos margen para cualquier distracción.

Cuando coloqué el cursor en la etiqueta de la tienda, se abrió el menú desplegable y me sorprendió ver opciones de menú grandes y visualmente agradables.

Puede ver claramente en la captura de pantalla anterior que los elementos del menú se muestran en tamaño de pantalla completa, utiliza imágenes para facilitar que el usuario reconozca y elija una categoría de su elección.

¿Por qué es útil un menú más grande?

El menú de nivel superior es fácilmente clicable y tocable. Los usuarios pueden reconocer fácilmente las imágenes sin necesidad de leer los nombres de las categorías, lo que lleva a una mejor experiencia de usuario.

Los compradores pueden escanear fácilmente las etiquetas del menú y moverse a la categoría de su elección; esto significa que el usuario puede encontrar lo que busca de inmediato.

4. Pie de página gordo por GrubHub

Los pies de página gordos son una buena manera de proporcionar una vista rápida de todo su sitio, o las páginas más importantes de su sitio, a su audiencia. Su objetivo debe ser una mejor experiencia de usuario para ellos. Si su negocio sirve a múltiples ubicaciones, incluirlas en su pie de página es una buena manera de mejorar sus posibilidades de clasificar páginas particulares (pero no hay garantía; no llene su pie de página).

GrubHub muestra cada una de sus ubicaciones de negocio en el pie de página, lo que lo convierte en un pie de página realmente grande y gordo.

¿Por qué es útil un pie de página gordo?

Los pies de página gordos son una buena manera de mantener a los usuarios en el sitio porque les ayuda a encontrar lo que buscan rápidamente.

También puede ofrecer un impulso a su SEO vinculando a las páginas importantes (ya sea categoría o ubicación) en su pie de página. Esta estrategia ayudará a un mejor flujo de jugo de enlace, aumentando así la importancia de las páginas internas. Una mayor importancia podría conducir a clasificaciones más altas, lo que lleva a un mayor tráfico y más ventas.

Tenga en cuenta:  No use el pie de página gordo para enviar spam a las personas. Muchos webmasters usan pies de página gordos para ganar equidad de enlace y se olvidan de la UX. Siempre recuerde que su único propósito de tener un pie de página gordo en su sitio web es mejorar la experiencia del usuario. Por lo tanto, identifique el propósito de su sitio web y piense cuidadosamente sobre los enlaces que debe incluir en el pie de página gordo. No use el pie de página gordo para apuntar excesivamente a ubicaciones, y olvídese de tener anchor text sobreoptimizado para ganar valor de SEO porque Google no valora el anchor text utilizado en los pies de página.

Por ejemplo, tiene sentido que un sitio web de comercio electrónico tenga un pie de página gordo porque ayuda a los visitantes a navegar por las categorías y productos populares en el sitio que de otro modo son difíciles de encontrar. Sin embargo, la práctica de vincular a todas y cada una de las páginas internas de un sitio web desde el pie de página gordo no es aceptable porque esto puede ser juzgado como spam por Google.

5. Visualización de la misma subcategoría bajo diferentes categorías principales por Best Buy

¿Alguna vez pensó en tener subcategorías duplicadas? Bestbuy.com muestra la misma subcategoría bajo diferentes categorías principales. La misma subcategoría “Sistemas de cine en casa” se puede encontrar bajo las categorías “Audio” y “TV y cine en casa”.

¿Por qué es útil la visualización de la misma categoría bajo varias categorías principales?

Según un Hallazgos al medir la usabilidad, cuando un artículo de una tienda de muebles infantiles se incluyó en diferentes categorías, el porcentaje de usuarios que encontraron el artículo con éxito aumentó del 29% al 74%.

Con una mejor visibilidad del producto, las posibilidades de venta son siempre mayores.

6. Animación colorida de Skinny Ties

El SEO no tiene por qué ser aburrido; ¡siempre hay animación! Le recomiendo que añada un poco de animación colorida a su navegación y vea la magia que puede hacer por usted.

El vendedor de corbatas online Skinny Ties hace un trabajo increíble mostrando su colección de corbatas utilizando animaciones coloridas que son suficientes para ganarse el corazón de su audiencia. Esto es lo que los diferencia de sus competidores:

Muestran una gama de sus corbatas como seda, rayas, algodón, gráficos, etc., directamente en su página de inicio en un formato animado.

El menú superior muestra opciones de categoría con amplias pistas visuales. Las opciones de color no están escritas en rojo, sino que tienen una paleta de colores asociada para que el usuario pueda captarlo de inmediato.

Debajo del menú de ancho, podemos ver que el ancho de la corbata no solo está escrito, sino que se transmite con una imagen humana para que pueda ver cómo podría verse en usted cuando la use. ¡Excelente! ¿No es así?

¿Por qué es útil la animación colorida?

Tener un menú colorido ayuda a captar instantáneamente la atención del usuario. Puede colocar el cursor sobre la opción seleccionada y no podrá resistirse a hacer clic en ella.

Proporcionar amplias pistas visuales directamente en la navegación ayuda a los usuarios a comprender lo que ofrece el producto y pueden juzgar adecuadamente si el producto es adecuado para ellos. Cuando ayuda a los usuarios a decidir sobre una elección de producto, se sienten valorados y refieren a otros clientes debido a la facilidad de compra. Esta facilidad de compra puede conducir a más ventas y mayores ingresos.

7. Retargeting de cookies de Asos

Siempre es conveniente para el usuario visitar sitios que ya conocen sus preferencias. Por ejemplo, cuando visito Asos, se redirige automáticamente a la sección de hombres y el menú superior presenta todas las categorías de hombres. El retargeting significa que no tengo que hacer clic en la categoría de hombres cada vez que visito el sitio, y esto acelera todo el proceso de compra y mejora la experiencia del usuario, lo que lleva a más ventas.

Técnicamente, esto se llama “retargeting de cookies”, donde se coloca una pequeña cookie en el navegador que rastrea las elecciones de los visitantes.

¿Por qué es útil el retargeting de cookies?

El retargeting de cookies ayuda a actualizar dinámicamente el menú y presenta opciones de productos adecuadas ante los usuarios en función de sus preferencias anteriores. Las tiendas electrónicas que ya están haciendo esto están presenciando un salto en sus ventas.

8. Opción de búsqueda fácilmente visible de Zara

El cuadro de búsqueda a menudo se conoce como el “Cuadro de búsqueda sagrado”. Una opción de búsqueda eficiente es crucial para mantener a los visitantes en el sitio.

A menudo he visto que los sitios de comercio electrónico tienen una opción de búsqueda más pequeña que es difícil de encontrar; esto impide que los usuarios encuentren el producto de su elección, lo que lleva a una mayor tasa de rebote.

Eche un vistazo a cómo Zara utiliza una barra de búsqueda más prominente y altamente visible que los usuarios pueden usar en el momento en que aterrizan en el sitio web.

¿Por qué es útil una barra de búsqueda más grande?

Es el último recurso del usuario para encontrar el producto de su elección cuando todas las demás opciones de navegación han fallado. Un cuadro de búsqueda fácil de encontrar es a menudo la mejor manera para que los clientes se muevan directamente a la página de producto deseada.

La opción de búsqueda interna del sitio hace que el sitio web sea más centrado en el cliente y atrae a los visitantes que son más expertos en búsqueda.

Instalar una función de búsqueda en el sitio le permite descubrir los datos cruciales que puede utilizar para optimizar aún más su sitio web y la estrategia de marketing general.

Puede obtener esto y otras recomendaciones de navegación personalizadas auditando su tienda con  Ecommerce Booster. Mejore la navegación, la UX y las conversiones de su sitio web en general. La herramienta proporciona instrucciones detalladas para cada tarea de optimización para que no tenga que perder tiempo investigando cómo realizar cambios.

9. Barra de beneficios de Mountain Bikes Direct

Si quiere que la gente compre sus productos, necesita ganarse su confianza. Una barra de beneficios es un elemento interesante que podría añadir al diseño de su sitio web que ayuda a aumentar la confianza en la mente de su cliente con respecto al sitio web y su producto. Y esto conduce a más ventas.

Mountain Bikes Direct hace un gran trabajo ganándose la confianza de los clientes mostrando una barra de beneficios justo debajo del menú superior. El beneficio puede mencionar su USP principal, sus socios de mensajería o pasarela de pago de confianza, política de devolución o reembolso gratuito, cualquier premio y reconocimiento que su empresa haya recibido en el pasado u otra opción que ayude a ganarse la confianza de los clientes.

¿Por qué es útil una barra de beneficios?

Los clientes definitivamente verán el contenido presente en la barra de beneficios, y si pueden encontrar instantáneamente la información que necesitan y ver que otros confían en su empresa, es más fácil crear confianza con un nuevo cliente. Esta confianza en su marca significa que es más probable que le compren productos.

Una barra de beneficios sirve como un refuerzo de confianza para los clientes que dudan en comprar productos en su sitio.

10. Menú desplegable rico en funciones de New Balance

Un menú de navegación personalizado que contenga más información sobre los productos siempre contribuirá a una mejor experiencia de usuario; esto es lo que hace la marca de calzado New Balance en su sitio web. El menú de navegación superior muestra la imagen completa del producto junto con el nombre del producto en la propia navegación, y esto ayuda a que los visitantes estén más comprometidos con el producto, lo que conduce a una mejor experiencia de usuario.

¿Por qué es útil un menú desplegable rico en funciones?

Los usuarios son empujados hacia los productos sin la necesidad de navegar por las páginas de categorías para echar un vistazo al producto. Cuando dedica menos tiempo a mostrar sus mejores productos, las posibilidades de que los clientes se interesen en sus productos aumentan, y conduce a una experiencia de usuario notable que conduce a más ventas.

El menú desplegable rico de ancho completo es una excelente manera de permitir que sus usuarios interactúen con su sitio. Un mayor compromiso conducirá a una menor tasa de rebote y un mayor tiempo en el sitio. Cuanto más tiempo pasen los usuarios en su sitio, más interesados estarán en comprar sus productos.

11. Navegación vertical limpia de Nua Bikes

Si tiene un sitio de diseño de una sola página, entonces un menú de navegación vertical limpio es su mejor apuesta. La razón es bastante sencilla; no quiere que sus visitantes se confundan. Esto es lo que hace Nua Bikes en su navegación.

La navegación del lado izquierdo presenta un diseño limpio donde los usuarios pueden encontrar el producto de su elección de una manera más rápida y directa.

¿Por qué es útil una navegación vertical limpia?

Una navegación limpia es útil para sitios que tienen un inventario de productos limitado. Los productos se pueden cargar más rápido y los clientes pueden moverse fácilmente hacia el final del embudo de ventas.

Conclusión

Uno de los mayores errores que cometen los webmasters es no implementar las características que ya saben que pueden hacer maravillas. Revise las opciones anteriores y considere cuál sería más útil para su audiencia, y cuál conduciría a más ventas; pruébelo. Se sorprenderá al ver las diferencias positivas que puede hacer en sus ventas.