Consejos de usabilidad para la conversión: Cómo es una tienda online amigable para el usuario

Consejos de usabilidad para la conversión: Cómo es una tienda online amigable para el usuario

Consejos de usabilidad para la conversión: Cómo es una tienda online amigable para el usuario

Consejos de usabilidad para la conversión: Cómo es una tienda online amigable para el usuario

Aumenta la conversión en tu tienda online creando una experiencia amigable y centrada en el cliente. Pon a prueba tu tienda con nuestra Lista de Verificación de Usabilidad.

Aumenta la conversión en tu tienda online creando una experiencia amigable y centrada en el cliente. Pon a prueba tu tienda con nuestra Lista de Verificación de Usabilidad.

Ecommerce-tips

Ecommerce-tips

Ecommerce-tips

1 abr 2021

Nick Knuppe

Jefe de Marketing de Producto

Como minorista de comercio electrónico, sabes lo importante que es la usabilidad del sitio web para el éxito de tu negocio. Después de todo, si los clientes no pueden averiguar fácilmente cómo usar tu tienda, será menos probable que realicen una compra. Así de simple. 

Este artículo explica cómo puedes aumentar tu tasa de conversión haciendo que tu tienda en línea sea más fácil de usar. También incluye nuestra lista de verificación de usabilidad, que cubre todos los ejemplos y consejos contenidos en el artículo.

Como minorista de comercio electrónico, sabes lo importante que es la usabilidad del sitio web para el éxito de tu negocio. Después de todo, si los clientes no pueden averiguar fácilmente cómo usar tu tienda, será menos probable que realicen una compra. Así de simple. 

Este artículo explica cómo puedes aumentar tu tasa de conversión haciendo que tu tienda en línea sea más fácil de usar. También incluye nuestra lista de verificación de usabilidad, que cubre todos los ejemplos y consejos contenidos en el artículo.

Como minorista de comercio electrónico, sabes lo importante que es la usabilidad del sitio web para el éxito de tu negocio. Después de todo, si los clientes no pueden averiguar fácilmente cómo usar tu tienda, será menos probable que realicen una compra. Así de simple. 

Este artículo explica cómo puedes aumentar tu tasa de conversión haciendo que tu tienda en línea sea más fácil de usar. También incluye nuestra lista de verificación de usabilidad, que cubre todos los ejemplos y consejos contenidos en el artículo.

Como minorista de comercio electrónico, sabes lo importante que es la usabilidad del sitio web para el éxito de tu negocio. Después de todo, si los clientes no pueden averiguar fácilmente cómo usar tu tienda, será menos probable que realicen una compra. Así de simple. 

Este artículo explica cómo puedes aumentar tu tasa de conversión haciendo que tu tienda en línea sea más fácil de usar. También incluye nuestra lista de verificación de usabilidad, que cubre todos los ejemplos y consejos contenidos en el artículo.

Definiendo la usabilidad: ¿Qué significa ser amigable para el usuario en el comercio electrónico?

'Usabilidad' se refiere a qué tan fácil de usar es un sitio web. Se trata de crear una experiencia de usuario sin complicaciones que haga que tus clientes disfruten comprando en tu sitio. Y eso significa diseñar tu tienda en línea para que los visitantes puedan encontrar rápida y fácilmente exactamente lo que necesitan.

Quizás el aspecto más importante de la usabilidad es lo fácil que es navegar por tu sitio. El diseño de tu sitio web debe hacer que la navegación sea intuitiva y llevar rápidamente a los clientes a los productos o información que están buscando. Otras funciones útiles, como usar el autocompletado para datos de formularios, también ayudan a optimizar la experiencia de usuario (UX) en tu sitio.

'Usabilidad' se refiere a qué tan fácil de usar es un sitio web. Se trata de crear una experiencia de usuario sin complicaciones que haga que tus clientes disfruten comprando en tu sitio. Y eso significa diseñar tu tienda en línea para que los visitantes puedan encontrar rápida y fácilmente exactamente lo que necesitan.

Quizás el aspecto más importante de la usabilidad es lo fácil que es navegar por tu sitio. El diseño de tu sitio web debe hacer que la navegación sea intuitiva y llevar rápidamente a los clientes a los productos o información que están buscando. Otras funciones útiles, como usar el autocompletado para datos de formularios, también ayudan a optimizar la experiencia de usuario (UX) en tu sitio.

'Usabilidad' se refiere a qué tan fácil de usar es un sitio web. Se trata de crear una experiencia de usuario sin complicaciones que haga que tus clientes disfruten comprando en tu sitio. Y eso significa diseñar tu tienda en línea para que los visitantes puedan encontrar rápida y fácilmente exactamente lo que necesitan.

Quizás el aspecto más importante de la usabilidad es lo fácil que es navegar por tu sitio. El diseño de tu sitio web debe hacer que la navegación sea intuitiva y llevar rápidamente a los clientes a los productos o información que están buscando. Otras funciones útiles, como usar el autocompletado para datos de formularios, también ayudan a optimizar la experiencia de usuario (UX) en tu sitio.

'Usabilidad' se refiere a qué tan fácil de usar es un sitio web. Se trata de crear una experiencia de usuario sin complicaciones que haga que tus clientes disfruten comprando en tu sitio. Y eso significa diseñar tu tienda en línea para que los visitantes puedan encontrar rápida y fácilmente exactamente lo que necesitan.

Quizás el aspecto más importante de la usabilidad es lo fácil que es navegar por tu sitio. El diseño de tu sitio web debe hacer que la navegación sea intuitiva y llevar rápidamente a los clientes a los productos o información que están buscando. Otras funciones útiles, como usar el autocompletado para datos de formularios, también ayudan a optimizar la experiencia de usuario (UX) en tu sitio.

¿Por qué es tan importante el diseño web fácil de usar para la conversión en el comercio electrónico?

