38 consejos prácticos para mejorar la conversión web

21

Aquí os dejo una excelente adaptación de un artículo que muestra gráficamente las buenas prácticas para mejorar la conversión web, es decir, vender más.

http://www.dreamstime.com/stock-images-conversion-funnel-purchase-illustrating-customer-journey-towards-purchase-image35001264

1. Mejor una columna que varias

Tener una única columna permite mostrar mejor vuestras ofertas, guiando a vuestro potencial cliente hacia la venta.

Tener dos columnas o más distraerá a los visitantes, y no les guiará desde el principio hasta la llamada a la acción. Mejor una columna que varias

 2. Ofrecer un regalo en lugar de intentar vender inmediatamente

Ofreciendo un regalo, estilo “el primer mes, envío gratuito”, permite, por un lado, el de no presentar una oferta como una venta, pero también generar una reciprocidad por parte del potencial comprador. Ofrecer un regalo en lugar de intentar vender inmediatamente

3. Agrupar los elementos idénticos en lugar de dispersarlos

Hay que evitar el distraer la atención del internauta creando diferentes bloques de contenido. Hay que agrupar en un mismo emplazamiento los elemento similares.

Agrupar los elementos idénticos en lugar de dispersarlos

4. Mejor testimonios que hablar de uno mismo

Los testimonios permiten dar credibilidad a vuestra oferta con la opinión de otros consumidores, sobre todo si los testimonios son creíbles (fotos, nombres, direcciones, etc.).Mejor testimonios que hablar de uno mismo

 5. Repetir el call to action varias veces en la página de venta

Sobre todo, en las páginas de proceso de venta largo. Repetir el call to action varias veces en la página de venta

6. Diferenciar los elementos clicables y seleccionados a través del estilo

A nivel de experiencia de usuario es muy importante distinguir el texto plano de los elementos clicables (links, botones, etc) y los elementos seleccionados, y mantener dicha coherencia en todo el website. Por ejemplo, en este caso, se ha elegido el color azul para destacar los elementos cliqueables y en negro para indicar los elementos que han sido seleccionados. Diferenciar los elementos clicables y seleccionados a través del estilo.

7. Recomendar un producto en lugar de dejar la elección al cliente

Hay muchos usuarios que cuando se les presentan diferentes opciones, se bloquean o dejan la decisión para otro momento, con el riesgo de que no regresen. Para evitar este parálisis por el análisis, hay que ayudar al potencial cliente a tomar la decisión destacando un producto. Recomendar un producto en lugar de dejar la elección al cliente

 8. No solicitar confirmación, proponer anular el cambio

Si estamos en todo momento solicitando la confirmación del usuario, podemos acabar generando duda en él, y acabe abandonando el proceso de compra. Si el cliente comete un error, no hay que lanzarle un mensaje de error, hay que ofrecerle la opción de deshacer la acción., dejando el control de la situación en manos del usuario. No solicitar confirmación, proponer anular el cambio

9. Indicar claramente a quien va dirigido vuestro producto, sin intentar llegar a todo el mundo

Vender a todo el mundo es vender a nadie… por lo que debemos dejar claro en nuestra página a quien va dirigido exactamente vuestros productos. Por ejemplo, si somos una clínica oftalmológica y estamos vendiendo operaciones de cataratas, pondremos imágenes de personas mayores de 60 años. Indicar claramente a quien va dirigido vuestro producto, sin intentar llegar a todo el mundo

10. Ser afirmativos y asertivos

Si los usuarios tienen dudas y les lanzamos mensajes del estilo “quizás”, “tal vez”, “¿está seguro?”, “¿interesado?”, etc., posiblemente lo único que logremos generar es aún más dudas, y que el potencial cliente acabe desistiendo. Entiendo que no hay que ser excesivamente agresivo y que existe el miedo a perder al cliente por ser muy directo, pero en el mundo de la optimización de la conversión, hay marguen para decirle a los usuarios hacia donde deben ir, o lo que tienen que hacer a continuación. Sed afirmativos y asertivos

11. Mayor contraste en los elementos claves

Los click to action o llamadas a la acción deben destacar del resto de elementos que los rodean, ya sea con los colores, la profundidad, las formas, etc. Mayor contraste en los elementos claves

12. Diferenciar vuestros productos de la competencia y destacando vuestro USP (Unique Selling Proposition)

El objetivo es mostrar en que sois diferentes de vuestra competencia, por ejemplo, con el logo de un prescriptor, indicando de donde son vuestros productos, etc. Diferenciar vuestros productos de la competencia y  destacando vuestro USP (unique selling proposition)

