Una introducción al diseño conversacional (y 3 ejemplos destacados)

Prácticamente todo el mundo tiene un sitio web en estos días, así que si quieres que el tuyo se destaque, debes traer tu juego A cuando se trata de diseño. La gente quiere sitios que se adapten a sus necesidades específicas y les hagan sentir que son importantes (¡y lo son!). Si no puede brindar esa experiencia, es posible que no pueda competir en las grandes ligas.

El diseño conversacional consiste en crear sitios web que se adapten a cada usuario y que se anticipen a sus necesidades. En este artículo, le daremos un breve curso intensivo sobre diseño web conversacional y discutiremos algunos ejemplos.

¡Hablemos!

Introducción al diseño conversacional

Cuando se trata de diseño web conversacional, hay que hacer una distinción importante. Cuando la gente habla de este concepto, se refiere principalmente a la hiperpersonalización. Por ejemplo, cuando inicia sesión en su cuenta de Facebook, la plataforma le pregunta qué está pensando / sintiendo y se refiere a usted por su nombre:

Este es un ejemplo de diseño conversacional. Por otro lado, cuando las personas hablan sobre interfaces de usuario (UI) conversacionales, se refieren a experiencias basadas en texto, como chatbots y Slack.

En cualquier caso, el término diseño conversacional cubre muchas áreas. Sin embargo, todos tienen una cosa en común, que es el objetivo de brindar experiencias más personalizadas a sus usuarios. He aquí por qué eso es algo bueno:

• Puede ayudarte a generar confianza. El diseño conversacional puede ayudar a los usuarios a sentirse bienvenidos, lo que a su vez puede inspirar confianza y generar más conversiones.
• Puede hacer un buen uso de los datos que recopila. La mayoría de los sitios web en estos días recopilan información personal de sus usuarios. Con el diseño conversacional, puede poner estos datos en un uso práctico.

En cuanto a qué sitios web pueden beneficiarse de la adopción de un diseño conversacional, depende del nivel de interacción que brinde a sus visitantes. Si sus usuarios necesitan interactuar con su sitio de alguna manera, entonces debería considerar buscar en el diseño conversacional para brindar una experiencia más personal.

A lo largo de la siguiente sección, le mostraremos algunos ejemplos de diseño web conversacional y UI. Hablaremos sobre lo que hacen bien y cómo puede aplicar sus enfoques en su propio sitio web.

3 ejemplos de sitios web que utilizan diseño conversacional

El diseño conversacional es un campo vasto, por lo que hay varias formas de implementarlo en su sitio web. En esta sección, exploraremos tres ejemplos, cada uno de los cuales utiliza diferentes enfoques para la personalización y la interfaz de usuario conversacional.

1. Estudio Buzzworthy

El sitio web de Buzzworthy Studio presenta una excelente experiencia de formulario de contacto que brinda una experiencia altamente personalizada. Una vez que llegue a la página de contacto, puede hacer clic en el llamado a la acción INICIAR UN PROYECTO :

Luego, la página le pregunta en qué tipo de proyecto le gustaría embarcarse:

Por ejemplo, si hacemos clic en la opción Marketing , podemos elegir entre SEO , Campañas PPC o ambas:

Una vez que haya hecho su elección, el sitio web le brinda un presupuesto aproximado y un cronograma que varía según él:

En lo que respecta a las páginas de contacto, esta experiencia es una de las más atractivas con las que nos hemos topado. Al hacer varias preguntas antes de darte un presupuesto, te hace sentir como si estuvieras teniendo una conversación con un profesional independiente antes de contratarlo.

Además, también incluyen un formulario simple donde puede agregar cualquier detalle que deseen saber antes de elaborar una propuesta de proyecto más completa:

El diseño conversacional y las páginas de contacto son una combinación perfecta, especialmente para las páginas de portafolios. Uno de sus mayores desafíos es hacer que los clientes potenciales se sientan cómodos y adaptar sus páginas a ellos es una excelente manera de hacerlo.

Si desea intentar crear experiencias de incorporación de clientes más interactivas, una excelente manera de hacerlo sería utilizando Typeform. Hace un tiempo, hablamos sobre cómo puede usar la plataforma para crear encuestas elegantes, pero también puede usarla para hacer preguntas a clientes potenciales, de manera similar a este ejemplo.