La usabilidad y una experiencia de usuario positiva aumentan la probabilidad de que… 

  • un usuario realice una compra, y

  • los clientes primerizos se conviertan en clientes recurrentes. 

Cuanto más fácil sea para los usuarios navegar por tu tienda en línea, más rápido podrán encontrar los productos que desean. Y eso los hace mucho más propensos a convertirse en clientes satisfechos. 

Los clientes rara vez son conscientes de la buena usabilidad. Sin embargo, la mala usabilidad es claramente notable (por ejemplo, si faltan filtros importantes o el sitio es difícil de navegar). Si tu sitio no cumple con las expectativas del cliente, simplemente se irá sin comprar nada. Esto ilustra el vínculo directo entre la usabilidad y la conversión: hacer tu tienda más amigable para el usuario es crucial para aumentar las ventas a largo plazo.

La usabilidad y una experiencia de usuario positiva aumentan la probabilidad de que… 

  • un usuario realice una compra, y

  • los clientes primerizos se conviertan en clientes recurrentes. 

Cuanto más fácil sea para los usuarios navegar por tu tienda en línea, más rápido podrán encontrar los productos que desean. Y eso los hace mucho más propensos a convertirse en clientes satisfechos. 

Los clientes rara vez son conscientes de la buena usabilidad. Sin embargo, la mala usabilidad es claramente notable (por ejemplo, si faltan filtros importantes o el sitio es difícil de navegar). Si tu sitio no cumple con las expectativas del cliente, simplemente se irá sin comprar nada. Esto ilustra el vínculo directo entre la usabilidad y la conversión: hacer tu tienda más amigable para el usuario es crucial para aumentar las ventas a largo plazo.

La usabilidad y una experiencia de usuario positiva aumentan la probabilidad de que… 

  • un usuario realice una compra, y

  • los clientes primerizos se conviertan en clientes recurrentes. 

Cuanto más fácil sea para los usuarios navegar por tu tienda en línea, más rápido podrán encontrar los productos que desean. Y eso los hace mucho más propensos a convertirse en clientes satisfechos. 

Los clientes rara vez son conscientes de la buena usabilidad. Sin embargo, la mala usabilidad es claramente notable (por ejemplo, si faltan filtros importantes o el sitio es difícil de navegar). Si tu sitio no cumple con las expectativas del cliente, simplemente se irá sin comprar nada. Esto ilustra el vínculo directo entre la usabilidad y la conversión: hacer tu tienda más amigable para el usuario es crucial para aumentar las ventas a largo plazo.

La usabilidad y una experiencia de usuario positiva aumentan la probabilidad de que… 

  • un usuario realice una compra, y

  • los clientes primerizos se conviertan en clientes recurrentes. 

Cuanto más fácil sea para los usuarios navegar por tu tienda en línea, más rápido podrán encontrar los productos que desean. Y eso los hace mucho más propensos a convertirse en clientes satisfechos. 

Los clientes rara vez son conscientes de la buena usabilidad. Sin embargo, la mala usabilidad es claramente notable (por ejemplo, si faltan filtros importantes o el sitio es difícil de navegar). Si tu sitio no cumple con las expectativas del cliente, simplemente se irá sin comprar nada. Esto ilustra el vínculo directo entre la usabilidad y la conversión: hacer tu tienda más amigable para el usuario es crucial para aumentar las ventas a largo plazo.

¿Cómo puedes probar la usabilidad de tu tienda online?

Para averiguar si el diseño de tu tienda está centrado en el usuario, puedes realizar una prueba de usabilidad. Hay muchos tipos de pruebas para elegir, dependiendo de tu presupuesto, tu nivel de experiencia y lo que deseas lograr. 

Las empresas aprenden más al realizar pruebas en vivo con usuarios reales que pueden ofrecer sugerencias inmediatas para mejorar el diseño de una tienda en línea. También hay muchas herramientas que te ayudan a obtener información sobre la usabilidad de tu tienda.


Para averiguar si el diseño de tu tienda está centrado en el usuario, puedes realizar una prueba de usabilidad. Hay muchos tipos de pruebas para elegir, dependiendo de tu presupuesto, tu nivel de experiencia y lo que deseas lograr. 

Las empresas aprenden más al realizar pruebas en vivo con usuarios reales que pueden ofrecer sugerencias inmediatas para mejorar el diseño de una tienda en línea. También hay muchas herramientas que te ayudan a obtener información sobre la usabilidad de tu tienda.


Para averiguar si el diseño de tu tienda está centrado en el usuario, puedes realizar una prueba de usabilidad. Hay muchos tipos de pruebas para elegir, dependiendo de tu presupuesto, tu nivel de experiencia y lo que deseas lograr. 

Las empresas aprenden más al realizar pruebas en vivo con usuarios reales que pueden ofrecer sugerencias inmediatas para mejorar el diseño de una tienda en línea. También hay muchas herramientas que te ayudan a obtener información sobre la usabilidad de tu tienda.


Para averiguar si el diseño de tu tienda está centrado en el usuario, puedes realizar una prueba de usabilidad. Hay muchos tipos de pruebas para elegir, dependiendo de tu presupuesto, tu nivel de experiencia y lo que deseas lograr. 

Las empresas aprenden más al realizar pruebas en vivo con usuarios reales que pueden ofrecer sugerencias inmediatas para mejorar el diseño de una tienda en línea. También hay muchas herramientas que te ayudan a obtener información sobre la usabilidad de tu tienda.


KPIs para pruebas de usabilidad

Para hacer la usabilidad medible, es una buena idea comenzar definiendo algunos indicadores clave de rendimiento (KPIs). Te ayudarán a determinar si el diseño de tu web es efectivo y está centrado en el usuario.

Los KPIs de usabilidad cuantitativa incluyen:

  • tasa de éxito en la finalización de tareas

  • cuánto tiempo lleva completar las tareas

  • usar la función de búsqueda vs. usar la navegación del sitio

  • con qué frecuencia ocurren errores (por ejemplo, al usar métodos de pago específicos)