13. Reducir el número de campos de los formularios

Solicitar exclusivamente la información verdaderamente indispensable… y no más!. Reducir el número de campos de los formularios.

14. Proponer una elección visual en lugar de un menú desplegable

Hay que tener en cuenta que el uso de un menú desplegable le supone al usuario dedicarle unas milésimas de segundo a reflexionar , un mínimos esfuerzo, y sabemos que el usuario no quiere que le hagamos pensar. Por ello, si hay opciones que consideremos muy importantes, hay que intentar que estén visibles en un primer nivel, dejando el desplegable para acciones predecibles o secundarias. Proponer una elección visual en lugar de un menú desplegable

15. Mantener una continuidad en la lectura

La lectura de una página debe ser continuada y natural, el internauta debe ver que hay aún contenido por leer. Es importante vigilar el sitio en el que la página se corta. Si donde se produce el corte es una zona blanca sin ningún elemento visual que nos indique que hay más contenido abajo, ¿cómo saber que hay que seguir para abajo?. (La leyenda urbana del límite de visibilidad). Mantener una continuidad en la lectura

16. Mantener la atención del visitante y no distraerlo

Si queremos encaminar al visitante hacia la conversión, el poner muchos links en las páginas puede distraerle del objetivo que hemos marcado. No poner links cerca de los botones click to action, para evitar fugas. Por eso, cuando se realizan acciones de captación de leads, se suele recurrir a landing pages o microsites focalizados a la conversión y con pocos elementos de distracción. Mantener la atención del visitante y no distraerlo

17. Mostrar en el estado de un elemento en lugar de tener que hacer click para obtener más información

Hay que facilitar en la medida de lo posible la navegación a los usuarios, por ello, cuando se pueden presentar diferentes estados o situaciones, como por ejemplo, los emails leidos o no leidos, las facturas pagadas o pendientes, estado del pedido, etc. Mostrar en el estado de un elemento en lugar de tener que hacer click para obtener más información

18. Poner los beneficios en los botones CTA en lugar de las acciones

En lugar de poner directamente en el botón “hacer pedido” “haz tu pedido y te regalamos el envío”, seguramente, habrá un mayor número de clics en el segundo. Los botones que refuerzan un beneficio tienen una mayor tasa de conversión. Existe una disciplina de la usabilidad que estudia este tema, y es el wording. Podríamos definir el wording como el conjunto de términos y formulaciones que serán utilizados en un site. Es lo que va a determinar el texto de los enlaces y los botones.

Otra opción es colocar el beneficio cerca del botón para recordarle al usuario las ventajas que va a obtener al hacer clic en el botón.

Esto no quiere decir que tengamos que estar poniendo nombres conversores a todos los botones, hay botones secundarios o que son transaccionales en los que basta con poner la acción que hacen. Poner los beneficios en los botones CTA en lugar de las acciones

19. Mejor una acción directa que acciones que requieran una previa selección

En la línea de facilitar las cosas a los usuarios y reducir al máximo los tiempos de acción, permitir que el usuario puede tomar una decisión por cada elemento en lugar de tener que previamente tener que seleccionar una serie de elementos para llevar a cabo un determinada acción. Mejor una acción directa que acciones que requieran una previa selección

 20. Mostrar al usuario el formulario a rellenar en lugar de enviarle a otra página

Debemos mostrar en una misma página los beneficios o contenido que tienen con finalidad el llevar a completar un formulario, y el propio formulario. De esta forma, aparte se reducen los pasos y por otro lado, el usuario ve el formulario que se le ofrece y se tranquiliza y no piensa “a ver qué formulario me voy a encontrar al hacer clic”.Mostrar al usuario el formulario a rellenar en lugar de enviarle a otra página

21. Evitar cambios muy rápidos, intentar generar transiciones

Generar transiciones para que los usuarios puedan asimilar los cambios que se están produciendo al realizar ciertas acciones, pero teniendo en cuenta que a medida que empezamos a incrementar los tiempos de transición más allá de 0,5segundos podemos empezar a generar el efecto contrario, haciendo que los usuarios se cansen. Evitar cambios muy rápidos, intentar generar transiciones

22. Proponer un engagement progresivo en lugar de un engagement inmediato e importante

