Blog de Apolo Agencia Digital

Guía definitiva para aumentar la conversión mediante diseño web UX UI

25 consejos basados en estudios de experiencia de usuarios que te ayudarán a incrementar la conversión de tu sitio web

Una buena interfaz de usuario tiene altas tasas de conversión y es fácil de usar. En otras palabras, es agradable tanto para el lado comercial como para las personas que lo usan. Aquí una lista de 25 buenas ideas que se están probando activamente y convirtiendo en patrones de conversión altamente efectivos (cosas reales basadas en la evidencia).

#1 Menos palabras, se preciso

Escribe oraciones más cortas, usando menos palabras y más simples. Después de escribir el primer borrador, revisa si puedes condensarlo. Mostrar el mensaje central transmitirá lo que pretendes sin perder la atención del usuario.

#2 Diseño de una columna

Un diseño de una columna te dará más control sobre la narrativa del sitio web. Debes ser capaz de guiar a tus usuarios de una manera más predecible de arriba a abajo. Mientras que un enfoque de varias columnas corres un riesgo adicional de que se convierta en una distracción para el propósito principal de la página. Guía a los usuarios con una historia y una llamada a la acción prominente al final.

#3 No hagas esperar a tus usuarios, tiempo de carga rápido

La velocidad importa. Ya sea la velocidad con la que se carga la pantalla inicialmente, o la rapidez con que responde a una acción del usuario, ambas pueden afectar si los usuarios esperan o no. Se ha sugerido que cada segundo que se retrase afecta las tasas de abandono, rebote y conversión. Por lo tanto, una táctica es disminuir los tiempos de carga de nuestras pantallas técnicamente optimizando el código y las imágenes. Otra táctica es disminuir la percepción de los tiempos de carga mediante la aplicación de un poco de psicología. Se pueden aplicar dos trucos para hacer que las personas sientan que no están esperando tanto tiempo. Mostrar barras de progreso que establecen expectativas es una. Mantener a los usuarios ocupados mientras está cargando es otra.

#4 Campos rellenados por defectos

El uso de valores predeterminados inteligentes o el llenado previo de los campos del formulario elimina la cantidad de trabajo que los usuarios tienen que hacer. Esta es una técnica común para ayudar a los usuarios a moverse a través de formularios de forma más rápida respetando su tiempo limitado. Una de las peores cosas desde el punto de vista de la experiencia de usuarios UX y la conversión es pedirles a las personas los datos que ya han proporcionado en el pasado, repetidamente una y otra vez. Intenta mostrar los campos que están precargados con los valores que deben validarse en lugar de pedir que los valores se vuelvan a escribir cada vez. Cuanto menos trabajo, mejor.

#5 Utiliza lenguaje natural

El lenguaje natural en UI es un estilo de interacción más informal y conversacional que las palabras cortas, estrictas y formales. Este estilo a menudo se asocia con computadoras que son capaces de entender (o parecen entender) a los humanos mejor. Primero, un usuario escribe una frase que la computadora debería ser capaz de entender perfectamente. Segundo, las respuestas de las computadoras también son cada día más conversacionales y fluidas, como por ejemplo: Siri, Cortana o Google. En cuanto a las interfaces de usuario que muestran mensajes más fluidos y con lenguaje natural hay indicios de que convierten mejor.

#6 Vende los beneficios de tu servicio o producto

Regla de oro del Marketing. Los usuarios tienden a preocuparse menos por las características que por los beneficios del servicio o producto. Los beneficios conllevan un valor más claramente definido. Chris Guillebeau en “The $100 Startup” escribe que las personas realmente se preocupan por tener mñas de: amor, dinero, aceptación y tiempo libre, mientras que al mismo tiempo desean menos estrés, conflicto, incomodidad e incertidumbre. Al mostrar las características, y creo que todavía hay espacio para mostrarlas de vez en cuando, asegúrate de vincularlas con los beneficios.

#7 Ajústate a las expectativas

Es agradable cuando las personas establecen expectativas el uno para el otro. No requiere mucho esfuerzo para que una persona o interfaz le informe a un usuario cuando se completará la próxima tarea. Estás en el paso 1 de X. tu elección dará como resultado Y. Recibirás algo antes de Z. Todas esas pequeñas promesas no solo informan sino que también crean confianza.