Los KPIs de usabilidad cualitativa incluyen:

  • expectativas y rendimiento del usuario

  • satisfacción general

Fuera del entorno de pruebas, los siguientes KPIs ofrecen a los minoristas de comercio electrónico una visión sobre qué tan fácil de usar son sus sitios:

Para hacer la usabilidad medible, es una buena idea comenzar definiendo algunos indicadores clave de rendimiento (KPIs). Te ayudarán a determinar si el diseño de tu web es efectivo y está centrado en el usuario.

Los KPIs de usabilidad cuantitativa incluyen:

  • tasa de éxito en la finalización de tareas

  • cuánto tiempo lleva completar las tareas

  • usar la función de búsqueda vs. usar la navegación del sitio

  • con qué frecuencia ocurren errores (por ejemplo, al usar métodos de pago específicos)

Los KPIs de usabilidad cualitativa incluyen:

  • expectativas y rendimiento del usuario

  • satisfacción general

Fuera del entorno de pruebas, los siguientes KPIs ofrecen a los minoristas de comercio electrónico una visión sobre qué tan fácil de usar son sus sitios:

Para hacer la usabilidad medible, es una buena idea comenzar definiendo algunos indicadores clave de rendimiento (KPIs). Te ayudarán a determinar si el diseño de tu web es efectivo y está centrado en el usuario.

Los KPIs de usabilidad cuantitativa incluyen:

  • tasa de éxito en la finalización de tareas

  • cuánto tiempo lleva completar las tareas

  • usar la función de búsqueda vs. usar la navegación del sitio

  • con qué frecuencia ocurren errores (por ejemplo, al usar métodos de pago específicos)

Los KPIs de usabilidad cualitativa incluyen:

  • expectativas y rendimiento del usuario

  • satisfacción general

Fuera del entorno de pruebas, los siguientes KPIs ofrecen a los minoristas de comercio electrónico una visión sobre qué tan fácil de usar son sus sitios:

Para hacer la usabilidad medible, es una buena idea comenzar definiendo algunos indicadores clave de rendimiento (KPIs). Te ayudarán a determinar si el diseño de tu web es efectivo y está centrado en el usuario.

Los KPIs de usabilidad cuantitativa incluyen:

  • tasa de éxito en la finalización de tareas

  • cuánto tiempo lleva completar las tareas

  • usar la función de búsqueda vs. usar la navegación del sitio

  • con qué frecuencia ocurren errores (por ejemplo, al usar métodos de pago específicos)

Los KPIs de usabilidad cualitativa incluyen:

  • expectativas y rendimiento del usuario

  • satisfacción general

Fuera del entorno de pruebas, los siguientes KPIs ofrecen a los minoristas de comercio electrónico una visión sobre qué tan fácil de usar son sus sitios:

Optimizando tu tienda en línea: 7 consejos de usabilidad para un diseño web amigable

Como minorista de comercio electrónico, tienes más opciones que nunca cuando se trata de añadir funciones a tu tienda online. Aun así, generalmente es una buena idea seguir la regla de oro: menos es más. Las claves para mejorar la usabilidad en tu sitio son una interfaz de usuario intuitiva y un diseño claro y fácil de navegar. Aquí tienes algunos consejos para ayudarte a hacer tu sitio web aún más amigable.

Optimising your online shop: 7 usability tips for user-friendly web design


Consejo 1: Minimiza los tiempos de carga

En muchos casos, los visitantes deciden quedarse en una página o dejarla rápidamente simplemente basado en cuánto tiempo tarda en cargar. Si tu tienda online no ha cargado completamente en dos o tres segundos, hay una buena probabilidad de que el usuario presione el botón de retroceso de inmediato y regrese a sus resultados de búsqueda. Si eso sucede, los habrás perdido frente a tus competidores. Además, tu tasa de conversión sufrirá, y la mayor tasa de rebote en tu página enviará una señal negativa a Google. El ranking de búsqueda de tu sitio sufrirá si los usuarios frecuentemente salen en solo unos segundos. Por eso, una de las mejores cosas que puedes hacer para mejorar la usabilidad es optimizar el tiempo de carga de tu sitio (por ejemplo, usando imágenes de productos comprimidas). 

Las imágenes que uses en tu sitio nunca deben ser mayores de 1920 x 1280 píxeles. Y sigue esta regla general: sube fotos y gráficos de alta calidad como archivos JPEG, y sube gráficos más pequeños o con pocos colores o transparencias como archivos PNG.

Consejo 2: Mantén un diseño clásico

Con el tiempo, los sitios web han adoptado gradualmente un diseño de página más o menos estándar. Esto permite a los compradores online navegar de manera intuitiva por un sitio web. Por lo general, los elementos de una tienda online se organizan de la siguiente manera:


Esto no significa que cada tienda online deba verse exactamente igual. Sin embargo, estos elementos estándar hacen que el sitio sea intuitivo para tus usuarios, lo que mejora la usabilidad. Si tu sitio usa un diseño inusual o excesivamente creativo que coloca los elementos estándar en lugares difíciles de encontrar, es probable que aleje a tus posibles clientes. Lo mismo aplica para los términos que uses. Evita usar nombres poco convencionales para cosas como el carrito de compras o el inicio de sesión. Esto solo lleva a la confusión.

Consejo 3: Facilita la búsqueda

Tus clientes deben poder encontrar productos en tu sitio lo más fácilmente posible. Es por eso que los siguientes elementos son tan importantes:

  • Categorías de productos lógicas

  • Filtros claramente definidos

  • Función de búsqueda

También puedes usar auto-completado para hacer que la barra de búsqueda sea aún más amigable para el usuario. A medida que el usuario introduce un término de búsqueda, muéstrales una lista de posibles coincidencias y el número de resultados de búsqueda para cada coincidencia.

Consejo 4: Arregla fotos y descripciones útilmente

