¿No has hecho nunca un Análisis heurístico? ¿Quizá has oído este término, pero no sabes exactamente a qué se refiere? ¿Tienes algo de idea, pero no sabes por dónde empezar? ¡Sin problema! En viva! hemos preparado esta exhaustiva guía para que lo sepas todo sobre el análisis heurístico y en el que tienes un montón de recursos para hacerlo tú mismo.

Qué es un análisis heurístico

Un análisis heurístico es un método para encontrar problemas de usabilidad en un diseño juzgándolo en base a principios generales ya establecidos. El análisis heurístico debe ser realizado preferiblemente por evaluadores expertos en la materia que lo harán siguiendo los mismos principios y los mismos criterios de evaluación. 

¿Evaluadores? Sí, en plural, idealmente entre 3 y 5. Algunos estudios indican que con esta cantidad de evaluadores se lograrán encontrar en torno al 75% de los problemas presentes de usabilidad. Aumentando el número hasta 10 evaluadores el porcentaje de errores localizados solo sube hasta el 85%. Por ello parece mucho más equilibrado desde el punto de vista coste/beneficio un rango de 3 a 5. 

Pero, ¿qué es un heurístico?

Qué es un heurístico

En palabras sencillas, los heurísticos son atajos mentales, estrategias que aplicamos para resolver problemas basadas en experiencias previas que tuvimos al resolver problemas similares.

Los heurísticos son atajos mentales que usamos para resolver problemas de forma rápida y ágil.

Por ejemplo, si entras en una habitación sin luz es muy probable que tu mano se dirija casi de forma automática al lugar donde es esperable encontrar un interruptor para encenderla. Eso es un heurístico, un atajo mental. Te has enfrentado infinidad de veces antes a este problema (una habitación oscura) y sabes cómo resolverlo (encontrando la llave de la luz). Tu cerebro no dedica mucha energía a encontrar la solución, ya la tiene.

Los heurísticos más famosos son los desarrollados por Jakob Nielsen y Rolf Molich en 1990, que resumimos a continuación: 

1. Visibilidad del sistema: mantén al usuario siempre informado de que lo está sucediendo.
2. Adecuación entre el sistema y el mundo real. Háblale en el lenguaje del usuario
3. Pon siempre en control al usuario y dale libertad.
4. Consistencia. Usa estándares y evita confundir al usuario usando diferentes palabras, iconos, significados, etc…
5. Evita errores y posibles problemas antes de que ocurran.
6. Reconocimiento mejor que recuerdo. Muestra la información debida que ayude al usuario a actuar/decidir sin tener que recordar.
7. Flexibilidad. Permite que los usuarios con más experiencia tengan atajos para cumplir de forma más rápida sus objetivos.
8. Diseño estético y minimalista. Evita elementos innecesarios y concéntrate en lo principal.
9. Solución de errores. Ayuda al usuario con lenguaje sencillo a reconocer, entender y encontrar la solución a los errores.
10. Ayuda y documentación. Provee la información necesaria y hazla fácilmente accesible.

Aunque son de los más conocidos, es importante que sepas que estos no son los únicos existentes. Hay otros sets de heurísticos compilados por otros autores. Conocerlos te puede ayudar a elaborar tu propia lista de heurísticos que puede adaptarse mejor al análisis en concreto que necesites realizar. 

Por si te apetece profundizar en este punto, aquí tienes otras listas de Heurísticos: 

• Gerhardt-Powals cognitive engineering principles
• Winschenk & Barker classification
• Ocho reglas de oro del diseño de interfaces (de Shneiderman)

Beneficios y limitaciones del análisis heurístico

Un análisis heurístico puede ser una herramienta muy poderosa para descubrir problemas importantes de usabilidad.

Entre sus ventajas, encontramos: 

• Permite centrarse directamente en problemas específicos.
• Se puede usar en una fase temprana del proceso de diseño y desarrollo.
• Puede ser más económico que otras herramientas de investigación. En parte dependerá de la cantidad de evaluadores que uses y de su nivel de experiencia.
• Es relativamente rápido y ágil. 
• Es posible combinarlo con otras herramientas de investigación.

Pero, como todos los métodos, también tiene sus limitaciones, y es importante que las conozcas.

Algunas de sus limitaciones son: 

• Los resultados pueden depender de lo experimentado que sea el/los evaluador/es que los realicen. 
• Necesitarás usar más de un evaluador. Como ya hemos dicho, idealmente entre 3 y 5. Un solo evaluador podría no encontrar más del 30% de los problemas.
• Es subjetivo. No “prueba” nada. Es una buena forma de obtener información con la que empezar a trabajar pero necesitarás validar los resultados con otras herramientas, como User testing, Test A/B…
• En función de los heurísticos que uses, puedes estar centrándote solamente en la Usabilidad. Y si lo que estás haciendo es CRO, puede que te dejes algunas capas de la optimización fuera. Entenderás esto un poco mejor si sigues leyendo.

¿Tiene entonces sentido realizar un análisis heurístico, incluso aunque seas el único evaluador y no seas un experto? En mi opinión, absolutamente sí. Si tienes algo de tiempo y eres consciente de las limitaciones de este tipo de análisis, realizar tú mismo un análisis heurístico puede ser un ejercicio interesante que te descubra algunos de los problemas más graves de tu web y te ayude a ser más consciente de qué tipo de ayuda puedes necesitar.

Cómo hacer un análisis heurístico

Para hacer una análisis heurístico necesitarás: 

• Saber qué vas a evaluar. Puedes evaluar una web al completo o solo algunas secciones o procesos concretos: proceso de compra, registro, etc. Define las tareas a realizar por los evaluadores.
• Conocer el tipo de usuario y público objetivo que usará el sitio web. Si tienes a tu disposición un documento Personas, o algo del estilo, revísalo para familiarizarte con el usuario tipo que utiliza o utilizará el sitio.
• Entre 3-5 evaluadores. Preferiblemente bien versados en usabilidad y a ser posible bien conocedores del campo en el que se desarrolla el negocio. Si tu presupuesto es limitado y no tienes la opción de conseguir entre 3 y 5 evaluadores, puedes hacerlo tú mismo, (solo recuerda las limitaciones de las que ya hemos hablado anteriormente).
• Elegir la lista de heurísticos (entre 5-10). Si no sabes cuáles elegir, puedes optar por seleccionar los 10 heurísticos (o algunos de ellos) propuestos por Nielsen-Molich de los que ya hemos hablado. Otras opciones que tienes:
  • Daniel Torres Burriel dispone de una plantilla muy interesante para hacer análisis heurísticos basada en la Guía de evaluación Heurística de Yusef Hassan Montero.
  • O si lo prefieres puedes optar por usar la plantilla que proponemos en este artículo, basada en el framework de André Morys, muy orientado al CRO.
• Unos criterios de evaluación y un sistema para registrar los resultados. Los evaluadores deberán conocer el criterio de evaluación y usar el mismo sistema. Por ejemplo, puedes puntuar de 1 a 5 cada uno de los aspectos evaluados. Lo ideal es trabajar con una checklist con todos los puntos a valorar y una columna donde anotes la puntuación.
• Preparar un informe final. Recoge los resultados de todos los evaluadores en un solo documento para aglutinar las valoraciones, ordena los problemas detectados por orden de severidad y añade recomendaciones para solucionarlos.

Hasta aquí, hemos considerado de forma general todos los aspectos que involucran un análisis heurístico. Pero ahora llega lo bueno. En la parte final de este artículo, te ofrecemos un modelo para hacer tu propio análisis. 

Plantilla para realizar tu propio análisis heurístico

La mayoría de los modelos de análisis heurísticos que puedes encontrar en la red se basan en los 10 heurísticos de Jakob Nielsen. Hoy te presentamos una alternativa muy interesante: el modelo que propone André Morys basado en lo que él mismo define como los 7 niveles de la conversión. André Morys es el CEO de KonversionsKRAFT, una de las agencias más conocidas y reputadas de CRO a nivel mundial.

¿Qué tiene de especial su propuesta?

En su opinión la mayoría de los análisis heurísticos se basan solo en la usabilidad, pero dejan a un lado otras capas de la conversión como las relacionadas con la motivación y la psicología, capas que de ser bien trabajadas suelen producir un mayor retorno, porque son las que pueden generar un verdadero cambio en el comportamiento del usuario.

Para ello, André Morys propone realizar el análisis revisando 7 aspectos que llama niveles de conversión:

