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

Básicamente, todos tienen un sitio web en estos días, por lo que si desea que el suyo se destaque, debe traer su juego cuando se trata de diseño. Las personas quieren sitios adaptados a sus necesidades específicas y hacer que se sientan importantes (¡lo que son!). Si no puede ofrecer esa experiencia, es posible que no pueda competir en las grandes ligas. El diseño de conversación se refiere a la creación de sitios web adaptados a cada usuario y que anticipan sus necesidades. En este artículo, le daremos un breve curso de diseño web de conversación conversacional y discutiremos algunos ejemplos. ¡Hablemos!
Una introducción al diseño conversacional Cuando se trata del diseño web de conversación, se debe hacer una distinción importante. Cuando la gente habla de este concepto, se refieren principalmente a la hiperpersonalización. Por ejemplo, cuando inicia sesión en su cuenta de Facebook, la plataforma le pregunta qué piensa / siente y se refiere a usted por su nombre:

Este es un ejemplo de un diseño conversacional. Por otro lado, cuando las personas hablan de interfaces de usuarios 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 algo común, que es el propósito de brindar a los usuarios experiencias más personalizadas. Por eso es algo bueno:
Puede ayudarlo a crear confianza. El diseño conversacional puede ayudar a los usuarios a sentirse bienvenidos, lo que a su vez puede inspirar confianza y conducir a más conversiones.
Puede usar los datos que recopila en buen uso. La mayoría de los sitios web en estos días recopilan información personal de sus usuarios. Con el diseño conversacional, puede usar estos datos de manera práctica. En cuanto a lo que los sitios web pueden beneficiarse de la adopción del diseño conversacional, dependiendo del nivel de interacción que ofrezca a sus visitantes. Si sus usuarios tienen que interactuar con su sitio de alguna manera, Entonces debe considerar analizar el diseño conversacional para proporcionar una experiencia más personal.
Durante la siguiente sección, le mostraremos algunos ejemplos de diseño web e interfaz. Hablaremos sobre lo que hacen correctamente y cómo puede aplicar sus enfoques a su propio sitio web. 3 Ejemplos de sitios web que utilizan diseño de diseño conversacional El diseño conversacional es un área vasta, por lo que hay varias formas en que puede implementarlo en su sitio web. En esta sección, exploraremos tres ejemplos, cada uno utilizando diferentes enfoques para la personalización e interfaz. 1. El sitio web de Buzzworthy Studio Buzzworthy Studio ofrece una excelente experiencia en el formulario de contacto, que ofrece una experiencia muy personalizada. Después de aterrizar en la página de contacto, puede hacer clic en el inicio del proyecto:
Luego, la página le pregunta qué tipo de proyecto desea iniciar:

Por ejemplo, si hacemos clic en la opción de marketing, podemos elegir entre SEO, PPC o ambos:

Después de haber tomado la decisión, el sitio web le brinda un presupuesto aproximado y una cronología que varía según él:

En cuanto a las páginas de contacto, esta experiencia es una de las más atractivas que he encontrado. Hacer más preguntas antes de darle un presupuesto, le hace sentir que tiene una conversación independiente antes de contratarlas. Además, también incluyen un formulario simple en el que puede agregar cualquier detalle que desee saber antes de desarrollar una propuesta de proyecto más detallada: el diseño conversacional y las páginas de contacto son una coincidencia hecha en el cielo, especialmente para las páginas de cartera. Uno de sus mayores desafíos es hacer que los clientes potenciales se sientan a gusto y adaptar sus páginas según ellos, es una excelente manera de hacerlo. Si desea hacer una grieta en la creación de experiencias de integración de clientes más interactivas, una excelente manera de hacerlo sería el uso de TypeForm. Hace algún tiempo, hablé sobre cómo puede usar la plataforma para crear encuestas elegantes, pero también puede usarla para preguntar a clientes potenciales, similar a este ejemplo.

2. Landbot Para el segundo ejemplo, exploraremos la interfaz para usar la conversación. Las plataformas como Landbot abordan el concepto de diseño conversacional de una manera muy literal, porque están completamente construidas 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 en la mesa. En resumen, este servicio le permite crear páginas de destino basadas en Chatbot. También he hablado sobre cómo configurar los chats de Facebook para WordPress, pero esta plataforma es mucho más fácil de iniciar. El mismo maestro es una clase magistral en las interfaces conversacionales. Todo está construido alrededor de un solo chat que utiliza un diseño limpio y moderno:

En cada etapa de la conversación, puede elegir cómo responder a ChatBot. Debido a que usa opciones predeterminadas, el chatbot es mucho más fácil de programar. También es un excelente ejemplo de la forma en que la conversación no debe ser aburrida. Hay dos puntos especiales que debes eliminar del enfoque de Landbot en el diseño conversacional. En primer lugar, si desea incluir interfaces de interfaz de usuario conversacionales en su sitio web, debe hacerlas atractivas. Juega con colores, fuentes e incluso las pequeñas animaciones que los usuarios ven cuando escriben, para crear algo que atraiga la atención:

En segundo lugar, las interfaces de interfaz de usuario conversacionales pueden ser excelentes para generar conversiones. Por ejemplo, los chats le permiten determinar los usuarios para realizar las acciones que desea, proporcionando un fuerte impulso (CTA):
La implementación de este tipo de características puede requerir ciertos conocimientos técnicos, pero los resultados pueden valer la pena. Siempre puede experimentar la creación de su propio chat Landbot y su uso para canalizar a los usuarios de su sitio web o viceversa. 3. Cody para nuestro último ejemplo, para echar un vistazo a otra interfaz de conversación. Cody es un escaparate 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 querer mostrar lo que pueden hacer. A diferencia del ejemplo de Landbot, Cody está menos orientado hacia el marketing abierto. En su lugar, trate de hacerte sentir que tienes una conversación con un amigo, mientras te brindas información importante. Por ejemplo, Cody le pregunta si no le importa que el sitio use cookies, lo cual es un excelente giro en notificaciones:

La conversación aquí es extremadamente simple. El fondo está limpio y las burbujas de texto están muy infravaloradas. Este es el tipo de chatbot que podría ver en cualquier sitio web profesional sin eliminar su contenido. La idea clave aquí es que las interfaces de interfaz de usuario conversacionales no tienen que centrarse exclusivamente en el marketing y hay muchas maneras en que puede agregar un cierto chatbot de estilo, por ejemplo, puede darle una cara y un nombre, para que se sientan únicos y personal. Del mismo modo, puede optimizar el lenguaje que utiliza para que las conversaciones se sientan más informales y menos de lo que hace una pregunta de Google.

Conclusión Cuando se trata del diseño web, hay muchas escuelas de pensamiento a las que puede suscribirse. Hay diseño de material, formas de fluido, elementos a mano y muchos más. Sin embargo, el diseño web conversacional es más que una tendencia. Si puede proporcionar una experiencia adaptada única a cada uno de sus visitantes, tiene la ventaja de que muy pocos sitios pueden encajar. Echemos un vistazo a algunos de nuestros ejemplos favoritos de diseño de conversación: Buzzworthy Studio: con personalización, incluso puede hacer que los formularios de contacto sean más divertidos.

Landbot: proporciona un ejemplo cautivador de interfaz de interfaz de usuario conversacional.
Cody: Este simple chatbot hace un excelente trabajo al hacerte sentir que estás hablando con una persona real y no un auto.

¿Cuál crees que es la mejor manera de implementar un diseño de conversación en el sitio? ¡Comparta sus pensamientos con nosotros en la sección de comentarios a continuación! Artículo de imagen en miniatura de Art Alex / Shutterstock.com