Una vez que el usuario encuentra el producto que busca, imágenes detalladas y descripciones informativas ayudan a atraerlos a realizar una compra. Una vez más, es importante organizar los elementos en la pantalla para que el comprador pueda navegar intuitivamente por la página. Algunos elementos, por ejemplo, generalmente aparecen a la derecha de la galería de imágenes. Estos incluyen:

  • Selección de tamaño y cantidad

  • El botón ‘Añadir al carrito’

  • Una lista rápida de características clave del producto

  • Una tabla de tallas (si es aplicable)

Las descripciones detalladas de los productos y las reseñas de clientes deben posicionarse debajo de la galería de imágenes.

Consejo 5: Permite que los clientes ‘sigan comprando’

Otra característica importante de usabilidad es permitir que el usuario continúe comprando inmediatamente después de haber añadido un artículo a su carrito de compras. Por ejemplo, puedes usar una ventana emergente para darle al usuario la opción de ‘Ir al carrito’ o ‘Seguir comprando’. Si eligen seguir comprando, deberían poder retomar exactamente donde lo dejaron, sin tener que realizar una nueva búsqueda o establecer sus filtros de búsqueda nuevamente.

También es importante incluir un botón de ‘Seguir comprando’ dentro del carrito de compras. En muchas tiendas online, un cliente no tiene la opción de volver a la tienda una vez que entra al carrito de compras. Como resultado, les lleva más tiempo encontrar su camino de regreso a la selección de productos que estaban viendo previamente, y hasta podrían abandonar su carrito. Para asegurar la máxima usabilidad, siempre incluye un botón claramente visible de ‘Volver a la tienda’ o ‘Seguir comprando’.

Consejo 6: Simplifica el proceso de Checkout

La usabilidad del Checkout es uno de los factores más importantes que pueden aumentar tu tasa de conversión como minorista de eCommerce. Esto podría significar reducir los pasos en el proceso de pedido al menor número posible. También da a tus clientes la opción de hacer una compra instantánea con un clic sin crear una cuenta. Para más consejos, echa un vistazo a nuestra guía completa para optimizar tu proceso de Checkout para aumentar la conversión.

Consejo 7: Automatiza formularios

Estas dos opciones de automatización facilitan y hacen más amigable el llenado de formularios en tu sitio web:

  • La auto-rellenado llena automáticamente campos de datos del formulario tan pronto como el cliente introduce su información de dirección.

  • La validación en línea encuentra posibles errores en la información que el usuario ha introducido al comprobar instantáneamente cosas como:

Como minorista de comercio electrónico, tienes más opciones que nunca cuando se trata de añadir funciones a tu tienda online. Aun así, generalmente es una buena idea seguir la regla de oro: menos es más. Las claves para mejorar la usabilidad en tu sitio son una interfaz de usuario intuitiva y un diseño claro y fácil de navegar. Aquí tienes algunos consejos para ayudarte a hacer tu sitio web aún más amigable.

Optimising your online shop: 7 usability tips for user-friendly web design


Consejo 1: Minimiza los tiempos de carga

En muchos casos, los visitantes deciden quedarse en una página o dejarla rápidamente simplemente basado en cuánto tiempo tarda en cargar. Si tu tienda online no ha cargado completamente en dos o tres segundos, hay una buena probabilidad de que el usuario presione el botón de retroceso de inmediato y regrese a sus resultados de búsqueda. Si eso sucede, los habrás perdido frente a tus competidores. Además, tu tasa de conversión sufrirá, y la mayor tasa de rebote en tu página enviará una señal negativa a Google. El ranking de búsqueda de tu sitio sufrirá si los usuarios frecuentemente salen en solo unos segundos. Por eso, una de las mejores cosas que puedes hacer para mejorar la usabilidad es optimizar el tiempo de carga de tu sitio (por ejemplo, usando imágenes de productos comprimidas). 

Las imágenes que uses en tu sitio nunca deben ser mayores de 1920 x 1280 píxeles. Y sigue esta regla general: sube fotos y gráficos de alta calidad como archivos JPEG, y sube gráficos más pequeños o con pocos colores o transparencias como archivos PNG.

Consejo 2: Mantén un diseño clásico

Con el tiempo, los sitios web han adoptado gradualmente un diseño de página más o menos estándar. Esto permite a los compradores online navegar de manera intuitiva por un sitio web. Por lo general, los elementos de una tienda online se organizan de la siguiente manera:


Esto no significa que cada tienda online deba verse exactamente igual. Sin embargo, estos elementos estándar hacen que el sitio sea intuitivo para tus usuarios, lo que mejora la usabilidad. Si tu sitio usa un diseño inusual o excesivamente creativo que coloca los elementos estándar en lugares difíciles de encontrar, es probable que aleje a tus posibles clientes. Lo mismo aplica para los términos que uses. Evita usar nombres poco convencionales para cosas como el carrito de compras o el inicio de sesión. Esto solo lleva a la confusión.

Consejo 3: Facilita la búsqueda

Tus clientes deben poder encontrar productos en tu sitio lo más fácilmente posible. Es por eso que los siguientes elementos son tan importantes:

  • Categorías de productos lógicas

  • Filtros claramente definidos

  • Función de búsqueda

También puedes usar auto-completado para hacer que la barra de búsqueda sea aún más amigable para el usuario. A medida que el usuario introduce un término de búsqueda, muéstrales una lista de posibles coincidencias y el número de resultados de búsqueda para cada coincidencia.

Consejo 4: Arregla fotos y descripciones útilmente

Una vez que el usuario encuentra el producto que busca, imágenes detalladas y descripciones informativas ayudan a atraerlos a realizar una compra. Una vez más, es importante organizar los elementos en la pantalla para que el comprador pueda navegar intuitivamente por la página. Algunos elementos, por ejemplo, generalmente aparecen a la derecha de la galería de imágenes. Estos incluyen:

  • Selección de tamaño y cantidad

  • El botón ‘Añadir al carrito’

  • Una lista rápida de características clave del producto

  • Una tabla de tallas (si es aplicable)