1. Relevancia 
2. Confianza
3. Orientación 
4. Estímulo
5. Seguridad
6. Facilidad
7. Confirmación

Para cada uno de estos niveles, se incluye un checklist con preguntas relevantes que hacerse durante el análisis heurístico. La mejor forma de usar estos checklist es hacer la revisión del sitio objeto de análisis y además de, al menos otros 3 competidores. 

Puedes valorar de 1-5 cada uno de los aspectos analizados tanto del sitio como de los competidores y en función de la nota final identificar las fortalezas y debilidades de cada uno de ellos. 

Lo bueno de usar un framework de este tipo es que, de alguna forma, ayuda a reducir la subjetividad inherente a este tipo de evaluaciones. 

Repasemos cada uno de los aspectos que analizaremos:

1. Relevancia

La pregunta más importante que pretende contestar este aspecto es ¿resuelve esta página mi problema?

Ya sabemos que la primera impresión es realmente importante. Si una página es o no relevante para lo que necesito es más una sensación y es una decisión que solemos tomar en muy poco tiempo (puede que en unos 50 milisegundos). Por eso, analizando este punto queremos ver ¿transmite la página la sensación correcta en el primer vistazo? 

El checklist para analizar este punto: 

Es importante que revises y tengas muy presente en este nivel los valores y las emociones que destaca la página y si están alineados con los valores y emociones del usuario que aterriza en ella. También es bueno que conozcas en qué valores y emociones se centra tu competencia. 

2. Confianza

Un estudio de más de 2500 participantes reveló que los usuarios evalúan la confiabilidad de un sitio web en base a:

• 46,1% Diseño web (color, etc.)
• 28,5% Arquitectura y organización de la información
• 25,1% Claridad de la información
• 15,5% Key visual e identidad de marca
• 14,8% Utilidad de la información

Un usuario buscará inconscientemente señales en un sitio web que le generen sensación de confianza y credibilidad. Hay diversos recursos que se pueden utilizar para construir confianza en un sitio web. Uno de ellos es la prueba social.

Artículo recomendado: 6 pruebas sociales que puedes incluir YA en tu web para vender más

El checklist para analizar la Confianza: 

3. Orientación

Tenemos el poder de controlar la atención del usuario. Cuando aterriza en nuestra página, tenemos que hacer que vea lo que queremos que vea. Y para ello debemos usar correctamente los diferentes elementos que tenemos a nuestro alcance para dirigir correctamente la atención: la jerarquía visual, el contraste, el tamaño, la cantidad de opciones mostradas, etc…

La cuestión de fondo que queremos evaluar en este nivel es ¿tiene el usuario claro dónde tiene que hacer clic? o ¿cómo encontrar el producto correcto?

Un punto importante a destacar al respecto es la necesidad de revisar todos los CTA (Call-To-Action, las llamadas visuales o textuales que llevan al usuario a realizar una acción; por ejemplo los textos de los botones).

Una fórmula efectiva para crear un buen CTA es la siguiente:

Me gustaría QUÉ (acción específica) porque quiero POR QUÉ (Beneficio).

Por ejemplo: Suscríbete y ahorra un 15% es mucho más claro que Confirmar, Continuar o Enviar.

El checklist para revisar el aspecto de Orientación:

4. Estímulo

Es muy fácil perder a un usuario, pues solo está a un clic de distancia de nuestros competidores. Por eso no solo queremos dirigir correctamente su atención sino que también queremos cautivarlos.

En este sentido, este nivel de Estímulo se refiere a los pequeños incentivos que usamos para hacerle entender al usuario cómo nuestro producto se adapta mejor a sus necesidades y por qué debería comprarlo. También es el momento de destacar qué nos hace diferentes.

Este nivel es extremadamente importante revisarlo porque es el que conecta la fase de consideración con la de conversión. 

El checklist para revisar el nivel de Estímulo: 

5. Seguridad

En este nivel de Seguridad tratamos de evaluar cómo responde el sitio web a todas las posibles objeciones que pueden formarse en la mente del usuario. 

Cosas tales como la garantía, la política de devoluciones, el precio final, cómo darse de baja, dónde acudir por ayuda son factores que influyen directamente en la sensación de seguridad de un usuario. Trabajarlos correctamente nos ayudará a minimizar los miedos y la sensación de riesgo. 

El checklist para revisar el nivel de Seguridad:

6. Facilidad

El mundo digital nos ha acostumbrado a hacer las cosas de forma rápida y fácil y gratis, si es posible. Por eso cuando algo es fácil, automáticamente nos gusta más. 

Cuando nos enfrentamos a una tarea, existe lo que se llama anticipación de la facilidad. Nuestra mente suele hacer una evaluación rápida e inicial de cuán fácil o compleja es una tarea. Y actuamos en base a ello. Por ello, nuestro objetivo es lograr no solo que la tarea a realizar en nuestro sitio (compra, registro, etc…) sea sencilla sino también que lo parezca. 

El checklist para revisar el nivel de Facilidad:

Lectura recomendada: Formularios eficientes para una mejor tasa de conversión

7. Confirmación

Siempre que realizamos una acción o tomamos una decisión nos preguntamos si fue la decisión correcta. Y, a menudo nuestra mente busca razones y argumentos lógicos para justificar la decisión. 

Por eso es bueno mostrar al usuario los beneficios que obtiene o ha obtenido justo después de tomar la decisión. Así reforzamos su seguridad de que ha tomado la decisión correcta. 

El checklist para revisar el aspecto de Confirmación:

Pasos finales

Una vez que hayas hecho la evaluación de tu sitio web y de los competidores obtendrás una nota final por cada aspecto y podrás comparar el rendimiento de cada uno de ellos en los diferentes niveles de la conversión.

En nuestra plantilla para hacer el análisis heurístico tienes una pestaña donde podrás ver un gráfico y rápidamente identificar en qué aspectos debes enfocarte primero. Hazlo en aquellos en los que tengas peor nota y dentro de estos en aquellos en los que antes puedas alcanzar y marcar una diferencia con tus competidores.

El análisis heurístico en el CRO

¿Dónde se encuadra el análisis heurístico en una estrategia CRO? 

Este tipo de análisis es solo una de las herramientas utilizadas en la fase de investigación. Como ya hemos comentado usar solo esta herramienta no te permitirá detectar todos los puntos de mejora en los que trabajar, pero te ayudarán a componer una base con la que empezar. 

Recuerda que los resultados obtenidos de un análisis heurístico necesitarán ser validados mediante otras herramientas, como User testing o AB Test. Además una vez recopilados todos los problemas y obtenidos todos los puntos de mejora en la fase de investigación, necesitarás realizar una priorización para empezar a trabajar primero aquellos que más retorno y crecimiento puedan producir. 

Y una vez que acabes con todo ello, necesitarás volver a empezar. El CRO es un proceso de mejora continua que no termina nunca. 

Por eso, aunque te animamos a que realices tú mismo un análisis heurístico de tu sitio, recuerda que el CRO implica mucho más. Un equipo especializado, como el de viva! puede ayudarte a conseguir tus objetivos de crecimiento y mejora. 

Por eso, si todavía tienes dudas sobre si el CRO es para tu proyecto, ponte en contacto con nosotros y estaremos encantados de analizar tu caso y explicarte qué podemos hacer por ti.

El CRO es una de las disciplinas de moda que más atrae la atención de los responsables de negocio digital. La razón es sencilla: produce importantes beneficios y un jugoso retorno sobre la inversión.

Pero como en toda industria, en torno a ella también se han generado en los últimos años muchos mitos, confusiones y medias verdades. Esto a menudo confunde a aquellos que se aproximan por primera vez a esta actividad y genera falsas expectativas en quienes se plantean implementarlo en su negocio.

Por eso, en este artículo te ayudaremos a desterrar algunos de los mitos más comunes asociados al CRO:

Mitos sobre CRO

1. CRO es Optimizar la tasa de Conversión

Empecemos por el principio: CRO (Conversion Rate Optimization) es mucho más que optimizar la tasa de conversión. En Marketing digital nos gustan mucho los acrónimos (SEO, PPC…) pero el término CRO no es suficiente para transmitir todo lo que hay implicado en una estrategia de optimización.

La tasa de conversión por supuesto es importante, pero no deja de ser una métrica y no siempre la principal. Prueba a reducir tus precios a la mitad y verás cómo se incrementa terriblemente tu tasa de conversión. Pero despídete de la rentabilidad y prepárate para morir.