#8 Muestra el status, cuál es si situación

En cualquier interfaz de usuario, a menudo mostramos elementos que pueden tener diferentes estados. Los correos electrónicos se pueden leer o no, las facturas se pueden pagar o no, etc. Informar a los usuarios sobre el estado particular en el que se encuentra un artículo es una buena forma de proporcionar comentarios. Los estados de interfaz pueden ayudar a las personas a comprender si sus acciones pasadas se han llevado a cabo con éxito o no, y si se debe hacer algo o no.

#9 Formularios más cortos y fáciles

Los seres humanos comos intrínsecamente resistentes a las tareas de mano de obra intensiva y esta misma idea también se aplica a rellenar los campos del formulario. Cada campo que solicites corres el riesgo de hacer que tus visitantes se den la vuelta y se den por vencidos. No todos escriben a la misma velocidad, mientras que escribir en dispositivos móviles sigue siendo una tarea ardua en general. Pregúntate si cada campo es realmente necesario y elimina tantos campos como te sea posible. Si realmente tienes numerosos campos opcionales, también considera moverlos después del envío del formulario en una página diferente. Recuerda la norma básica menos es más. Menos campos convierten mejor.

#10 Sin compromisos, o al menos uno que sea corto

Pídeles a los usuarios que comiencen con un compromiso inicial más pequeño seguidos por otros más grandes en el futuro. Los grandes compromisos pueden asustar a las personas. Según un estudio de Robert Cialdini, usar el compromiso es una poderosa estrategia de persuación que aprovecha el deseo de las personas de ser vistas como una imagen propia coherente. Esa búsqueda de coherencia sugiere que, en general, las personas pueden escalar una serie de acciones más pequeñas y conectadas más fácilmente que una grande. Una aplicación derivada de esto se conoce como la técnica del pie en la puerta que funciona al “obtener un pequeño si” y luego obtener un “si” aún mayor. Un ejemplo de esto son los sitios web de citas que le pide a los usuarios que miren a su alrededor, seguida de una tarea de introducción, seguida de un par de ideas para una cita, etc. Esto es contrario a pedirle a los mismos usuarios que se casen de inmediato (Aunque aclaro, no existe nada malo con el matrimonio). En el contexto de los precios, se puede ver otro ejemplo cuando le pedimos a los clientes que paguen una serie de tarifas mensuales en lugar de una anual. Todo esto reduce la barrera de entrada.

#11 Mantener el focus en lugar de llenarlo de links

Es fácil crear una página web con muchos enlaces en los sidebar de la izquierda o la derecha con la esperanza de satisfacer tantas necesidades de los clientes como sea posible. Sin embargo, se estás creando una página narrativa que se está construyendo hacia un llamado a la acción específico en la parte inferior, entonces piensa dos veces. Ten en cuenta que cualquier enlace sobre el CTA principal corre el riesgo de alejar a tus clientes de lo que esperas que hagan. No pierdas la atención entre las páginas con una cantidad de enlaces altos (a veces un poco pesadas) o las páginas estilo túnel (con menos enlaces y mayores conversiones). Eliminar los enlaces externos puede ser una forma segura de aumentar las posibilidades de que el usuario alcance el anhelado botón de Call to Action.

#12 Ofrece Garatías

Cuando cierres una venta, deja algunas garantías. Dile a tus clientes que estarán satisfechos, dile que su pago es seguro, que el envío es gratuito, que pueden cancelar su contrato en cualquier momento sin ningún recargo, que todo esta bien y que estará bien. Que no se preocupe que sea feliz. Un final feliz es una buena táctica de conversión.

#13 Prueba ser auténtico en lugar de parecerlo

La mayoría de los usuarios pueden detectar cuando algo es una mentira apenas lo ven la página web o al menos sospechan. Ser auténtico puede ser la cura para ayudar a que tu producto o sitio web sea más confiable. Las imágenes incluidas las personas felices que parecen sonreir sin ninguna razón, pueden ser sospechosas y debilitar la confianza del usuario. Hay algunas pruebas que muestran esta evidencia sobre la tasa de conversión en imágenes de recurso o de personas real. Otro aspecto que a menudo puede ser fuente de escepticismo son las reseñas de los productos. Tener una mezcla de buenas y malas reseñas en lugar de todas perfectas pueden ayudar a mejorar la tasa de conversión.

 #14 Llama su atención