Las descripciones detalladas de los productos y las reseñas de clientes deben posicionarse debajo de la galería de imágenes.

Consejo 5: Permite que los clientes ‘sigan comprando’

Otra característica importante de usabilidad es permitir que el usuario continúe comprando inmediatamente después de haber añadido un artículo a su carrito de compras. Por ejemplo, puedes usar una ventana emergente para darle al usuario la opción de ‘Ir al carrito’ o ‘Seguir comprando’. Si eligen seguir comprando, deberían poder retomar exactamente donde lo dejaron, sin tener que realizar una nueva búsqueda o establecer sus filtros de búsqueda nuevamente.

También es importante incluir un botón de ‘Seguir comprando’ dentro del carrito de compras. En muchas tiendas online, un cliente no tiene la opción de volver a la tienda una vez que entra al carrito de compras. Como resultado, les lleva más tiempo encontrar su camino de regreso a la selección de productos que estaban viendo previamente, y hasta podrían abandonar su carrito. Para asegurar la máxima usabilidad, siempre incluye un botón claramente visible de ‘Volver a la tienda’ o ‘Seguir comprando’.

Consejo 6: Simplifica el proceso de Checkout

La usabilidad del Checkout es uno de los factores más importantes que pueden aumentar tu tasa de conversión como minorista de eCommerce. Esto podría significar reducir los pasos en el proceso de pedido al menor número posible. También da a tus clientes la opción de hacer una compra instantánea con un clic sin crear una cuenta. Para más consejos, echa un vistazo a nuestra guía completa para optimizar tu proceso de Checkout para aumentar la conversión.

Consejo 7: Automatiza formularios

Estas dos opciones de automatización facilitan y hacen más amigable el llenado de formularios en tu sitio web:

  • La auto-rellenado llena automáticamente campos de datos del formulario tan pronto como el cliente introduce su información de dirección.

  • La validación en línea encuentra posibles errores en la información que el usuario ha introducido al comprobar instantáneamente cosas como:

Como minorista de comercio electrónico, tienes más opciones que nunca cuando se trata de añadir funciones a tu tienda online. Aun así, generalmente es una buena idea seguir la regla de oro: menos es más. Las claves para mejorar la usabilidad en tu sitio son una interfaz de usuario intuitiva y un diseño claro y fácil de navegar. Aquí tienes algunos consejos para ayudarte a hacer tu sitio web aún más amigable.

Optimising your online shop: 7 usability tips for user-friendly web design


Consejo 1: Minimiza los tiempos de carga

En muchos casos, los visitantes deciden quedarse en una página o dejarla rápidamente simplemente basado en cuánto tiempo tarda en cargar. Si tu tienda online no ha cargado completamente en dos o tres segundos, hay una buena probabilidad de que el usuario presione el botón de retroceso de inmediato y regrese a sus resultados de búsqueda. Si eso sucede, los habrás perdido frente a tus competidores. Además, tu tasa de conversión sufrirá, y la mayor tasa de rebote en tu página enviará una señal negativa a Google. El ranking de búsqueda de tu sitio sufrirá si los usuarios frecuentemente salen en solo unos segundos. Por eso, una de las mejores cosas que puedes hacer para mejorar la usabilidad es optimizar el tiempo de carga de tu sitio (por ejemplo, usando imágenes de productos comprimidas). 

Las imágenes que uses en tu sitio nunca deben ser mayores de 1920 x 1280 píxeles. Y sigue esta regla general: sube fotos y gráficos de alta calidad como archivos JPEG, y sube gráficos más pequeños o con pocos colores o transparencias como archivos PNG.

Consejo 2: Mantén un diseño clásico

Con el tiempo, los sitios web han adoptado gradualmente un diseño de página más o menos estándar. Esto permite a los compradores online navegar de manera intuitiva por un sitio web. Por lo general, los elementos de una tienda online se organizan de la siguiente manera:


Esto no significa que cada tienda online deba verse exactamente igual. Sin embargo, estos elementos estándar hacen que el sitio sea intuitivo para tus usuarios, lo que mejora la usabilidad. Si tu sitio usa un diseño inusual o excesivamente creativo que coloca los elementos estándar en lugares difíciles de encontrar, es probable que aleje a tus posibles clientes. Lo mismo aplica para los términos que uses. Evita usar nombres poco convencionales para cosas como el carrito de compras o el inicio de sesión. Esto solo lleva a la confusión.

Consejo 3: Facilita la búsqueda

Tus clientes deben poder encontrar productos en tu sitio lo más fácilmente posible. Es por eso que los siguientes elementos son tan importantes:

  • Categorías de productos lógicas

  • Filtros claramente definidos

  • Función de búsqueda

También puedes usar auto-completado para hacer que la barra de búsqueda sea aún más amigable para el usuario. A medida que el usuario introduce un término de búsqueda, muéstrales una lista de posibles coincidencias y el número de resultados de búsqueda para cada coincidencia.

Consejo 4: Arregla fotos y descripciones útilmente

Una vez que el usuario encuentra el producto que busca, imágenes detalladas y descripciones informativas ayudan a atraerlos a realizar una compra. Una vez más, es importante organizar los elementos en la pantalla para que el comprador pueda navegar intuitivamente por la página. Algunos elementos, por ejemplo, generalmente aparecen a la derecha de la galería de imágenes. Estos incluyen:

  • Selección de tamaño y cantidad

  • El botón ‘Añadir al carrito’

  • Una lista rápida de características clave del producto

  • Una tabla de tallas (si es aplicable)

Las descripciones detalladas de los productos y las reseñas de clientes deben posicionarse debajo de la galería de imágenes.

Consejo 5: Permite que los clientes ‘sigan comprando’