CRO es un proceso sistemático y continuo de optimización enfocado en mejorar la eficiencia y maximizar el retorno y que envuelve un conocimiento profundo de las palancas de crecimiento del negocio, las necesidades de los usuarios y qué los frena de completar sus objetivos. Y que se desarrolla principalmente aplicando el método científico, mediante la propuesta de hipótesis y su validación con test, minimizando así el riesgo de tomar decisiones equivocadas.

Así que descarta la idea de que CRO es meramente hacer aumentar la tasa de conversión de tu sitio web.

2. CRO = A/B Testing

Quizá no un mito, pero sí es una confusión muy extendida. Mucha gente cree que CRO es lo mismo que hacer A/B Testing. Pero no. El A/B Testing es una parte, de hecho pequeña, del CRO. El foco de una estrategia CRO no debería basarse exclusivamente en esta actividad. Y esta nunca debería ser el punto de partida. La base sobre la que debe sustentarse un proyecto CRO es un buen análisis e investigación.

El CRO implica mucho más que hacer test. Es un proceso estratégico que tiene el potencial de transformar el negocio al completo.

De hecho hay casos en los que puede que el testing ni siquiera forme parte de la estrategia de optimización. ¿Por qué? Porque el A/B Testing requiere unos niveles de tráfico y conversión mínimos. Pero aún sin el suficiente tráfico, un sitio todavía se puede optimizar. Para ello pueden usarse otras técnicas como:

• Análisis heurísticos (de un especialista)
• User testing
• Mapas de calor, clics y scroll
• Grabaciones de sesiones
• Encuestas a clientes y prospectos
• Optimización del rendimiento (velocidad del sitio, etc…)

Lectura recomendada: CRO en sitios web con poco tráfico

3. El CRO es solo aplicar buenas prácticas

Nada más lejos de la realidad. Internet está lleno de artículos con cientos de buenas prácticas que debes aplicar en tu sitio y que prometen mejorarlo en un gran tanto por cierto. Pero aplicar así las buenas prácticas es un riesgo muy alto.

La realidad es que lo que funciona en un caso no tiene por qué funcionar en otro. Ni siquiera en negocios que pertenecen al mismo sector. A veces puede resultar difícil de creer, pero es real. Los test a menudo devuelven datos muy diferentes en sitios muy similares.

Las buenas prácticas, (o llamémoslas mejor posibles buenas prácticas) pueden ser una fuente de inspiración y una base sobre la que trabajar. Pero aún necesitan estar respaldadas por una exhaustiva investigación, ser priorizadas correctamente y testadas. Solo así ofrecerán el aprendizaje continuo que se busca con un proyecto de optimización.

4. El CRO es rápido

Existe una creencia de que el CRO es algo mágico que consiste en localizar y arreglar unas cuantas cositas por aquí y por allá y… voilá.

Quizá esta falsa expectativa es lo que hace que algunos tiren la toalla en los primeros meses, al ver que los test no producen los resultados deseados. O incluso aún produciendo buenos resultados piensan que ya es suficiente y que es mejor enfocar el presupuesto en otras tareas.

Pero el CRO es un proceso continuo que nunca acaba y que necesita tiempo para producir buenos resultados. No es fácil saber exactamente qué test tendrán más impacto. Pero si interrumpes un proyecto de optimización antes de tiempo, quizá tras encadenar unos cuantos test no ganadores puede que estés haciéndolo justo antes de que se produzcan los resultados que ansías.

Como dice Brian Massey de Conversion Sciences: «Sé paciente, diligente, decidido. Supera esos primeros test inconclusos antes de renunciar a la lucha».

Entonces, ¿cuánto tiempo debe durar un proyecto CRO? La respuesta es sencilla: continúa mientras el CRO te genere más de lo que inviertes.

Una inversión continua en un proyecto de optimización puede ser lo que necesitas para adelantar a tu competencia.

5. Todos los test deben ser ganadores

Sí, a todos nos gustaría que todos los test propuestos fueran ganadores, es decir que validen nuestras hipótesis. Pero esta es una idea que debes desterrar cuanto antes de tu mente. Si eso fuera así, entonces no haría falta testar nada, ¿no?

Acéptalo, habrá test perdedores. Pero todo test (también los “perdedores”) arroja información y es un valioso aprendizaje que permite mejorar las siguientes propuestas.

Todo los test (ganadores y perdedores) son un valioso aprendizaje que permite mejorar

Por ello, más que el ratio de test ganadores, lo principal es que la propuesta de estos responda a una clara estrategia de optimización. No vale disparar por disparar o copiar simplemente ideas de otros proyectos, sino que es necesario tener un gran conocimiento del proyecto y del usuario y formular hipótesis bien planteadas basadas en datos y respaldadas por un exhaustivo análisis.

6. El CRO es para validar opiniones personales

La verdad es que lo que menos importa cuando se trata de optimizar es lo que cada uno de nosotros piense. Lo que importa es lo que realmente funcione, y en todo caso lo que piense el usuario.

Tu opinión no importa

El objetivo de la optimización al final es maximizar el retorno e incrementar la eficiencia. Y para ello debemos mitigar todo lo posible nuestros sesgos para hacer más objetivas nuestras decisiones.

Sucede habitualmente que aquellas cosas que pensamos que deberían funcionar no lo hacen y viceversa.

Por eso es mucho mejor evitar la tentación de poner a prueba nuestras opiniones simplemente porque a nosotros nos parecen la mejor opción. Claro, toda idea es válida y bienvenida pero es mejor seguir un sistema de priorización lo más objetivo posible que nos indique claramente qué orden seguir y evitar nuestras preferencias personales.

¿Por qué hacer CRO?

Si ya tienes más o menos claro qué no es CRO, quizá ahora te preguntes por qué hacer CRO y qué beneficios puede tener en tu organización.

Te invitamos a que eches un vistazo a este artículo:

Lectura recomendada: Por qué es buen momento para hacer CRO

Y si te gustaría saber cómo podemos aplicarlo en tu caso, solo tienes que ponerte en contacto con nosotros y te lo contamos.

Es algo evidente que hoy en día la navegación a través de los dispositivos móviles está por encima de la navegación de escritorio, es por ello que debemos intentar adaptar nuestro sitio web para proporcionar la mejor experiencia de usuario posible.

Es por ello que en este post te vamos a contar una serie de limitaciones que nos encontramos a la hora de adaptar un diseño de escritorio, a uno de móvil.

Los conceptos que veremos a continuación son solo algunos de los puntos a tener en cuenta a la hora de crear un diseño.

1. Clics no deseados

En los dispositivos que disponen de una pantalla táctil, la mayoría de usuarios utiliza su dedo para hacer click en los enlaces o botones de nuestro sitio web (también se puede utilizar un puntero tipo lápiz u otro elemento), es por esto que la precisión en estos elementos disminuye considerablemente.

Para solucionar este problema deberemos tener en cuenta el tamaño y la proximidad de estos elementos entre sí, asegurándonos de que los elementos son lo suficientemente grandes como para poder clicarlos con un dedo.

Así como también asegurarnos de que estos elementos estén lo suficientemente separados entre sí para no dar pie a clics erróneos.

Otra opción que tenemos para prevenir clics erróneos es solicitar una confirmación de la acción que el usuario va a realizar, esto a la larga puede terminar cansando al usuario por lo tanto no recomendamos tanto esta práctica.

Para prevenir el punto anterior y evitar que el usuario se pueda molestar, podemos hacer algo más sutil como añadir una opción de “Deshacer” durante unos segundos para darle al usuario una oportunidad de revertir los cambios.

2. Escritura lenta y con errores

Como es evidente, los dispositivos móviles tienen una menor resolución de pantalla, y es por ello que la tarea de escribir cualquier texto puede convertirse en una odisea, siendo una tarea lenta y a veces, con errores.

Deberás asegurarte de que los campos de tus formularios se mantengan en un mínimo absoluto y de preseleccionar valores preseleccionados inteligentes.

También deberás tener en cuenta los errores de validación en los formularios rellenados en dispositivos táctiles, ya que estos al tener menor resolución proporcionan menos información.

No es mala idea tener una página para visualizar la información rellenada y que el usuario pueda validarla posteriormente.

Para agilizar el proceso de escritura del usuario siempre es positivo utilizar algunas funcionalidades tales como el autocompletado, validaciones en línea, el uso de datos geográficos y otros métodos para sugerir y corregir las entradas del usuario.

En este enlace te dejamos algunas recomendaciones de Google para optimizar el ingreso en los formularios.

3. No existe el “Hover”