Debemos ganarnos la confianza del usuario poco a poco. Por eso, en lugar de pedirle de primeras que nos facilite sus datos o que se inscriba, debemos interactuar con él, mostrándole los beneficios de nuestros productos, técnica pull en lugar de push. De esta forma, el usuario empezará a ver los beneficios o ventajas de nuestra oferta y será más propenso a compartir información con nosotros. También, este engagement gradual aparte de posponer el proceso de registro, es una forma de permitir al usuario de utilizar y personalizar el producto que desea. 21. Evitar cambios muy rápidos, intentar generar transiciones

 23. Limitar los bordes y dejar respirar el interfaz para mayor comodidad del usuario

Los bordes compiten con los contenidos por la atención de los usuarios. Aunque a veces son necesarios para delimitar una determinada área, también suponen un esfuerzo cognitivo al usuario. Generar cajas puede generar una falsa sensación de orden, ya que lo que estamos generando es ruido visual en la página. Una opción para no tener que recurrir a los bordes, es agrupar los elementos similares en una zona determinada y diferenciarlo con un fondo o tipografía distinta. Limitar los bordes y dejar respirar el interfaz para mayor comodidad del usuario

24. Destacar los beneficios y no las funciones

En un primer momento a la gente le interesa menos las características de un producto o servicio, que los beneficios que le puede aportar. Las personas nos movemos por emociones. La gente se mueve por amor, dinero, aceptación social y tiempo libre, y buscan tener menos estrés, conflictos, complicaciones e incertidumbres. Por ejemplo, en lugar de decir “disponemos de un láser que elimina la miopía” “gracias a nuestro láser dejarás de depender de gafas y lentillas”. En el caso de mostrar las características, asegurarse el asociarlo lo antes posible con beneficios. Destacar los beneficios y no las funciones

 25. Evitar que los internautas tengan que introducir o analizar datos, utilizar cursores, botones, etc.

Evitar el meter demasiados números a analizar y en el caso de tener que recurrir a cifras, buscar la manera de facilitarle las cosas al usuario. Evitar que los internautas tengan que introducir o analizar datos, utilizar cursores, botones, etc.

26. Mantener una coherencia de diseño en todo el website Mantener una coherencia de diseño en todo el website

27. Emplear opciones predeterminadas y no exigir un esfuerzo extra al usuario

En la línea de facilitar el trabajo a los usuarios, se pueden agregar marcas de verificación para indicar que los elementos son correctos o que no son adecuados, explicar los mensajes de error y lo que hay que hacer para solucionar el problema, precargar los datos del usuario si ya los introdujo en su día (una de las cosas que más odian los internautas es tener que volver a introducir datos que ya facilitaron en su día), etc. en resume, a menor trabajo, mayor satisfacción. Emplear opciones predeterminadas y no exigir un esfuerzo extra al usuario

 28. Mantenga los convencionalismos en lugar de intentar ser el más original de la red

El convencionalismo es el hermano mayor de la consistencia. Incluso si pensamos que hemos encontrado la interfaz ideal, no ser demasiado originales ya que corréis el riesgo de perder a vuestro clientes. Como escribí en el post, el usuario no quiere cambios, cuando un internauta llega a un site, ya tiene a sus espaldas muchos años de navegación en Internet y espera que suceda algo concreto cuando realiza una determinada acción en un website. Por ejemplo, uno de los convencionalismos no escritos pero más respetados por casi todo el mundo, es que al hacer clic sobre el logo (situado siempre en la parte superior izquierda) volvemos a la home. No es una regla del W3C (World Wide Web Consortium), no está escrito en ninguna parte, pero todo el mundo lo hace. Cuando un usuario llega a un site que no respecta los convencionalismos, aparece la frustración. Mantenga los convencionalismos en lugar de intentar ser el más original de la red

29. Haz hincapié en la pérdida y no en la ganancia

La motivación ligada a la pérdida de algo es más fuerte que la motivación ligada al beneficio. Nos gusta ganar, pero no nos gusta perder. De acuerdo con las normas de la psicología persuasiva, somos más propensos a preferir evitar las pérdidas que a la adquisición de ganancias. Por ejemplo, las compañias de seguro, venden lo que uno puede ganar después de un accidente o la protección de las cosas que más apreciamos?… Haz hincapié en la pérdida y no en la ganancia

30. Establecer una jerarquía y orden visual

La lectura debe ser coherente, con una jerarquía que permita pasar de un párrafo a otro de forma encadenada y harmoniosa, e invitando a leer todas las etapas y no ir al final directamente. Una jerarquía visual se obtiene trabajando la alineación, la proximidad, el color, el tono, la sangría, el tamaño de la fuente, el relleno, el espaciado, etc.