Otra característica importante de usabilidad es permitir que el usuario continúe comprando inmediatamente después de haber añadido un artículo a su carrito de compras. Por ejemplo, puedes usar una ventana emergente para darle al usuario la opción de ‘Ir al carrito’ o ‘Seguir comprando’. Si eligen seguir comprando, deberían poder retomar exactamente donde lo dejaron, sin tener que realizar una nueva búsqueda o establecer sus filtros de búsqueda nuevamente.

También es importante incluir un botón de ‘Seguir comprando’ dentro del carrito de compras. En muchas tiendas online, un cliente no tiene la opción de volver a la tienda una vez que entra al carrito de compras. Como resultado, les lleva más tiempo encontrar su camino de regreso a la selección de productos que estaban viendo previamente, y hasta podrían abandonar su carrito. Para asegurar la máxima usabilidad, siempre incluye un botón claramente visible de ‘Volver a la tienda’ o ‘Seguir comprando’.

Consejo 6: Simplifica el proceso de Checkout

La usabilidad del Checkout es uno de los factores más importantes que pueden aumentar tu tasa de conversión como minorista de eCommerce. Esto podría significar reducir los pasos en el proceso de pedido al menor número posible. También da a tus clientes la opción de hacer una compra instantánea con un clic sin crear una cuenta. Para más consejos, echa un vistazo a nuestra guía completa para optimizar tu proceso de Checkout para aumentar la conversión.

Consejo 7: Automatiza formularios

Estas dos opciones de automatización facilitan y hacen más amigable el llenado de formularios en tu sitio web:

  • La auto-rellenado llena automáticamente campos de datos del formulario tan pronto como el cliente introduce su información de dirección.

  • La validación en línea encuentra posibles errores en la información que el usuario ha introducido al comprobar instantáneamente cosas como:

Como minorista de comercio electrónico, tienes más opciones que nunca cuando se trata de añadir funciones a tu tienda online. Aun así, generalmente es una buena idea seguir la regla de oro: menos es más. Las claves para mejorar la usabilidad en tu sitio son una interfaz de usuario intuitiva y un diseño claro y fácil de navegar. Aquí tienes algunos consejos para ayudarte a hacer tu sitio web aún más amigable.

Optimising your online shop: 7 usability tips for user-friendly web design


Consejo 1: Minimiza los tiempos de carga

En muchos casos, los visitantes deciden quedarse en una página o dejarla rápidamente simplemente basado en cuánto tiempo tarda en cargar. Si tu tienda online no ha cargado completamente en dos o tres segundos, hay una buena probabilidad de que el usuario presione el botón de retroceso de inmediato y regrese a sus resultados de búsqueda. Si eso sucede, los habrás perdido frente a tus competidores. Además, tu tasa de conversión sufrirá, y la mayor tasa de rebote en tu página enviará una señal negativa a Google. El ranking de búsqueda de tu sitio sufrirá si los usuarios frecuentemente salen en solo unos segundos. Por eso, una de las mejores cosas que puedes hacer para mejorar la usabilidad es optimizar el tiempo de carga de tu sitio (por ejemplo, usando imágenes de productos comprimidas). 

Las imágenes que uses en tu sitio nunca deben ser mayores de 1920 x 1280 píxeles. Y sigue esta regla general: sube fotos y gráficos de alta calidad como archivos JPEG, y sube gráficos más pequeños o con pocos colores o transparencias como archivos PNG.

Consejo 2: Mantén un diseño clásico

Con el tiempo, los sitios web han adoptado gradualmente un diseño de página más o menos estándar. Esto permite a los compradores online navegar de manera intuitiva por un sitio web. Por lo general, los elementos de una tienda online se organizan de la siguiente manera:


Esto no significa que cada tienda online deba verse exactamente igual. Sin embargo, estos elementos estándar hacen que el sitio sea intuitivo para tus usuarios, lo que mejora la usabilidad. Si tu sitio usa un diseño inusual o excesivamente creativo que coloca los elementos estándar en lugares difíciles de encontrar, es probable que aleje a tus posibles clientes. Lo mismo aplica para los términos que uses. Evita usar nombres poco convencionales para cosas como el carrito de compras o el inicio de sesión. Esto solo lleva a la confusión.

Consejo 3: Facilita la búsqueda

Tus clientes deben poder encontrar productos en tu sitio lo más fácilmente posible. Es por eso que los siguientes elementos son tan importantes:

  • Categorías de productos lógicas

  • Filtros claramente definidos

  • Función de búsqueda

También puedes usar auto-completado para hacer que la barra de búsqueda sea aún más amigable para el usuario. A medida que el usuario introduce un término de búsqueda, muéstrales una lista de posibles coincidencias y el número de resultados de búsqueda para cada coincidencia.

Consejo 4: Arregla fotos y descripciones útilmente

Una vez que el usuario encuentra el producto que busca, imágenes detalladas y descripciones informativas ayudan a atraerlos a realizar una compra. Una vez más, es importante organizar los elementos en la pantalla para que el comprador pueda navegar intuitivamente por la página. Algunos elementos, por ejemplo, generalmente aparecen a la derecha de la galería de imágenes. Estos incluyen:

  • Selección de tamaño y cantidad

  • El botón ‘Añadir al carrito’

  • Una lista rápida de características clave del producto

  • Una tabla de tallas (si es aplicable)

Las descripciones detalladas de los productos y las reseñas de clientes deben posicionarse debajo de la galería de imágenes.

Consejo 5: Permite que los clientes ‘sigan comprando’

Otra característica importante de usabilidad es permitir que el usuario continúe comprando inmediatamente después de haber añadido un artículo a su carrito de compras. Por ejemplo, puedes usar una ventana emergente para darle al usuario la opción de ‘Ir al carrito’ o ‘Seguir comprando’. Si eligen seguir comprando, deberían poder retomar exactamente donde lo dejaron, sin tener que realizar una nueva búsqueda o establecer sus filtros de búsqueda nuevamente.

