Uma introdução ao design de conversação (e 3 exemplos notáveis)

Praticamente todo mundo tem um site hoje em dia, então se você quer que o seu se destaque, você precisa trazer o seu A-game quando se trata de design. As pessoas querem sites adaptados às suas necessidades específicas e que as façam sentir que são importantes (o que realmente são!). Se você não puder fornecer essa experiência, talvez não consiga competir nas grandes ligas.

O design de conversação tem a ver com a criação de sites personalizados para cada usuário e que antecipam suas necessidades. Neste artigo, daremos a você um breve curso intensivo sobre web design de conversação e discutiremos alguns exemplos.

Vamos conversar!

Uma introdução ao design de conversação

Quando se trata de web design de conversação, há uma distinção importante a ser feita. Quando as pessoas falam sobre esse conceito, elas estão se referindo principalmente à hiperpersonalização. Por exemplo, quando você faz login em sua conta do Facebook, a plataforma pergunta o que você está pensando / sentindo e se refere a você pelo nome:

Este é um exemplo de design de conversação. Por outro lado, quando as pessoas falam sobre interfaces de usuário (IU) conversacionais, elas estão se referindo a experiências orientadas a texto, como chatbots e Slack.

Em qualquer caso, o termo design de conversação cobre muitas áreas. No entanto, todos eles têm uma coisa em comum, que é o objetivo de fornecer experiências mais personalizadas para seus usuários. Veja por que isso é bom:

• Isso pode ajudá-lo a construir confiança. O design de conversação pode ajudar os usuários a se sentirem bem-vindos, o que, por sua vez, pode inspirar confiança e levar a mais conversões.
• Você pode fazer um bom uso dos dados coletados. A maioria dos sites atualmente coleta algumas informações pessoais de seus usuários. Com o design de conversação, você pode colocar esses dados em uso prático.

Quanto aos sites que podem se beneficiar com a adoção de um design conversacional, isso depende do nível de interação que você fornece aos visitantes. Se os usuários precisam interagir com o seu site de alguma forma, você deve considerar o design coloquial para fornecer uma experiência mais pessoal.

Ao longo da próxima seção, mostraremos alguns exemplos de design da Web conversacional e interface do usuário. Falaremos sobre o que eles fazem certo e como você pode aplicar suas abordagens em seu próprio site.

3 exemplos de sites que usam design de conversação

O design de conversação é um campo vasto, portanto, existem várias maneiras de implementá-lo em seu site. Nesta seção, exploraremos três exemplos, cada um usando diferentes abordagens para personalização e interface de usuário conversacional.

1. Estúdio Buzzworthy

O site do Buzzworthy Studio apresenta uma ótima experiência de formulário de contato que fornece uma experiência altamente personalizada. Depois de acessar a página de contato, você pode clicar na frase de chamariz INICIAR UM PROJETO :

Em seguida, a página pergunta em que tipo de projeto você gostaria de embarcar:

Por exemplo, se clicarmos na opção Marketing , podemos escolher entre SEO , Campanhas PPC ou ambos:

Depois de fazer sua escolha, o site fornece um orçamento aproximado e um cronograma que varia de acordo com ele:

No que diz respeito às páginas de contato, essa experiência é uma das mais envolventes que encontramos. Ao fazer várias perguntas antes de definir um orçamento, você se sente como se estivesse conversando com um freelancer antes de contratá-lo.

Além disso, eles também incluem um formulário simples onde você pode adicionar quaisquer detalhes que eles possam querer saber antes de elaborarem uma proposta de projeto mais completa:

O design de conversação e as páginas de contato são uma combinação perfeita, especialmente para páginas de portfólio. Um dos seus maiores desafios é fazer com que os clientes em potencial se sintam à vontade e personalizar suas páginas para eles é uma ótima maneira de fazer isso.

Se você quiser criar experiências de integração de cliente mais interativas, uma ótima maneira de fazer isso seria usando o Typeform. Há algum tempo, falamos sobre como você pode usar a plataforma para criar pesquisas elegantes, mas também pode usá-la para fazer perguntas a clientes em potencial, de maneira semelhante a este exemplo.