Vale la pena intentar llamar la atención del usuario hacia las acciones más importantes. Esto se puede lograr de muchas maneras, empezando por el aumento de tamaño más obvio o el mayor contraste de un elemento. Otras formas de dirigir la atención también incluyen: uso de formas irregulares, enfoque automático de campo, aspectos destacados de la sección, interacciones de elementos flotantes, flechas direccionales. Seguramente no se puede hacer que todo grite en una página web, pero hacer hincapié en las llamadas a la acción principales valdrá la pena el esfuerzo.

#15 Habilita la opción No Acepto

Una estrategia de exclusión implica que los usuarios o clientes no tengan ningún impedimentos para participar en algo sin tener que realizar ninguna acción. Alternativamente, también existe la estrategia de aceptación más tradicional que requiere que los usuarios primero realicen una acción para participar o recibir algo. Hay dos buenas razones por las que la opción de No Acepto funciona mejor que la opción de suscripción. Primero, alivia la resistencia en el camino a la llamada a la acción, ya que el usuario no tiene que hacer nada. En segundo lugar, también es una forma de recomendación que implica algún tipo de norma: “dado que otros hacen el llamado a la acción sin problemas, yo también podría hacer lo mismo”. Por supuesto, la estrategia de exclusión voluntaria se percibe a menudo como controvertida, ya que hay vendedores de mala calidad que abusan de ella. Uno de estos males es disminuir la legibilidad del texto, mientras que otros utilizan texto confuso por ejemplo: Acepto NO recibir newsletter, dada la resistencia del usuario a marcar casillas de verificación la dejan en blanco y como consecuencia cae en la trampa, esto se le conoce como los doble negativos. Ambos ejemplos dan lugar a que los usuarios sean menos conscientes de que realmente se registran para algo. Por lo tanto, mantén la ética bajo control, si decides aplicar un enfoque de exclusión voluntaria, deja muy claro y comprensible a tus usuarios a qué se están negando.

#16 Muestra el beneficio principal antes del precio

Los seres humanos vienen cargados de sesgos cognitivos, tal y como Kahneman observó, el anclaje es uno de esos prejuicios que es difícil resistir. Sugiere que nuestra toma de decisiones se ve afectada por la primera información que llama nuestra atención. Cuando comenzamos con un número mayor y tiramos hacia un precio menor, de repente ese precio ya no se siente tan grande.

#17 Reconocer en lugar de Recordar

Este es un principio clásico del diseño vinculado fuertemente a la psicología, que sugiere que es más fácil reconocer algo existente, en lugar de tener que recordarlos puramente de la propia memoria. El reconocimiento se basa en algún tipo de pistas que nos ayuda a recordar de nuestras experiencias pasadas. Recordar requiere que nos sumerjamos en las profundidades de nuestra memoria sin ningún tipo de ayuda. Esto podría ser la razón por la cual a veces las preguntas de opción múltiple en los exámenes pueden ser más rápidas de responder que las abiertas. Considera darle a los usuarios la capacidad de reconocer los elementos a los que han estado expuestos anteriormente, en lugar de que recuerden por si mismos.

#18 Muestra Opciones

Cada menú desplegable que utiliza oculta un conjunto de acciones dentro de las cuales es necesario esforzarse para descubrirlas. Si esas opciones son fundamentales a lo largo del camino para que los visitantes hagan las cosas, entonces tal vez se planteé continuar. Intenta reservar los menús desplegables para las opciones que son predecibles y no requieren nuevos aprendizajes como son las referentes a fechas y horas (Calendarios por ejemplo) o conjuntos geográficos. Ten cuidado con el uso de menús desplegables para elementos primarios que están en el camino de conversión del usuario.

#19 Iconos con etiquetas