También es importante incluir un botón de ‘Seguir comprando’ dentro del carrito de compras. En muchas tiendas online, un cliente no tiene la opción de volver a la tienda una vez que entra al carrito de compras. Como resultado, les lleva más tiempo encontrar su camino de regreso a la selección de productos que estaban viendo previamente, y hasta podrían abandonar su carrito. Para asegurar la máxima usabilidad, siempre incluye un botón claramente visible de ‘Volver a la tienda’ o ‘Seguir comprando’.

Consejo 6: Simplifica el proceso de Checkout

La usabilidad del Checkout es uno de los factores más importantes que pueden aumentar tu tasa de conversión como minorista de eCommerce. Esto podría significar reducir los pasos en el proceso de pedido al menor número posible. También da a tus clientes la opción de hacer una compra instantánea con un clic sin crear una cuenta. Para más consejos, echa un vistazo a nuestra guía completa para optimizar tu proceso de Checkout para aumentar la conversión.

Consejo 7: Automatiza formularios

Estas dos opciones de automatización facilitan y hacen más amigable el llenado de formularios en tu sitio web:

  • La auto-rellenado llena automáticamente campos de datos del formulario tan pronto como el cliente introduce su información de dirección.

  • La validación en línea encuentra posibles errores en la información que el usuario ha introducido al comprobar instantáneamente cosas como:

Comercio móvil: Diseño de tienda fácil de usar para dispositivos móviles

Las compras online móviles son cada vez más populares. El estudio Shopping Index 2019 realizado por Salesforce encontró que el 70% de los usuarios en todo el mundo prefiere buscar productos en sus dispositivos móviles. Para evitar que los clientes potenciales abandonen inmediatamente tu tienda online, es importante optimizar la usabilidad de tu sitio para smartphones y tablets. Aquí tienes algunos consejos para crear un diseño de tienda móvil fácil de usar.

Mobile commerce: User-friendly shop design for mobile devices


Reducir el contenido

Los dispositivos móviles ofrecen mucho menos espacio en pantalla que los monitores de escritorio. Por eso es importante simplificar tu sitio a las funciones principales más populares y hacer de estas el foco de tu diseño móvil. Asegúrate de que las opciones del menú sean cortas y claras—eso ayudará a mejorar la usabilidad en la versión móvil de tu tienda.

Usar un diseño fácil de navegar

Un diseño altamente funcional es aún más importante para el comercio móvil. Evita trucos innecesarios, imágenes enormes y contenido multimedia. Estos no solo abruman al usuario; también ralentizan el tiempo de carga de tu página. Siempre ofrece a tus clientes un camino claro y fácil para volver a la página de inicio en cualquier momento. Y asegúrate de que elementos de la página como el carrito de compras y las opciones de navegación principal sean siempre fácilmente accesibles.

Usar la pantalla táctil de manera efectiva

Diseña la versión móvil de tu tienda online de manera que los usuarios nunca tengan que hacer zoom para usarla. Haz que los botones CTA sean lo suficientemente grandes para que el usuario pueda presionarlos fácilmente con un dedo. También puedes aprovechar las funcionalidades móviles como deslizar, que permite a los usuarios hojear imágenes de productos y te deja mostrar textos más largos de una manera más estructurada.

Sincronizar el carrito de compras

Un carrito de compras centrado en el usuario también es importante en el comercio móvil. Asegúrate de que las funciones sean fáciles de usar y que los clientes puedan gestionar productos en su carrito con facilidad. También es una buena idea habilitar la sincronización con la versión de escritorio de tu sitio. Esto permite a los usuarios comenzar a comprar en su dispositivo móvil y luego completar la compra más tarde en el escritorio, si así lo prefieren.

Las compras online móviles son cada vez más populares. El estudio Shopping Index 2019 realizado por Salesforce encontró que el 70% de los usuarios en todo el mundo prefiere buscar productos en sus dispositivos móviles. Para evitar que los clientes potenciales abandonen inmediatamente tu tienda online, es importante optimizar la usabilidad de tu sitio para smartphones y tablets. Aquí tienes algunos consejos para crear un diseño de tienda móvil fácil de usar.

Mobile commerce: User-friendly shop design for mobile devices


Reducir el contenido

Los dispositivos móviles ofrecen mucho menos espacio en pantalla que los monitores de escritorio. Por eso es importante simplificar tu sitio a las funciones principales más populares y hacer de estas el foco de tu diseño móvil. Asegúrate de que las opciones del menú sean cortas y claras—eso ayudará a mejorar la usabilidad en la versión móvil de tu tienda.

Usar un diseño fácil de navegar

Un diseño altamente funcional es aún más importante para el comercio móvil. Evita trucos innecesarios, imágenes enormes y contenido multimedia. Estos no solo abruman al usuario; también ralentizan el tiempo de carga de tu página. Siempre ofrece a tus clientes un camino claro y fácil para volver a la página de inicio en cualquier momento. Y asegúrate de que elementos de la página como el carrito de compras y las opciones de navegación principal sean siempre fácilmente accesibles.

Usar la pantalla táctil de manera efectiva

Diseña la versión móvil de tu tienda online de manera que los usuarios nunca tengan que hacer zoom para usarla. Haz que los botones CTA sean lo suficientemente grandes para que el usuario pueda presionarlos fácilmente con un dedo. También puedes aprovechar las funcionalidades móviles como deslizar, que permite a los usuarios hojear imágenes de productos y te deja mostrar textos más largos de una manera más estructurada.

Sincronizar el carrito de compras

Un carrito de compras centrado en el usuario también es importante en el comercio móvil. Asegúrate de que las funciones sean fáciles de usar y que los clientes puedan gestionar productos en su carrito con facilidad. También es una buena idea habilitar la sincronización con la versión de escritorio de tu sitio. Esto permite a los usuarios comenzar a comprar en su dispositivo móvil y luego completar la compra más tarde en el escritorio, si así lo prefieren.