Con una buena jerarquía visual, posiblemente los usuarios dedicarán más tiempo a leer el contenido que se les está ofreciendo. En resumen, dar al ojo un lugar para parar. Establecer una jerarquía y orden visual

31. Agrupar los elementos relacionados

Una manera de mejorar la usabilidad de una web, es agrupando los elementos relacionados. La mayoría de nosotros sabemos que la función abrir y guardar suelen encontrarse más o menos juntos, por ejemplo. Pues esto es extensible a artículos, servicios, tratamientos, etc. que se ofrecen en los websites. Elementos relacionados deben estar colocados lo más próximo posible, con el fin de mantener una cierta lógica y no marear al usuario. A los usuarios no les gusta perder su tiempo buscando cosas. Agrupar los elementos relacionados

32. Indicar en el momento los errores que se van cometiendo en un formulario

Una de las cosas que menos gusta a los usuarios es el completar un formulario y tras hacer clic en el botón CTA, aparezca un mensaje de error y tener que empezar de cero. Es mejor indicar directamente el error a medida que se van completando los diferentes campos del formulario.

Realizar una corrección automática de los errores en los formularios en lugar de hacer al internauta que empiece de nuevo. Indicar al momento los errores que se van cometiendo en un formularioIndicar en el momento los errores que se van cometiendo en un formulario

33. Añadir el concepto de urgencia (early bird)

El tema de la urgencia es una táctica de persuasión que ayuda a que la gente actúe con mayor inmediatez y no después, o nunca. No es lo mismo decir, “tenemos una promoción de xxxx” que decir “Sólo quedan 20 unidades de esta promoción” o “En 24 horas finaliza la promoción”. Esta técnica suele funcionar porque a la gente no le gusta perder oportunidades. Pero es muy importante ser sinceros con el uso de esta táctica ya que si no es verdad y el usuario acaba percatándose de ello, se puede volver en nuestra contra. Añadir el concepto de urgencia (early bird)

34. Recurrir a la escasez que a la abundancia

Este punto va muy ligado al anterior. Cuando hay menos de algo, tendemos a valorarlo más. Indicando que sólo quedan unas unidades, incitáis a la gente a la acción antes de que sea demasiado tarde. A menos productos mayor será la llamada a la acción. Recurrir a la escasez antes que a la abundancia

35. Mejor seleccionar de una lista a tener que acordarse

Como ya escribí en un post, los usuarios prefieren reconocer que recordar, y esto se basa este principio. Cuanto menos hagamos pensar al usuario mejor que mejor. Mejor seleccionar de una lista a tener que acordarse

36. Aumentar el tamaño de los botones de call to action y de los campos de los formularios

Basándonos en la ley de Fitts, necesitamos más tiempo para alcanzar a pulsar a pulsar un objetivo cuanto más lejos esta o más pequeño es. Por ello, cuanto más grande sea el botón CTA o los campos de formulario, más posibilidades tendremos de que el usuario interactúe con ellos. Otra opción, como ocurre con las tabletas y los móviles, es que se agrande el área que se va a rellenar o sobre el que se va hacer clic en el momento de empezar a interactuar. Aumentar el tamaño de los botones de call to action y de los campos de los formularios

37. Mejorar los tiempos de carga

El tiempo de carga de un website es fundamental, y si no lo crees, ahí van unos datos:

  • Cada 1 segundo de retraso en la carga se reduce la tasa de conversión de un 7%, un 11% menos de páginas vistas y la satisfacción del usuario decrece un 16%.
  • Un retraso suplementario de medio segundo reduce el tráfico de Google de un 20%.
  • 100 milisegundos de retraso reduce la facturación de Amazon de 1%.

Para ello, debemos optimizar el número y tamaño de las imágenes, elementos suplementarios como el flash, la cantidad de código en exceso (por ejemplo, el diseño de páginas en base a tablas en lugar de CSS) o de plugins (diseño web basado en wordpress) y el tamaño de las páginas. Mejorar los tiempos de carga

38. Ser preciso y objetivo al realizar una oferta comercial

En lugar de ser genérico y ambiguo, hay que ser preciso y claro en los beneficios aportados. Ser preciso y objetivo al realizar una oferta comercial

 Fuente

3 pensamientos en “38 consejos prácticos para mejorar la conversión web

  1. Pingback: El Comercio en Línea Jamás fue tan Fácil, Triunfa con Estos Consejos - Emprendedor Anonimo

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *


*