2. Landbot

Para nuestro segundo ejemplo, exploraremos la interfaz de usuario conversacional. Las plataformas como Landbot abordan el concepto de diseño conversacional de una manera muy literal, ya que se basan completamente en interacciones de texto.

Es posible que Landbot no sea tan conocido como nuestro ejemplo anterior, pero eso no significa que no tengan algo interesante en la mesa. En resumen, este servicio le permite crear páginas de destino basadas en chatbot. Hemos hablado antes sobre cómo configurar chatbots con tecnología de Facebook para WordPress, pero es mucho más fácil comenzar con esta plataforma.

El sitio web en sí es una clase magistral en interfaces de usuario conversacionales. Todo está construido en torno a un solo chat, que utiliza un diseño limpio y moderno:

En cada etapa de la conversación, puede elegir cómo responder al chatbot. Dado que está utilizando opciones predeterminadas, el chatbot es mucho más fácil de programar. También es un excelente ejemplo de cómo las interfaces de usuario conversacionales no tienen por qué ser aburridas.

Hay dos puntos destacados que debe sacar del enfoque de Landbot para el diseño conversacional. En primer lugar, si desea incluir interfaces de usuario conversacionales en su sitio web, debe hacerlas llamativas. Juega con colores, fuentes e incluso las pequeñas animaciones que los usuarios ven cuando escribes, para crear algo que llame la atención:

En segundo lugar, las IU conversacionales pueden ser excelentes para generar conversiones. Por ejemplo, los chatbots le permiten guiar a los usuarios para que realicen las acciones que usted desea que realicen mediante una fuerte llamada a la acción (CTA):

La implementación de este tipo de funciones puede requerir algunos conocimientos técnicos, pero los resultados pueden valer la pena el esfuerzo. Siempre puedes experimentar creando tu propio chatbot Landbot y usándolo para canalizar a los usuarios a tu sitio web o viceversa.

3. Cody

Para nuestro último ejemplo, echemos un vistazo a otra interfaz de usuario conversacional. Cody es una muestra de un simple chatbot de la agencia Chop Chop. Su negocio se basa en la creación de chatbots, por lo que es lógico que quieran mostrar lo que pueden hacer.

A diferencia del ejemplo de Landbot, Cody está menos orientado hacia el marketing abierto. En cambio, intenta hacerte sentir como si estuvieras teniendo una conversación con un amigo mientras te brinda información importante. Por ejemplo, Cody le pregunta si no le importa que el sitio use cookies, lo cual es un gran giro en los avisos:

La interfaz de usuario conversacional aquí es extremadamente simple. El fondo está limpio y las burbujas de texto son muy discretas. Este es el tipo de chatbot que podría ver agregado a cualquier sitio web profesional sin quitarle contenido.

La conclusión clave aquí es que las interfaces de usuario conversacionales no necesitan centrarse únicamente en el marketing y hay muchas formas en que puede agregar algo de estilo a sus chatbots. Por ejemplo, puede darle una cara y un nombre para que se sienta único y personal. Del mismo modo, puede optimizar el lenguaje que usa para hacer que las conversaciones se sientan más informales y menos como si estuviera haciendo una pregunta a Google.

Conclusión

Cuando se trata de diseño web, hay muchas escuelas de pensamiento a las que puede suscribirse. Hay diseño de materiales, formas fluidas, elementos dibujados a mano y mucho más. Sin embargo, el diseño web conversacional es más que una simple tendencia. Si puede brindar una experiencia que se adapte exclusivamente a cada uno de sus visitantes, tiene una ventaja que muy pocos sitios pueden igualar.

Echemos otro vistazo a algunos de nuestros ejemplos favoritos de diseño conversacional:

1. Buzzworthy Studio: con la personalización, puede hacer que incluso los formularios de contacto se sientan más divertidos.
2. Landbot: ofrece un ejemplo llamativo de una interfaz de usuario conversacional.
3. Cody: Este simple chatbot hace un gran trabajo al hacerte sentir como si estuvieras hablando con una persona real y no con una máquina.

¿Cuál crees que es la mejor manera de implementar el diseño conversacional en el sitio web? ¡Comparta sus pensamientos con nosotros en la sección de comentarios a continuación!

Miniatura de la imagen del artículo por Art Alex / shutterstock.com