Las compras online móviles son cada vez más populares. El estudio Shopping Index 2019 realizado por Salesforce encontró que el 70% de los usuarios en todo el mundo prefiere buscar productos en sus dispositivos móviles. Para evitar que los clientes potenciales abandonen inmediatamente tu tienda online, es importante optimizar la usabilidad de tu sitio para smartphones y tablets. Aquí tienes algunos consejos para crear un diseño de tienda móvil fácil de usar.

Mobile commerce: User-friendly shop design for mobile devices


Reducir el contenido

Los dispositivos móviles ofrecen mucho menos espacio en pantalla que los monitores de escritorio. Por eso es importante simplificar tu sitio a las funciones principales más populares y hacer de estas el foco de tu diseño móvil. Asegúrate de que las opciones del menú sean cortas y claras—eso ayudará a mejorar la usabilidad en la versión móvil de tu tienda.

Usar un diseño fácil de navegar

Un diseño altamente funcional es aún más importante para el comercio móvil. Evita trucos innecesarios, imágenes enormes y contenido multimedia. Estos no solo abruman al usuario; también ralentizan el tiempo de carga de tu página. Siempre ofrece a tus clientes un camino claro y fácil para volver a la página de inicio en cualquier momento. Y asegúrate de que elementos de la página como el carrito de compras y las opciones de navegación principal sean siempre fácilmente accesibles.

Usar la pantalla táctil de manera efectiva

Diseña la versión móvil de tu tienda online de manera que los usuarios nunca tengan que hacer zoom para usarla. Haz que los botones CTA sean lo suficientemente grandes para que el usuario pueda presionarlos fácilmente con un dedo. También puedes aprovechar las funcionalidades móviles como deslizar, que permite a los usuarios hojear imágenes de productos y te deja mostrar textos más largos de una manera más estructurada.

Sincronizar el carrito de compras

Un carrito de compras centrado en el usuario también es importante en el comercio móvil. Asegúrate de que las funciones sean fáciles de usar y que los clientes puedan gestionar productos en su carrito con facilidad. También es una buena idea habilitar la sincronización con la versión de escritorio de tu sitio. Esto permite a los usuarios comenzar a comprar en su dispositivo móvil y luego completar la compra más tarde en el escritorio, si así lo prefieren.

Las compras online móviles son cada vez más populares. El estudio Shopping Index 2019 realizado por Salesforce encontró que el 70% de los usuarios en todo el mundo prefiere buscar productos en sus dispositivos móviles. Para evitar que los clientes potenciales abandonen inmediatamente tu tienda online, es importante optimizar la usabilidad de tu sitio para smartphones y tablets. Aquí tienes algunos consejos para crear un diseño de tienda móvil fácil de usar.

Mobile commerce: User-friendly shop design for mobile devices


Reducir el contenido

Los dispositivos móviles ofrecen mucho menos espacio en pantalla que los monitores de escritorio. Por eso es importante simplificar tu sitio a las funciones principales más populares y hacer de estas el foco de tu diseño móvil. Asegúrate de que las opciones del menú sean cortas y claras—eso ayudará a mejorar la usabilidad en la versión móvil de tu tienda.

Usar un diseño fácil de navegar

Un diseño altamente funcional es aún más importante para el comercio móvil. Evita trucos innecesarios, imágenes enormes y contenido multimedia. Estos no solo abruman al usuario; también ralentizan el tiempo de carga de tu página. Siempre ofrece a tus clientes un camino claro y fácil para volver a la página de inicio en cualquier momento. Y asegúrate de que elementos de la página como el carrito de compras y las opciones de navegación principal sean siempre fácilmente accesibles.

Usar la pantalla táctil de manera efectiva

Diseña la versión móvil de tu tienda online de manera que los usuarios nunca tengan que hacer zoom para usarla. Haz que los botones CTA sean lo suficientemente grandes para que el usuario pueda presionarlos fácilmente con un dedo. También puedes aprovechar las funcionalidades móviles como deslizar, que permite a los usuarios hojear imágenes de productos y te deja mostrar textos más largos de una manera más estructurada.

Sincronizar el carrito de compras

Un carrito de compras centrado en el usuario también es importante en el comercio móvil. Asegúrate de que las funciones sean fáciles de usar y que los clientes puedan gestionar productos en su carrito con facilidad. También es una buena idea habilitar la sincronización con la versión de escritorio de tu sitio. Esto permite a los usuarios comenzar a comprar en su dispositivo móvil y luego completar la compra más tarde en el escritorio, si así lo prefieren.

Lista de verificación: ¿Cumple tu tienda online con todos los requisitos de usabilidad?

Esta lista de verificación te ayuda a evaluar rápida y fácilmente cuán usable es tu tienda en línea. De esta manera, puedes identificar áreas donde mejorar la facilidad de uso y aumentar tu tasa de conversión.


Mantente al día

Nunca te pierdas una actualización. Recibe actualizaciones de productos, noticias e historias de clientes directamente en tu bandeja de entrada.

Mantente al día

Nunca te pierdas una actualización. Recibe actualizaciones de productos, noticias e historias de clientes directamente en tu bandeja de entrada.

Connect every payment. Upgrade every part of your business.

Nunca te pierdas una actualización. Recibe actualizaciones de productos, noticias e historias de clientes directamente en tu bandeja de entrada.

Mantente al día

Nunca te pierdas una actualización. Recibe actualizaciones de productos, noticias e historias de clientes directamente en tu bandeja de entrada.

Form fields
Form fields
Form fields

Índice de contenidos

Índice de contenidos

Índice de contenidos

Índice de contenidos

MollieGrowthConsejos de usabilidad para la conversión: Cómo es una tienda online amigable para el usuario
MollieGrowthConsejos de usabilidad para la conversión: Cómo es una tienda online amigable para el usuario
MollieGrowthConsejos de usabilidad para la conversión: Cómo es una tienda online amigable para el usuario