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

Prácticamente todos tienen un sitio web en estos días, por lo que si desea que el suyo se destaque, debe traer su juego A cuando se trata de diseño . La gente quiere sitios que se adapten a sus necesidades específicas y que les hagan sentir que son importantes (¡y lo son!). Si no puede proporcionar esa experiencia, es posible que no pueda competir en las grandes ligas.

El diseño conversacional se trata de 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 analizaremos algunos ejemplos.

¡Hablemos!

Una 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 de interfaces de usuario (IU) conversacionales, se refieren a experiencias basadas en texto, como chatbots y Slack .

En cualquier caso, el término diseño conversacional abarca 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 proporcione a sus visitantes. Si sus usuarios necesitan interactuar con su sitio de alguna manera, entonces debería considerar buscar un 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 e interfaz de usuario conversacionales. Hablaremos sobre lo que hacen bien y cómo puede aplicar sus enfoques en su propio sitio web.

3 ejemplos de sitios web que usan diseño conversacional

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

1. Estudio digno de mención

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 te pregunta en qué tipo de proyecto te gustaría embarcarte:

Por ejemplo, si pulsamos en la  opción de Marketing  , podemos elegir entre  Campañas SEO , 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 este:

En lo que respecta a las páginas de contacto, esta experiencia es una de las más interesantes 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 cartera. 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 usar 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, vamos a explorar la interfaz de usuario conversacional. Las plataformas como Landbot abordan el concepto de diseño conversacional de una manera muy literal, ya que se construyen completamente en torno a las interacciones de texto.

Landbot puede no ser tan conocido como nuestro ejemplo anterior, pero eso no significa que no tengan algo interesante para la mesa. En resumen, este servicio le permite crear páginas de destino basadas en chatbots. Ya hemos hablado 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 se basa en 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 sobresalientes que debe tomar en cuenta 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 los colores, las fuentes e incluso las pequeñas animaciones que ven los usuarios cuando escribes, para crear algo que llame la atención:

En segundo lugar, las interfaces de usuario conversacionales pueden ser excelentes para generar conversiones. Por ejemplo, los chatbots le permiten guiar a los usuarios para que realicen las acciones que 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. Siempre puede experimentar creando su propio chatbot Landbot y usarlo para canalizar a los usuarios a su 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, trata de hacerte sentir como si estuvieras conversando 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 cambio 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 maneras 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 idioma que usa para que las conversaciones se sientan más informales y menos como si le 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 tendencia. Si puede brindar una experiencia que se adapte de manera única 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 que estás hablando con una persona real y no con una máquina.

También vale la pena señalar que crear un sitio web conversacional no se trata solo de diseño . La copia de su sitio web también es muy importante. Para obtener más información, consulte nuestra guía sobre cómo mantener un estilo de escritura conversacional .

¿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 de Art Alex / shutterstock.com