2. Landbot

Para o nosso segundo exemplo, vamos explorar a IU conversacional. Plataformas como o Landbot abordam o conceito de design de conversação de uma forma muito literal, uma vez que são construídas inteiramente em torno de interações de texto.

Landbot pode não ser tão conhecido quanto nosso exemplo anterior, mas isso não significa que eles não tenham algo interessante para a mesa. Resumindo, este serviço permite que você crie páginas de destino baseadas em chatbot. Já falamos sobre como configurar chatbots do Facebook para WordPress antes, mas esta plataforma é muito mais fácil de começar.

O próprio site é uma classe mestre em interfaces de usuário de conversação. É tudo construído em torno de um único chat, que usa um design limpo e moderno:

Em cada estágio da conversa, você pode escolher como responder ao chatbot. Como você está usando opções predeterminadas, o chatbot é muito mais fácil de programar. É também um excelente exemplo de como as interfaces de usuário conversacionais não precisam ser chatas.

Existem dois pontos de destaque que você deve tirar da abordagem do Landbot para design de conversação. Em primeiro lugar, se você deseja incluir interfaces de usuário de conversação em seu site, você precisa torná-las atraentes. Brinque com cores, fontes e até mesmo as pequenas animações que os usuários veem quando você está digitando para criar algo que prenda a atenção:

Em segundo lugar, interfaces de usuário conversacionais podem ser ótimas para gerar conversões. Por exemplo, os chatbots permitem que você leve os usuários a realizar as ações que você deseja, entregando uma forte frase de chamariz (CTA):

A implementação desses tipos de recursos pode exigir algum conhecimento técnico, mas os resultados podem valer o esforço. Você sempre pode experimentar criar seu próprio chatbot Landbot e usá-lo para direcionar usuários ao seu site ou vice-versa.

3. Cody

Para nosso último exemplo, vamos dar uma olhada em outra IU conversacional. Cody é uma vitrine de um chatbot simples da agência Chop Chop. Seu negócio é construído em torno da criação de chatbots, então é lógico que eles querem mostrar o que podem fazer.

Ao contrário do exemplo do Landbot, Cody é menos voltado para o marketing aberto. Em vez disso, tenta fazer com que você sinta que está conversando com um amigo, enquanto fornece informações importantes. Por exemplo, Cody pergunta a você se você não se importa que o site use cookies, o que é uma grande mudança nos avisos:

A IU conversacional aqui é extremamente simples. O fundo está limpo e as bolhas de texto são muito discretas. Esse é o tipo de chatbot que você pode ver adicionado a qualquer site profissional sem tirar seu conteúdo.

A principal lição aqui é que as interfaces de usuário de conversação não precisam ser focadas apenas em marketing e há muitas maneiras de adicionar um toque aos seus chatbots. Por exemplo, você pode dar a ele um rosto e um nome para que pareça único e pessoal. Da mesma forma, você pode otimizar a linguagem que usa para tornar as conversas mais casuais e menos como se você estivesse fazendo uma pergunta ao Google.

Conclusão

Quando se trata de web design, existem várias escolas de pensamento nas quais você pode se inscrever. Há material design, formas fluidas, elementos desenhados à mão e muito mais. No entanto, o web design de conversação é mais do que apenas uma tendência. Se você puder fornecer uma experiência personalizada para cada um de seus visitantes, terá uma vantagem que poucos sites podem oferecer.

Vamos dar outra olhada em alguns de nossos exemplos favoritos de design de conversação:

1. Buzzworthy Studio: Com a personalização, você pode tornar até mesmo os formulários de contato mais divertidos.
2. Landbot: oferece um exemplo atraente de uma IU conversacional.
3. Cody: Este simples chatbot faz um ótimo trabalho em fazer você se sentir como se estivesse falando com uma pessoa real e não com uma máquina.

Qual você acha que é a melhor maneira de implementar o design de conversação no site? Compartilhe suas idéias conosco na seção de comentários abaixo!

Miniatura da imagem do artigo por Art Alex / shutterstock.com