El estado hover es la acción que el usuario ejecuta al pasar el ratón por encima de algún elemento de nuestro sitio web, desencadenando así una serie de acciones o haciendo que se muestren ciertos elementos.

En los dispositivos táctiles esto no ocurre ya que no disponemos de un cursor con el que poder realizar esta acción.

Para solucionar este problema la información y las funciones deben ser accesibles de dos formas:

• Visible: El contenido o acción que queremos mostrar aparece por defecto o es accionado a través de elementos ya visibles tales como botones, enlaces, etc…

En el ejemplo anterior se muestra uno de los usos más comunes, mostrar el menú de navegación al hacer clic sobre el botón superior izquierdo.

• Convencional: A través de este método podemos ocultar o mostrar el contenido solamente cuando el usuario emplea ciertos gestos tales como deslizar o agitar, o el “pull to refresh”, arrastrar para actualizar.

Este método nos puede ser de gran utilidad a la hora de simplificar la interfaz móvil, pero tiene una desventaja y es que ésta puede quedar invisible si el usuario no la conoce o no es demasiado intuitiva.

Si cualquiera de estas dos opciones no funciona, el usuario no tendrá ni idea de que existen ciertas funcionalidades por lo que dichas funcionalidades deberían explicarse en un primer momento.

Tip: Aprende a optimizar tu página de inicio a través del CRO

Viva! Conversion Blog

4. Conectividad

Normalmente los usuarios con dispositivos táctiles suelen disponer de una menor conexión a internet o algo más limitada respecto a los ordenadores de sobremesa 

Cada carga de la página supone un tiempo de espera para el usuario, cuanto mayor sea este tiempo, menos paciencia tendrá el usuario pudiendo abandonar nuestro sitio web.

“El 40% de los usuarios con internet móvil abandonan el sitio web si no carga en 3 segundos o menos.”

Si quieres ofrecer una buena experiencia de usuario a las personas que visitan tu sitio, te recomendamos que diseñes una web ligera, que contenga la máxima información para evitar cargas innecesarias.

Las imágenes de un sitio web contribuyen al 63% aproximadamente de la carga total de ésta, por ello también es recomendable hacer uso de CDN que disminuyan la carga de nuestro sitio.

Te dejamos un artículo de Google donde explican como hacer que tu sitio cargue más rápido: 

Techniques to make a web app load fast, even on a feature phone

5. Hardware lento

A pesar de que el rendimiento de los dispositivos táctiles está mejorando de manera muy rápida, siguen siendo dispositivos lentos en comparación con los ordenadores de escritorio. 

Esto quiere decir que la primera carga de la página puede ser muy lenta, especialmente si se está ejecutando mucho Javascript en la carga de la página.

Otro problema del hardware lento es que las transiciones y otras animaciones pueden ser lentas, por lo que además de ser estéticamente no tan agradables pueden arruinar la experiencia de usuario (o no conseguir establecerla en primer lugar).

En ambos casos, una buena programación es primordial. La ejecución diferida de Javascript, combinada con el uso de animaciones CSS aceleradas por hardware, será suficiente en la mayoría de los casos si se implementa correctamente.

Te puede interesar: El futuro de las cookies

Viva! Conversion Blog

6. Sin clic derecho

Los menús personalizados con el botón derecho del ratón no suelen ser tan comunes en los sitios web tradicionales puesto que por defecto ya hay un cuadro de diálogo, pero sí se ven cada vez más en las aplicaciones web como por ejemplo, Google Drive.

En este caso, el menú del botón derecho suele actuar como un atajo rápido basado en el contexto para las funciones más utilizadas. 

Pese a esto, los dispositivos móviles no disponen de una opción tradicional de clic derecho. El sustituto más cercano que se nos ocurre es el gesto de «mantener la pestaña».

Por esta razón deberemos hacer un diseño que se adapte a las necesidades de este tipo de menús, mostrándolos de alguna manera en los dispositivos táctiles.

7. Navegación

Antes del diseño web responsive, todo usuario sabía dónde estaba la navegación. 

Aunque hoy en día las tres barras de la esquina superior izquierda de la página suelen representar el «botón» de navegación por defecto, a muchos usuarios les sigue resultando difícil navegar más allá del menú, sobre todo cuando se trata de sitios web con una estructura complicada. 

Los diseñadores deben dedicar más tiempo a intentar que la navegación sea intuitiva y se explique por sí misma. 

Estudiar el contenido y la arquitectura de la información del sitio web, y comprender a los usuarios cómo y por qué navegan por el sitio es la única manera de tomar una decisión de navegación única.

En este post te hemos contado algunas de las limitaciones que nos podemos encontrar a la hora de realizar un diseño para un sitio web móvil.

Esperamos haberos ayudado en lo máximo posible, si tienes alguna duda no dudes en dejar un comentario, estamos a tu disposición, ¡tampoco olvides dejar tu puntuación!

Los Chatbots se han convertido en herramientas muy valiosas para miles de negocios que apuestan por herramientas digitales que permitan mejorar la gestión de procesos.

Las estadísticas de Google Trends demuestran que el interés en los Chatbots ha crecido x5 durante los últimos años y, para final de este año, más del 50% de las empresas destinarán más recursos para la creación de Chatbots, según Gartner.

¿Qué es la Inteligencia Artificial Conversacional?

La IA Conversacional es una rama de la Inteligencia Artificial que utiliza el aprendizaje
automático y el NPL (procesamiento de lenguaje natural) para intercambiar conversaciones de manera natural y personalizada a través de Chatbots.

Los Chatbots o bots, combinan las aplicaciones de mensajería con la Inteligencia Artificial y el reconocimiento de lenguaje para simular una conversación humana. El aprendizaje continuo de estas herramientas permite que los modelos conversacionales se optimicen para enriquecer las experiencias.

Podríamos decir que los Chatbots se convertirán en el rostro de la Inteligencia Artificial y transformarán definitivamente la forma en que las empresas interactúan con sus clientes en canales digitales.

¿Cómo funcionan? Los Chatbots leen y procesan el texto que les proporciona el usuario. Utilizando una serie de algoritmos intentan comprender e interpretar lo que dice el usuario. Luego, el bot elige entre una selección de respuestas de la Base de Conocimiento, la más adecuada para transmitir al usuario.

Características de los Chatbots con IA

Gracias a la Inteligencia Artificial los Chatbots son más personalizados, y se pueden ajustar a las necesidades de cualquier sector. Cuando hablamos de Chatbots con IA nos referimos a programas informáticos diseñados para simular conversaciones humanas o chatear mediante Inteligencia Artificial.

También existen otro tipo de herramientas creadas en plataformas no code o DIY. Estas plataformas permiten crear Chatbots básicos que no utilizan Inteligencia Artificial, es decir, que están previamente configurados para responder solo a cuestiones específicas y no tienen capacidad para entender el lenguaje escrito por los usuarios.

Los bots conversacionales tienen capacidad para simular el comportamiento humano y pueden intercambiar conversaciones mucho más fluidas que un contestador automático.

Para identificar el verdadero valor de los Chatbots, lo mejor es conocer las características detalladas de las soluciones de IA Conversacional:

• Combinan el procesamiento de Lenguaje Natural (NLP), el reconocimiento de voz, la transcripción a textos (STT) y el reconocimiento óptico de caracteres (OCR).
• Resuelven tareas complejas, transformando los procesos tradicionales.
• Comprenden, procesan y responden en el lenguaje de tus usuarios.
• Ofrecen conversaciones naturales y casi humanas.
• Responden preguntas de producto, consultas de soporte y necesidades transaccionales simultáneamente.
• Reconoce las intenciones en el texto que escriben los usuarios, lo que le permite responder con la respuesta más adecuada.
• Tienen la capacidad de transferir casos a un agente humano y configurar notificaciones.
• Pueden procesar datos compartidos por el usuario y enviarlos a un CRM a través de API o integraciones específicas.
• Mejoran progresivamente su rendimiento gracias al Machine Learning y la supervisión de un equipo especializado.

¿Cómo optimizar la conversión a través de
Chatbots con IA?

Los Chatbots con IA son herramientas de CRO que puedes implementar en tu sitio web o en tu tienda online. Al ser soluciones dinámicas y escalables, se pueden adaptar a diferentes aplicaciones, integrar con diferentes canales y puedes configurar la solución que mejor se adapte a tus necesidades.

Te compartimos las aplicaciones más comunes que pueden impactar de forma positiva en tu estrategia de optimización:

• Aumenta la tasa de conversión de tu página web. Captura los datos de tus clientes potenciales y facilita la captación de Leads, asegurando la calidad de estos contactos y enviándolos a tu CRM para que puedas hacer un seguimiento adecuado.
• Optimiza la tasa de resolución de consultas en el primer contacto. El Chatbot se encargará de resolver las preguntas frecuentes y automatizar las tareas repetitivas. Invierte este tiempo en tareas estratégicas más importantes. En caso de que el usuario no pueda resolver su consulta, el AI Chatbot es capaz de identificarlo y transferirlo a agente, para que el cliente continúe con la conversación en la misma interfaz.
• Ofrece soporte para evitar el abandono en el proceso de checkout. Ofrece respuestas inmediatas a las preguntas más frecuentes durante el proceso de compra. Resuelve las dudas de tus clientes para evitar que abandonen el carrito de compra.
• Si tu objetivo es aumentar la tasa de cros-selling o up-selling, los Chatbots con IA pueden sugerir productos complementarios de acuerdo con el historial de compra y las preferencias de tus clientes.
• Apuesta por los canales de comunicación que prefieren tus clientes. Estar donde tus clientes están es tener la posibilidad de responder a través de aplicaciones de mensajería instantánea, Redes Sociales y Live Chats. Un Chatbot con Inteligencia Artificial te permite centralizar esta gestión

• Mejora la experiencia de usuario. La personalización es el secreto del éxito de todas las herramientas de CRO. Los Chatbots con IA te permiten ofrecer experiencias personalizadas al integrarse con tu herramienta de atención al cliente, Contact Center, tienda online o plataforma de pagos.
• Disminuye la tasa de abandono. Un Chatbot con IA estará disponible para responder a las consultas de los usuarios en la noche, a primera hora de la mañana e incluso los fines de semana.
• Aumenta la tasa de retención. No importa el tipo de consulta, los usuarios no están dispuestos a esperar demasiado tiempo por una respuesta, por lo que los Chatbots con IA te ayudarán a reducir el tiempo de respuesta.

Antes de activar una herramienta conversacional con Inteligencia Artificial para que los visitantes de tu página web resuelvan sus dudas y hagan diferentes consultas, debes evaluar los canales y las preferencias de tus usuarios recurrentes, para ofrecer la mejor experiencia de usuario.

Después de identificar los canales de tus clientes determina el objetivo de tu Chatbot, identifica las consultas frecuentes y detalla el contenido para construir tu Base de Conocimiento. Esto te permitirá obtener una estimación del alcance y de las funciones necesarias de tu Chatbot.

Más allá del CRO, los Chatbots con Inteligencia Artificial son soluciones que permiten escalar los procesos de cualquier empresa, potenciar canales digitales y transformar empresas tradicionales en modelos de negocio omnicanales.

Tras el procesamiento del lenguaje natural (NLP) y el Machine Learning existe un modelo de supervisión humano que permite la mejora continua de los Chatbots. Gracias al entrenamiento que reciben, los Chatbots con IA están en constante aprendizaje y pueden mejorar progresivamente su eficiencia y calidad. Por esto, son soluciones que deben ser desarrolladas y gestionadas por una empresa especialista en Inteligencia Artificial Conversacional.

Aunoa es una plataforma de chatbots conversacionales con objetivo es transformar el modo de comunicación entre las personas y las empresas, desarrollando soluciones basadas en la Inteligencia Artificial Conversacional en diferentes canales de mensajería.

VWO o Visual Website Optimizer, es una herramienta que nos permite crear test o pruebas para ayudarnos a ofrecer al usuario una mejor experiencia de usuario, y a través de esto, mejorar la tasa de conversión.

Si quieres saber más acerca de VWO, no te olvides de visitar este post donde hacemos un análisis completo de esta herramienta.

A continuación veremos los diferentes tipos de implementaciones que podemos hacer con esta herramienta.

¿Qué necesito para empezar a testar en VWO?

Para empezar a trabajar con VWO deberemos realizar la integración con nuestro sitio web o eCommerce, para ello dentro del panel principal (Dashboard) deberemos dirigirnos a la parte superior derecha, en las opciones (Account Settings) y dentro de esta, la pestaña de SmartCode.

Una vez aquí, podemos observar un código, el cual tendremos que colocar antes de la etiqueta de cierre </head> de nuestro sitio.

Si disponemos de un comercio electrónico como WordPress, Magento o Drupal, también podemos hacer la integración a través de un plugin o extensión.

Una vez hecho esto, podemos comprobar si la instalación se ha realizado correctamente mediante el SmartCode Checker (situado más abajo), para ello simplemente debemos introducir la dirección de nuestro sitio.

Integrando VWO con herramientas de análisis web de terceros como Google Tag Manager o Google Analytics nos permitirá enviar y monitorizar los datos de VWO usando diferentes herramientas.

Si quieres saber más sobre las integraciones que nos ofrece esta herramienta, aquí te dejamos un enlace directo a su página oficial.

Tipos de Test

A continuación vamos a ver los tipos de test que VWO nos permite crear:

A/B Testing

Este tipo de test son de gran utilidad para ver el impacto en la conversión de un sólo elemento. Además, también nos sirve para generar aprendizajes específicos, que son la base del testeo.

En primer lugar, cuando creamos un test, es recomendable editar el nombre del mismo para distinguir uno s de otros, una vez hecho esto podemos continuar con la configuración.

URL(s)

A continuación tendremos que indicar la URL de la página en la cual queremos hacer el test, en este apartado las opciones son múltiples, podemos incluir una o varias URLs, excluir URLs, así como hacer expresiones regulares.

En segundo lugar, introduciremos la URL de la página donde queremos iniciar el modo preview (vista previa).

Esta URL puede ser la misma que la anterior sin ningún problema.

Si abrimos el apartado de más opciones, podemos encontrar las siguientes:

• Open in Code-only Mode: Este modo lo que nos permite es abrir el editor en modo solo código sin abrir el editor visual, esto nos puede servir si queremos reducir el tiempo de carga a la hora de realizar alguna modificación.

• Load campaign pages on mobile device: Activando esta opción conseguimos que a la hora de abrir el editor visual, este cargue directamente en vista de móvil dándonos facilidad a la hora de realizar y validar un cambio en estos dispositivos.

Podemos seleccionar entre iPhone, iPad, Android o Windows Phone.

• Enable campaign for a specific visitor group: Esta opción nos permite dirigirnos a diferentes segmentos de usuarios según su ubicación geográfica, dispositivo y otros comportamientos.

Entre estos segmentos se encuentran, tráfico de móvil, tablet y escritorio, entre muchos otros. También podemos crear nuestros propios segmentos personalizados.

Una vez introducidas las URLs y sus respectivas configuraciones, podemos pasar a las variantes.

Variantes

En este apartado nos encontraremos lo siguiente:

• Control: Es la variante principal, es como se ve nuestra página actualmente y no se puede editar.

• Variante 1: Esta es la primera variante de la página que se crea por defecto, podemos empezar a editarla con el editor visual.

Podemos crear tantas variantes como deseemos pero tenemos que tener en cuenta que cuantas más variantes tengamos, más datos tendremos que recopilar para sacar conclusiones de los test.

Echemos un vistazo rápido al editor de VWO:

Empecemos por el lado izquierdo, aquí podemos encontrar una opción para alternar entre modo diseño y navegación. 

A continuación podemos ver un botón para cambiar la vista del dispositivo que estamos visualizando, pudiendo elegir, entre móvil, escritorio o tablet.

La siguiente opción es una de las más importantes, la pestaña de código, es en esta donde podremos realizar todos los cambios, haciendo uso de HTML, CSS o JS.

Entre el resto de opciones podemos añadir elementos, ver el historial de cambios o acceder a los ajustes del test.

En el apartado derecho podemos observar todas las variantes creadas así como también la variante de control.

Si no disponemos de los conocimientos necesarios para cambiar los elementos a través de código, también podemos hacerlo mediante la edición visual, para ello simplemente tenemos que hacer click sobre el elemento que queremos modificar y aparecerá un cuadro de diálogo.

En este recuadro encontraremos todas las herramientas necesarias para editar cada uno de los elementos.

Si quieres saber más acerca del editor de VWO, aquí te dejamos un enlace a la documentación oficial donde explican cómo funciona el editor en detalle.

Lectura relacionada: Conoce la opción del Split Testing CRO

Objetivos

Una vez hayamos configurado las variantes de nuestro test, podemos continuar hacia el siguiente paso, las metas (Goals).