Los iconos pueden estar abiertos a la interpretación y combinarlos con palabras puede eliminar parte de esa ambigüedad. Toma un icono de flecha hacia abajo, por ejemplo. ¿Significa bajar algo, descargar?¿o un icono “x” significa eliminar, cancelar, cerrar? El problema se agrava para las interfaces de uso ligero donde no hay mucho tiempo para que la persona aprenda el significado de los iconos. Para que los iconos sean más comprensibles, se pueden colocar con etiquetas textuales. Si el espacio es realmente un problema, intenta mostrar e texto a través de un mouse hover.

 

#20 Recomienda una opción

Al mostrar múltiples ofertas, sugerir un producto de forma destacada podría ser una buena idea ya que algunos usuarios necesitan un pequeño empujón. Existen estudios de psicología que sugieren que cuanta más opciones haya, menores serán las probabilidades de que se tome una decisión y se actúe en consecuencia. Para combatir dicha parálisis de análisis, intenta enfatizar y resaltar ciertas opciones sobre otras.

#21 Engagement Gradual

En lugar de pedirles a los visitantes que se registren de inmediato, ¿por qué no pedirles que realicen una tarea a través de la cual se demuestra algo de valor? Durante estas interacciones iniciales, el producto puede mostrar sus beneficios y también puede personalizarse. Una vez que los usuarios comiencen a ver el valor de tu producto y vean cómo puden hacerlo suyo, estarán más dispuesto a compartir su información contigo. El compromiso gradual es realmente una manera de posponer el proceso de registro tanto como sea posible y aún así permitir a los usuarios usar y personalizar su servicio o producto.

#22 Curiosidad

Motivar la curiosidad es una táctica de conversión que trata de impulsar el deseo de algo al proporcionar una pequeña muestra de información. Podría ser un capítulo de muestra, un demo, una prueba o algun contenido gratuito que conduzca a una llamada a la acción que suene como “para ver el resto, haga XYZ”. Intriga a tus usuarios, clientes o potenciales clientes con muestras y ganchos es una buena manera para que las personas quieran continuar el camino a la acción deseada.

#23 Vende los servicios o productos complementarios al principal

Las personas se motivan a coleccionar cosas. Ya sea física o virtual, ver un conjunto cerrado de cosas ara recopilar establece un objetivo al que aspirar. A menudo, obtener el conjunto completo puede motivar aún más al llevar beneficios adicionales (Un pastel es más grande y mejor que sus ingredientes individuales) También, mostrar elementos que ya se han recopilado refuerza el comportamiento de mostrar las acciones pasadas como un logro. Finalmente, la motivación para recolectar un conjunto completo podría ser mas fuerte si se sabe que el número de elementos es limitado (sobreposición de escasez)

#24 Repite el Call to action en vez de mostrarlo solo una vez

La repetición a la llamada de acción es una estrategia sobre todo aplicable a páginas más largas (con mucho scroll), o que se repite en muchas páginas. Seguramente no deseas que tu oferta se muestre 10 veces en la misma pantalla y frustrar al usuario. Sin embargo, las páginas largas se están convirtiendo en tendencia. No está de más tener un elemento accionable en la parte superior y otro mas destacado en la parte inferior. Cuando los usuarios llegan al final, hacen una pausa y piensan qué hacer a continuación: llévalos a un lugar donde hacerle una oferta o prueba cerrar la compra.

#25 El más importante de todos: DISEÑO WEB RESPONSIVE

No hay nada peor en el diseño web que las barras de desplazamiento dobles. En serio, es tan malo cognitivamente como mirar un mapa a través del hueco de la cerradura. Estas situaciones pueden ser causadas involuntariamente debido a diseños estáticos al mirar el sitio web en dispositivos móviles. La forma de evitar este problema es con Diseño Responsive que se ajustan automáticamente para varias formas y tamaños de pantallas.

¿Tienes alguna otra idea que ayude a convertir?

Fuente: Goodui.org

Juan Maldonado

Juan Maldonado

Ingeniero de Sistemas, Co-Fundador de Apolo Agencia Digital. Senior IT Project Manager, especialista en Diseño de aplicaciones web y aplicaciones móviles. Consultor SEO.

Comentar

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

¿Te gustan nuestros artículos?

Suscríbete a nuestros blog y no te pierdas nuestras publicaciones