En esta sección podemos configurar el o los objetivos que tiene nuestro test, y, al igual que en la configuración de la URL del test, aquí también podemos añadir una o varias URLs y hacer que estas, empiecen, contengan o terminen por la regla que nosotros le indiquemos, así como incluir una expresión regular.

En el último paso podremos ver un resumen de la configuración del test así como configurar algunos parámetros más como distribuir el porcentaje de tráfico a cada una de las variantes o integrar VWO con herramientas como Google Analytics o Google Tag Manager.

Multivariate

Los test multivariables son aquellos en los que podemos testar varios elementos al mismo tiempo y ver el rendimiento de cada una de estas variaciones, nos permite ver cómo se relacionan varios elementos entre sí. 

Como es lógico, este tipo de test requieren más tiempo que un test univalente debido a sus múltiples variables.

Split Test

El split test consiste básicamente en testar dos o más páginas con diferente URL, para ello simplemente deberemos añadir dos o más URLs que queramos testar en la configuración de la pestaña.

Puedes leer más acerca del split test en VWO aquí.

Como hemos visto en este post, empezar a testar y generar aprendizajes es algo sencillo que podemos hacer a través de VWO.

Esperamos que con este post haya quedado un poco más claro el uso de la herramienta VWO para hacer test A/B.

Si quieres aprender más sobre CRO, desde Viva te recomendamos visitar la sección CRO de nuestro blog.

Las páginas de producto de un eCommerce son el punto clave para la venta. Dado que los usuarios no pueden tocar, sentir o probar tus productos antes de comprarlos, es el diseño y el contenido de la página de producto lo que determina si un visitante se convierte o no en un cliente.

Si los productos son lo que hace que un eCommerce sea, precisamente, una tienda online, ¿por qué descuidamos su presentación?

En comercio electrónico la forma en que presentes tus productos puede ser incluso más importante que los propios productos en sí. 

Si estás buscando la fórmula mágica para diseñar una ficha de producto perfecta déjame decirte una cosa: no la vas a encontrar. 

No hay un único enfoque correcto para crear fichas de producto que te ayuden a convertir, pero sí hay algo claro: tus páginas o fichas de producto deben estar presentes en tu estrategia de optimización web, y aplicando un enfoque CRO en este proceso es mucho más probable que consigas mejores resultados.

Dicho esto, te contamos algunos consejos de CRO para aplicar a las páginas de producto (que desde viva! ya utilizamos) y otros tips que te pueden ser de gran utilidad a la hora de optimizar la página de presentación de un producto. 

El objetivo real de las páginas de producto 

El objetivo final y principal de una página de producto no es otro que vender ese producto. 

Sin embargo, existe una suposición común que obstaculiza ese objetivo. 

Tendemos a pensar que el usuario que ha llegado a la página del producto es para realizar una compra (o, al menos, es muy probable). 

Una suposición como esta puede ser eficaz para promocionar otras Landing Pages de un sitio web, pero no las páginas de producto. 

Definitivamente, debemos comenzar a tratar las páginas de producto como una pieza clave del sitio web

Como gestores de eCommerce debemos ser capaces de visualizar el comportamiento de los usuarios que llegan a nuestra web y a una página de producto. Ten en mente que estas páginas no son solo para facilitar el proceso de adquisición del producto, sino para facilitar su venta.

Por qué optimizar tus fichas de producto con una metodología CRO 

Para recopilar datos de comportamiento de los visitantes y realizar cambios en consecuencia muchos especialistas online confían en una metodología CRO. 

De este modo consiguen aumentar las tasas de conversión de sus tiendas online y son capaces de conocer mejor a sus potenciales clientes y visitantes. 

Todo ello, eligiendo el diseño que funciona mejor para los usuarios basándose en datos objetivos y no suposiciones, a través de Test A/B, mapas de calor, análisis del embudo, etc.

Lectura relacionada: CRO, clave para Mejorar la Conversión de tu eCommerce

Factores clave para optimizar una página de producto 

¿Por dónde comenzar para optimizar las páginas de producto? Para ayudarte a empezar, te dejamos una lista de las mejores prácticas que pueden ayudarte a optimizar los diseños de tus páginas de productos de eCommerce y, en última instancia, a aumentar las conversiones.

Antes de adentrarnos, nos gustaría recordarte que no existe una solución adecuada para todos los eCommerce y estas prácticas dependen mucho de las pruebas y los resultados en tiempo real. 

1. Optimiza la visualización de producto

La imagen en las páginas de sus productos comunica visualmente los detalles de tu producto a los visitantes. 

Debemos ser conscientes de la necesidad del usuario de poder mirar las imágenes del producto con detenimiento. No están comprando en una tienda física, donde el producto se puede coger y mirar. 

Las imágenes tienen un gran impacto en la usabilidad y la UX general del sitio web, además de aumentar las conversiones y las ventas. Ten en cuenta algunas consideraciones para enganchar al usuario:

• Usa varias fotos desde diferentes ángulos y ampliables
• Debes tener en cuenta el tiempo de descarga
• Pide a los usuarios que compartan fotos de ellos vestidos con sus productos en tu web, para aprovecharlas como pruebas sociales
• Según VWO, las fotos de productos grandes pueden aumentar las conversiones hasta en un 62%

Aprovecha también el vídeo

Una forma de exponer el producto aún más efectiva sería mostrarlo en uso o tener un video de alta calidad del producto que se muestra.

Un video bien hecho puede tener un gran valor de recuerdo, y los videos instructivos adquieren una importancia aún mayor cuando intentas vender algo bastante complicado.

2. Información clara, pero también persuasiva

Las descripciones de productos deben ser informativas, elaboradas, fáciles de leer, atractivas y NO deben repetirse en gamas de productos similares. 

Además, esa personalización en las descripciones te servirá para evitar crear contenido duplicado, por lo que también mejorará tu posicionamiento SEO.

Para asegurarte que te clasificas arriba en los motores de búsqueda, no te olvides de incluir palabras clave importantes y relacionadas.

Una descripción de alta conversión no solo es atractiva, sino que también ofrece información completa y responde las preguntas clave:

• ¿Para quién es el producto?
• ¿Para qué se utiliza?
• ¿Cómo funciona?
• ¿Qué lo distingue?
• ¿Por qué los visitantes deberían comprar el producto?

No existe una forma absolutamente correcta o incorrecta de escribir descripciones. 

Pero te aseguramos que conservar las descripciones del fabricante y no invertir tiempo o esfuerzo en mejorarlas te penalizará. 

Hazlas únicas, en sintonía con tu personalidad de marca y relevantes para el usuario. 

Datos clave que incluir sobre tus productos

• Nombre y forma de mostrar el producto: si alguien está buscando una camiseta blanca, escribirá “camiseta blanca” en el buscador. Sin embargo, es posible que tengas el producto con otro nombre o incluso con un SKU, por lo que el cliente no encontrará el producto deseado y, probablemente, abandone tu web.
• Disponibilidad: no hay mejor servicio para un cliente que informarle sobre la disponibilidad de un producto.
• Precios y descuentos: no des a los usuarios la más mínima oportunidad de tener que salir de tu sitio para ver precios en otras tiendas. Coloca los detalles de precios y descuentos que ofrezcas, así como otra información que pueda desencadenar la decisión de compra cerca de tu CTA.

3. Destaca el botón de Añadir al Carrito 

El botón de “Añadir al carrito” tiene que ser fácilmente reconocible. 

De lo contrario, es probable que los usuarios con fuerte intención de compra puedan sentirse molestos al no encontrar el botón y terminen abandonando tu web sin hacerlo.

Lectura relacionada: Cómo optimizar tu Call to Action y maximizar conversiones

4. Acentúa la visualización del tamaño, color y precio del producto

El tamaño es uno de los principales factores decisivos para cualquier potencial comprador:

• “Pequeño”, “Mediano” o “Grande” son datos muy subjetivos. Dales a los usuarios un selector de tallas junto con una guía de tallas que indique medidas en pulgadas y centímetros.
• La ubicación del selector de tamaño también es importante. La mejor ubicación es justo debajo del producto y la descripción. Utilice un selector de tamaño emergente que aparece mientras un usuario se desplaza sobre la imagen de un producto.

Permite la comparación 

Para los usuarios puede resultar muy tedioso tener que estar entrando y saliendo constantemente a la página de categoría para encontrar productos de la misma gama. 

Incorpora comparativas con productos similares en la misma ficha de producto, incluyendo especificaciones para que les sea mucho más fácil encontrar lo que buscan.

Recuerda: cuanto más fácil le pongas al usuario encontrar y comprar lo que busca, más probabilidades tendrás de cerrar esa venta

5. Facilita comprar productos relacionados

Incorpora una pestaña de productos relacionados o una ventana que muestre los productos que un usuario puede comprar para complementar su compra original sin buscarlos frenéticamente.

Añade la posibilidad de que el cliente agregue esos ítems a su carrito desde las propia página del producto, en lugar de tener que volver a páginas de categorías y encontrarlos. 

6. Comparte claramente las políticas de envío y devolución

Los gastos de envío son conversion killers

A nadie le gusta pagar por los gastos de envío, pero los visitantes lo odian más aún cuando se trata de un gasto sorpresa agregado durante el proceso de pago.

Sé directo con los gastos de envío agregándolos a las fichas de producto y de carrito. Al ocultar estos gastos hasta el proceso de pago es probable que estés perdiendo una buena cantidad de visitantes.

Incluso si tienes envío gratis. Deberías agregar el mensaje de «envío gratis» a la página de producto y al carrito donde normalmente se agregaría el gasto de envío. 

Sé claro también en la política de devoluciones. ¿Tienen 10 días para devolver el producto, un mes de lujo completo o ningún privilegio? ¿Desde la fecha de compra o desde que recibieron el producto? 

Explícalo claramente y no dejes lugar a confusión.

Cómo mejorar tus gastos de envío

Lo mejor que puedes ofrecer es el envío gratis.

No obstante, esto no se puede hacer para cada producto o web:

• Pero piensa en cómo se pueden reducir los gastos de envío o si se pueden ofrecer envíos gratuitos en pedidos a partir de cierta cantidad. 
• O incluso incluir los gastos de envío directamente en el precio del producto o mediante alguna oferta especial de gastos de envío gratuitos.

Hemos escuchado a los usuarios en nuestras pruebas que se resistían a aceptar un gasto de envío de 12€ para artículos de 200€. Dijeron que preferirían pagar 212€ por el producto y recibir el envío gratis. 

Pero es bastante fácil ver la lógica. A nadie le gusta pagar costes adicionales para obtener algo y, si ya están de acuerdo con el precio del producto, una tarifa de envío de 0€ no les impedirá comprar.

7. Haz hincapié en las reseñas

Las reseñas de productos son ahora tan esenciales como una descripción de producto bien optimizada.

Sin reseñas de productos o una pestaña para ellas en tus fichas de producto, no estás utilizando un factor CRO crucial que tiene un impacto directo en la decisión de compra de un cliente.

Añade garantías de compra

Es clave que tu eCommerce tenga credibilidad y genere confianza con sus clientes. 

Agregar pruebas sociales puede impulsar las conversiones y la confianza del cliente en su negocio en línea.

Otras consideraciones de CRO para tus fichas de producto

Además de todas las incorporaciones que debes agregar a tus fichas de producto para optimizar su objetivo de cerrar ventas, debes tener en cuenta algunas consideraciones:

• Comprueba la legibilidad: está claro que debes informar sobre el producto que se vende. Pero recuerda a quién te diriges: personas reales. Por tanto, habla como ellos y conecta con ellos. Sírvete de estos tips de copywriting web si necesitas inspiración.
• Controla los tiempos de carga: este factor es especialmente importante. No solo porque los usuarios abandonarán tu web si tiene problemas para cargar toda la información o si tarda demasiado tiempo, sino porque el propio Google ha incorporado la experiencia de página como nuevo factor de ranking, en la que el tiempo de carga, la interactividad y la estabilidad visual serán clave para ocupar los primeros lugares en las búsquedas.

Lectura relacionada: Cómo combinar SEO y SEM para mejorar su rendimiento

• Optimiza para móviles: los consumidores son nómadas digitales y navegan y compran en gran variedad de dispositivos. Quieren una experiencia sin fricciones en todos los dispositivos que usan. Especialmente en el móvil. A menos que tu eCommerce adquiera un enfoque “mobile-first”, tus potenciales clientes probablemente acabarán en tu competencia. 

¡No te olvides de testar!

Todos los consejos anteriores han sido probados por miles de eCommerce de distinta tipología. 

Sin embargo, eso no significa que debas implementarlas sin probarlas primero en tu web. 

Si simplemente replicas lo que hacen otros sin probar tu conversión está destinada a sufrir

Si quieres desarrollar una metodología CRO adecuada, los test deben ir de la mano de cualquier idea (hipótesis de mejora) que plantees. Solo así conseguirás mejoras fiables basadas en datos y no en suposiciones. 

Deja la intuición para otro momento. Cuando se trata de negocio, debes apoyarte en una metodología fiable. 

Y, por supuesto, si realmente quieres hacerlo bien, lo ideal es que cuentes con un equipo experimentado que tenga experiencia en CRO. Un partner como viva! puede ayudarte a conseguir tus objetivos de negocio.

Caso de éxito CRO: +120% tasa de conversión en 5 meses

Calcula cuánto podrías ahorrar con un proyecto de CRO profesional con esta calculadora CRO, o ponte en contacto con nosotros si tienes cualquier duda. ¡Y déjanos un comentario si tienes alguna pregunta!

Tus Landing Pages deben tener un objetivo claro, ya sea que los usuarios completen un campo de formulario, descarguen un libro electrónico o realicen alguna otra acción. Todo lo relacionado con la página (imágenes, diseño o copy) debe alinearse unánimemente con un Call to Action o llamada a la acción.

El botón CTA es muy importante en tu estrategia de CRO porque es la parte de la página de destino en la que el usuario debe hacer clic para realizar la acción que deseamos que realice.

Si los usuarios hacen clic en tus CTAs estarán mucho más cerca de la conversión. Tus botones de llamada a la acción deberían indicar a los usuarios qué acción deben realizar y qué pueden esperar a cambio. Todo ello de la forma más clara y concisa posible.

En este post daremos algunas de las mejores prácticas en el diseño de botones de Call to Action que te ayudarán a obtener un CTR más alto y, por tanto, más conversiones.

Call to Action: qué es y por qué es tan importante

Un Call to Action o llamada a la acción (CTA) es un mensaje en un sitio web que incita al usuario que realice una acción específica.

Un llamado a la acción normalmente se escribe como un comando o frase de acción, como «Registrarse», “Añadir al carrito” o «Comprar ahora».

En marketing digital, los Call to Action suelen adoptar la forma del texto en un botón (un botón de CTA) o un enlace web y, en las campañas de correo electrónico, los CTA suelen ser enlaces a una página web donde el usuario puede realizar más acciones.

Ejemplos comunes de CTAs

Probablemente hayas visto y hecho clic en botones de llamada a la acción como los siguientes:

• Regístrate ya
• Descarga tu eBook gratis
• Solicita tu demo ahora
• Descargar plantilla ahora
• Aprende más
• Programa una consulta gratuita
• Añadir al carrito
• Añadir a la lista de deseos
• Compra ahora
• Síguenos en Instagram
• Compartir en Twitter / LinkedIn / Facebook

Como hemos dicho, los CTAs también pueden aparecer como texto con hipervínculos en frases de acción, por ejemplo:

• ¿Quieres saber más? ¡Echa un vistazo a este post!
• ¿Alguna vez has probado “X”? Cuéntanoslo en los comentarios.
• ¿Te interesa “Y”? Descarga el ebook completo.

La importancia de las llamadas a la acción

Ya lo hemos mencionado al principio de este post: un Call To Action eficaz es un elemento clave en tu Landing Page y en tu embudo de ventas en general.

Sin una llamada a la acción clara, es posible que el usuario no sepa los siguientes pasos a seguir para comprar un producto o suscribirse a una newsletter, y es probable que abandone el sitio sin realizar dicha acción.

• Es más probable que las personas hagan algo cuando se les pide que lo hagan. Al hacer que el paso sea fácil y obvio, aumentas las probabilidades de que continúen a través de tu embudo de ventas.
• Una CTA también puede alentar a los usuarios a interactuar más con tu sitio web. Al animar a los usuarios a permanecer en tu página les invitas a familiarizarse con tu marca, lo que genera confianza y abre la puerta a futuras conversiones.

Un botón de CTA ayuda a eliminar la fricción al mover al usuario por el embudo de ventas

También puede haber varias llamadas a la acción en una página si el usuario desea realizar varias acciones.

Los 6 elementos de un buen Call to Action

Bien. Ya hemos repasado la importancia de los CTAs en tu estrategia de captación de leads. Pero, ¿sabes cómo debe ser un buen Call to Action?

Tal como apuntan desde Optimizely, un botón de llamada a la acción altamente efectivo debe contener:

1. Buen diseño: tu CTA debe captar la atención del usuario.
2. Alta visibilidad: la llamada a la acción debe ser lo más notable en la página, por lo que el tamaño de la fuente debe ser lo suficientemente grande.
3. Beneficio claro: declarar un beneficio que el usuario obtendrá al completar la transacción es una forma eficaz de lograr que haga clic.
4. Texto procesable: debe utilizar palabras de acción como «descubrir», «obtener más información» y «comprar ahora».
5. Breve duración: un buen Call to Action debe ser una frase corta, no una oración. 
6. Sentido de urgencia: los usuarios se distraen fácilmente en Internet, por lo que un fuerte sentido de urgencia, como una oferta por tiempo limitado, puede ayudarles a tomar medidas de inmediato.

Estrategias para mejorar el CTR de tus CTAs

Ahora que nos sabemos la teoría sobre cómo hacer un buen CTA, veamos las 4 estrategias y sus correspondientes tácticas para conseguir que nuestros botones tengan más clics y, por tanto, más opciones de conversión:

1. Haz que tu CTA sea imposible de perder

Si estás tratando de crear el mejor botón de llamada a la acción que exista, debes comenzar por asegurarte de que los visitantes de tu sitio web lo vean. 

De nada servirá que tengas todo lo demás perfecto, si tus usuarios no lo encuentran.  ¿Cómo conseguirlo?

a. Haz que tu CTA resalte en página

Dado que las personas tenemos períodos de atención de 8 segundos, tu botón de llamada a la acción debería ser una de las primeras cosas que tus visitantes encuentren cuando llegan a su página o ven tu pop-up.

Utiliza un color que haga resaltar tu Call to Action entre el resto de elementos de la página. 

b. Sitúalo en el lugar adecuado

Como ya hemos dicho, tu CTA debe resaltar en la página. Y eso no significa únicamente hacer que este contraste con el resto de elementos, sino ubicarlo en un lugar (o lugares) donde el usuario lo encuentre fácilmente.

Situar tu llamada a la acción en el primer pantallazo suele ser una opción muy efectiva, aunque no es la única 

Sitúa tu Call to Action en un lugar lógico, que encaje con el famoso patrón F, y estarás aumentando su CTR:

Comenzando en la esquina superior izquierda, un usuario normalmente da dos miradas a la página horizontalmente, luego mira (y/o se desplaza) verticalmente hacia la izquierda. 

Esto sugiere que debes colocar CTA en encabezados, paneles laterales y al final de la página, artículo, publicación, etc.

Utiliza mapas de calor para descubrir cómo navegan tus usuarios y encuentra los lugares más apropiados.

c. Asegúrate que parezca clicable

¡Esto es fundamental! Algunas ideas:

• Utiliza un contorno o una sombra marcados y/o colores contrastantes para proporcionar una definición clara a tu CTA.
• Opta por un botón redondo o rectangular.
• También puedes usar un espacio negativo (en blanco) para definir tu CTA. Esto funciona especialmente bien para móviles.

2. Hazlo irresistible de clicar

Resaltar tus botones de llamado a la acción es importante. Pero la mayor diferencia en tu tasa de conversión será las palabras que emplees.

a. Prueba distintos copies

Uno de los cambios más notables en los test de CTAs se produce al probar distintos copies.

Trabaja las frases que incluirás en tus botones de llamado a la acción y prueba diferentes combinaciones. El resultado puede ser sorprendente.

Lectura relacionada: Tips de copywriting web para convertir más

b. Céntrate en un mensaje breve

Las frases largas y descriptivas que detallan por qué el usuario debe hacer clic no son tan efectivas como las declaraciones breves y contundentes que van directas al grano.

Lo ideal es que tu Call to Action tenga más de 2 palabras pero menos de 5.

c. Dirígete al usuario

Haz que tus visitantes se sientan como si ya fueran propietarios del producto o de la oferta. 

La forma más fácil de hacerlo en tu botón de llamada a la acción es configurar el copy en primera persona.

Así que cambia “su» y «nuestro» por «yo», «mi» para aumentar tus conversiones

Asimismo, háblales de los beneficios que obtendrán al enviar el formulario, no les digas que lo envíen y ya está. 

3. Alienta a los usuarios 

Aprovecha algunos trucos psicológicos que, aplicados al marketing, te ayudarán a impulsar tu tasa de conversión:

a. Utiliza “palabras mágicas”

Hay ciertos términos que sirven para animar a los prospectos a continuar por el embudo.

Se trata de “palabras de marketing” (de acción, de urgencia, seguridad…) que tienen una eficacia demostrada en el aumento de la tasa de la conversión.

b. Saca provecho al “FOMO

Tienes que hacer que tus visitantes sientan el dolor de decir que no.

El FOMO (fear of missing out) o “miedo a perderse algo”, es un enfoque que te ayudará a multiplicar el clic through rate de tus CTAs exponencialmente.

c. Crea anticipación

Utiliza técnicas de storytelling para crear un poco de suspense acerca de tu contenido.

Con ello conseguirás captar la atención de tus visitantes, que no podrán resistirse a seguir el botón no tendrán más remedio que seguir el hilo para descubrir el resto de la narración.

Te puede interesar: Qué son y cómo utilizar los sesgos cognitivos para mejorar tu CRO

4. Aprovecha el diseño de tu Llamada a la Acción

Debes basarte en datos lógicos e investigación para guiar la creación de tu CTA. 

El equipo de diseño hará el trabajo práctico y probablemente tendrá buenas ideas, pero debes asegurarte de que el producto final haga lo que debe hacer y solo de que sea bonito.

a. Personaliza en función del dispositivo

Prueba siempre cómo aparece el botón de tu Call to Action en los distintos dispositivos (ordenador, móvil, tablet…) para garantizar el correcto funcionamiento en cada uno de los mismos. 

b. Añade imágenes donde aporten valor

El contenido visual no solo capta la atención, sino que también puede ser útil para mostrar al usuario qué puede esperar en el siguiente paso, o para guiarle hacia el CTA.

Utiliza imágenes relacionadas con tu oferta y que ayuden a evocar el sentimiento que quieres provocar en el usuario.

c. Ten en cuenta la forma y el tamaño de tu CTA

Si tu botón se parece más a un cuadro de llamada que a un botón, tu tasa de conversión se verá afectada.  

Asimismo, dale un tamaño adecuado; no dejes que se pierda en el resto de la página por no ser suficientemente grande.

d. Experimenta con los colores

Como ya hemos dicho antes, escoge un color que resalte para tu botón de CTA. Sin embargo, esto no necesariamente significa que tengas que escoger un rojo chillón.

Entonces, ¿qué color escoger? Uno que sea atractivo para tus potenciales clientes. 

La única manera de hacer esto con certeza es a través de pruebas A/B.

Hay investigaciones que demuestran que los colores vivos son efectivos para los CTAs, por lo que podrías empezar a probar con colores vibrantes para ver cuál encaja mejor con tu marca y tu audiencia.

Bonus track: ¡no te olvides de testar tus Llamados a la Acción! 

Cada audiencia responde de manera diferente a varias llamadas a la acción. No hay garantía de que un Call to Action vaya a superar a otro.

Como hemos ido comentando a lo largo del post, para poder probar la efectividad de varios CTAs en tu sitio web debes hacer tests A/B de los mismos. Esto eliminará cualquier conjetura y te brindará información valiosa y objetiva para optimizar tus CTAs y, por tanto, tu conversión.

Independientemente de cuál sea el objetivo de tu empresa o tu sector, diseñar un Call to Action potente es fundamental para el éxito de tu estrategia. 

En viva! utilizamos varias herramientas para testar nuestros CTAs dentro de una estrategia de CRO. 

Entre ellas, VWO nos ayuda a comprobar el éxito de nuestros llamados a la acción y determinar, con datos numéricos y objetivos, cuál es el que mejor funciona.

Con este tipo de estrategias hemos conseguido optimizar la tasa de conversión de clientes de toda índole sin necesidad de invertir más en captación. Descubre cómo lo hemos logrado en este caso de éxito.

¿Tienes alguna duda sobre cómo diseñar tu Call to Action para conseguir más conversiones? ¡Te leemos en los comentarios!