# Typeform: Transformando formulários em conversas humanas

> Saiba como o Typeform torna os formulários um pouco mais humanos, concentrando-se no design e na experiência humana.

Source: https://blog.salesflare.com/pt/iconic-product-typeform-e17f49419c56
Language: pt
Published: 2018-08-09  ·  Updated: 2026-06-30

---
<!-- QUARANTINED — not auto-converted.
     Medium import: .graf markup (one of the 50 identified in FINDINGS)
     Body below is the chrome-stripped source HTML, awaiting hand conversion. -->

<header></header><h2>Produtos Icônicos Episódio 009</h2><p id="5364" class="graf graf--p graf-after--h4">Antes de começarmos, um aviso: eu uso o Typeform e o adoro. 😍</p><p id="c031" class="graf graf--p graf-after--figure">Estamos usando o Typeform há algum tempo na Salesflare e eu não gostaria de usar nenhum outro <a href="https://www.zonkafeedback.com/blog/online-survey-tools">software de pesquisa</a> com nossos clientes.</p><p id="2817" class="graf graf--p graf-after--p">Adoro o fato de a experiência ser muito melhor do que com qualquer aplicativo concorrente. O uso do Typeform torna a interação com o Salesflare um pouco mais humana, o que é algo que valorizamos muito. ❤️</p><blockquote id="8ca9" class="graf graf--blockquote graf-after--p"><p>O Typeform torna o relacionamento com nossos clientes mais humano.</p></blockquote><p id="b70f" class="graf graf--p graf-after--blockquote">Apesar de tudo isso, nunca consegui determinar concretamente como eles fazem isso. Por que nenhum outro aplicativo parece se comparar. E como o Typeform está mantendo essa vantagem durante todos esses anos. Por que ninguém os supera?</p><p id="f5fc" class="graf graf--p graf-after--p">Por isso, embarquei em nossa nona missão de Produtos Icônicos, investigando o que exatamente torna o Typeform tão icônico.</p><p id="c6bf" class="graf graf--p graf-after--p graf--trailing">Vamos lá 👇</p><hr class="section-divider"><h2 id="e3cc" class="graf graf--h3 graf--leading">Tornando as coisas um pouco mais humanas</h2><p id="ecf3" class="graf graf--p graf-after--h3">A faísca para o Typeform surgiu quando os fundadores estavam criando um formulário de lead que seria usado em um espaço de exposição. Você sabe, essas coisas que capturam seus dados.</p><p id="5348" class="graf graf--p graf-after--p">Eles queriam torná-lo melhor do que o que já tinham visto antes. Em vez de apenas criar um formulário padrão, eles queriam criar algo que realmente chamasse a atenção das pessoas e as envolvesse.</p><p id="616f" class="graf graf--p graf-after--p">Eles detectaram uma falta de empatia na forma como a maioria das empresas estava solicitando dados. Passar de conversas face a face para formulários on-line parecia um passo muito grande. As pessoas ainda estavam escrevendo em caixas e clicando em pequenos botões, o que não parecia ser uma experiência muito humana. 🙄</p><p id="7268" class="graf graf--p graf-after--p">Inspirados pelo filme "Jogos de Guerra", em que o personagem principal tem uma conversa digitada com um computador mainframe, eles imaginaram que poderiam criar um formulário que se parecesse mais com uma conversa.</p><p id="94a9" class="graf graf--p graf-after--figure">Eles se propuseram a criar algo mais agradável do que preencher algumas caixas. Eles queriam remover a barreira entre humanos e computadores.</p><p id="eb83" class="graf graf--p graf-after--p">Anos depois, eles resumiram isso na declaração de visão da Typeform:</p><blockquote id="1651" class="graf graf--blockquote graf-after--p"><p>Tornar as coisas um pouco mais humanas ✨.</p></blockquote><p id="452b" class="graf graf--p graf-after--blockquote graf--trailing">A Typeform acredita que os formulários não servem apenas para coletar os dados de que você precisa, mas também para controlar a impressão que você deixa. Ou, como eles costumam dizer: <em class="markup--em markup--p-em">"A forma como você pergunta é tudo"</em>. 🤯</p><hr class="section-divider"><h2 id="e276" class="graf graf--h3 graf--leading">Typeform coloca a experiência humana acima dos dados</h2><p id="bb4d" class="graf graf--p graf-after--h3">O DNA de uma empresa geralmente começa com seus fundadores.</p><p id="13d4" class="graf graf--p graf-after--p">No caso da Typeform, a maneira favorita dos co-fundadores de passar o dia é projetando. É quando a energia deles realmente flui. 🤩</p><p id="fa01" class="graf graf--p graf-after--p">Seu maior concorrente e líder de mercado, <a href="https://www.surveysensum.com/blog/surveymonkey-alternatives-and-competitors">SurveyMonkey</a>, é, por DNA, uma empresa de análise de dados. A Typeform é diferente. É uma empresa de interface de usuário.</p><figure id="8fc8" class="graf graf--figure graf-after--p"><div class="aspectRatioPlaceholder is-locked"><p><img width="800" height="424" class="graf-image" src="/img/baa10e61e44be024.webp" loading="eager" decoding="sync" fetchpriority="high"></p></div><figcaption class="imageCaption">O SurveyMonkey ainda é o líder, mas o interesse pelo Typeform está crescendo rapidamente.</figcaption></figure><p id="ae5a" class="graf graf--p graf-after--figure">É claro que a equipe se preocupa com os dados. Caso contrário, eles não estariam criando um software que coleta dados. Mas eles têm uma mentalidade de <em class="markup--em markup--p-em">"primeiro as pessoas, depois os dados"</em>.</p><p id="f234" class="graf graf--p graf-after--p">Eles acreditam em ser <em class="markup--em markup--p-em">"informados por dados, em vez de orientados por dados"</em>. Isso significa que eles reconhecem o poder dos dados, mas também nunca deixarão de lado suas intuições.</p><p id="c699" class="graf graf--p graf-after--p">É uma questão de combinar a percepção do cliente com as taxas de conversão. Equilibrar sentimentos e fatos. Sentimentos e métricas.</p><p id="5f98" class="graf graf--p graf-after--p">A Typeform coloca o design empático acima do design orientado por dados.</p><figure id="5cf8" class="graf graf--figure graf-after--p"></figure><p class="graf graf--p graf-after--figure">A equipe da Typeform às vezes diz que trabalha com HX, não com UX. Experiência humana, não experiência do usuário.</p><p id="0ea0" class="graf graf--p graf-after--p">A experiência do usuário consiste em levar uma pessoa de A a B com sucesso. A HX vai além disso. Ela faz a seguinte pergunta: eles chegaram ao ponto B com uma conexão emocional?</p><p id="f4f9" class="graf graf--p graf-after--p">A equipe da Typeform pensa em seres humanos. Pessoas reais. Quais são suas necessidades? Suas emoções?</p><p id="e7f6" class="graf graf--p graf-after--p">Isso requer pensar em quem o usuário realmente é. Aproximar-se dele. Entendê-lo. 🤗</p><p id="e3e3" class="graf graf--p graf-after--p">Para isso, a Typeform faz muitas pesquisas com os clientes. E não é apenas a equipe de produtos que testa constantemente novas ideias com os clientes. A <a href="https://inbeat.agency/blog/go-to-market-strategy">equipe go-to-market</a> também está trabalhando para tentar se aproximar dos clientes, para entender onde realmente está o valor para a Typeform, o que eles realmente querem.</p><p id="1b9b" class="graf graf--p graf-after--p graf--trailing">No final, a conexão emocional é o que faz com que as pessoas se apaixonem por um produto. ❤️</p><hr class="section-divider"><h2 id="1468" class="graf graf--h3 graf--leading">O design do Typeform é o resultado de um foco incansável</h2><p id="97fd" class="graf graf--p graf-after--h3">Parece que esses caras da Typeform são gênios, não é?</p><p id="a99f" class="graf graf--p graf-after--p">Embora parte do sucesso do software possa ser atribuída à inteligência e às escolhas inteligentes, provavelmente é mais o resultado de um foco extremo. É o investimento incessante de tempo e recursos em um objetivo claro.</p><p id="ddf8" class="graf graf--p graf-after--p">O que você vê hoje quando preenche um Typeform é o resultado da obsessão por centenas de pequenos detalhes durante um longo período de tempo. A equipe trabalhou incansavelmente em várias iterações, cuidando das menores partes da interação do formulário, uma a uma.</p><p id="2e30" class="graf graf--p graf-after--figure">Ao se concentrar constantemente na usabilidade, no toque humano e no belo design, a Typeform reinventou algo que já existia há décadas. E eles continuaram aperfeiçoando e expandindo-o continuamente para manter sua exclusividade.</p><p id="3f2f" class="graf graf--p graf-after--p graf--trailing">E isso serviu muito bem à Typeform. Em um mercado saturado como o de software de formulários, competir copiando o que já existe teria sido infrutífero. Em vez disso, a Typeform produziu algo que as pessoas queriam e ainda não estavam obtendo: uma bela maneira de criar formulários envolventes.</p><hr class="section-divider"><h2 id="2822" class="graf graf--h3 graf--leading">Eles nos fornecem formulários que não parecem ser formulários</h2><p id="901f" class="graf graf--p graf-after--h3">Coloque sua mão no ar se você gosta de preencher formulários...</p><p id="6f52" class="graf graf--p graf-after--p">Sim, acho que não. 😏</p><p id="ab2c" class="graf graf--p graf-after--p">Todos nós precisamos nos comunicar sobre dados, mas não gostamos de formulários. Queremos formulários que não pareçam formulários.</p><figure id="3810" class="graf graf--figure graf-after--p"><div class="aspectRatioPlaceholder is-locked"><p><img width="393" height="320" class="graf-image" src="/img/45b7240fb58426bf.webp" loading="lazy" decoding="async" fetchpriority="low"></p></div><figcaption class="imageCaption">How a form looks like <a class="markup--anchor markup--figure-anchor" href="https://en.wikipedia.org/wiki/Form_%28HTML%29">according to Wikipedia</a>.</figcaption></figure><p id="8c73" class="graf graf--p graf-after--figure">Veja como tornar os formulários mais humanos.</p><h3 id="0898" class="graf graf--h4 graf-after--p">Um de cada vez</h3><p id="dbf8" class="graf graf--p graf-after--h4">O Typeform divide a interface do formulário em componentes menores. Você não vê uma grande lista de perguntas, mas apenas uma de cada vez e, assim, há um fluxo natural de informações.</p><figure id="747b" class="graf graf--figure graf-after--p"><div class="aspectRatioPlaceholder is-locked"><p><img width="800" height="453" class="graf-image" src="/img/7a654332f8804f6d.webp" loading="lazy" decoding="async" fetchpriority="low"></p></div></figure><p id="a978" class="graf graf--p graf-after--figure">Isso o torna mais gerenciável, mais motivador e mantém as pessoas mais engajadas.</p><h3 id="c1e6" class="graf graf--h4 graf-after--p">Fontes maiores para conversas mais humanas</h3><p id="c13d" class="graf graf--p graf-after--h4">Uma pergunta de cada vez significa que há mais espaço na tela que pode ser usado.</p><p id="5f1c" class="graf graf--p graf-after--p">E, ao usar fontes muito maiores do que a média dos formulários, os criadores de formulários também são incentivados a criar perguntas mais diretas e mais humanas. E as pessoas que o preenchem dão respostas mais humanas.</p><h3 id="11a6" class="graf graf--h4 graf-after--p">Sem caixas, menos botões</h3><p id="97c4" class="graf graf--p graf-after--h4">Escrever em caixas e clicar em pequenos botões não parece muito humano. É por isso que o Typeform trabalha com uma linha de texto e um cursor. Uma pergunta e uma possibilidade de resposta. É isso aí.</p><figure id="9103" class="graf graf--figure graf-after--p"><div class="aspectRatioPlaceholder is-locked"><p><img width="670" height="200" class="graf-image" src="/img/da37c1a030e70caf.webp" loading="lazy" decoding="async" fetchpriority="low"></p></div><figcaption class="imageCaption">Os cursores não pedem apenas que você comece a digitar.</figcaption></figure><p id="4f28" class="graf graf--p graf-after--figure">Gosta mesmo de botões? Eles mostrarão isso. Mas se não quiser tocar no mouse e usar apenas o teclado, isso é totalmente possível. Basta pressionar "enter" ou uma das teclas de atalho indicadas ao lado da resposta.</p><h3 id="e79d" class="graf graf--h4 graf-after--p">Além do texto</h3><p id="8a58" class="graf graf--p graf-after--h4">Um formulário comum é uma folha de texto grande, solicitando mais texto.</p><p id="f199" class="graf graf--p graf-after--p">O Typeform permite que você crie facilmente formulários com ícones, imagens, gifs e vídeos. Isso torna as coisas mais visuais. E, mais uma vez, mais humano.</p><figure id="6d98" class="graf graf--figure graf-after--p graf--trailing"><div class="aspectRatioPlaceholder is-locked"><p><img width="800" height="460" class="graf-image" src="/img/11a2c705af7e7668.webp" loading="lazy" decoding="async" fetchpriority="low"></p></div><figcaption class="imageCaption">Os bolos ficam muito melhores em fotos do que em textos.</figcaption></figure><hr class="section-divider"><h2 id="842c" class="graf graf--h3 graf--leading">Typeform cresce por meio de viralidade e integrações</h2><p id="c9ae" class="graf graf--p graf-after--h3">Como todos os produtos que crescem na velocidade da luz, seus mecanismos de crescimento são especiais e inerentes ao uso principal do produto.</p><h3 id="b871" class="graf graf--h4 graf-after--p">1. Crescimento viral: cada formulário enviado é um anúncio para o Typeform</h3><p id="6f66" class="graf graf--p graf-after--h4">As pessoas enviam formulários às pessoas. Esses formulários são bonitos. E eles contêm uma sutil menção "Powered by Typeform".</p><figure id="56be" class="graf graf--figure graf-after--p"><div class="aspectRatioPlaceholder is-locked"><p><img width="800" height="578" class="graf-image" src="/img/5f9c3b9d48488875.webp" loading="lazy" decoding="async" fetchpriority="low"></p></div><figcaption class="imageCaption">No canto inferior direito de cada formulário, há um anúncio.</figcaption></figure><p id="c3b1" class="graf graf--p graf-after--figure">Simples assim, mas esse botão corresponde a 50% das inscrições do Typeform. 🚀</p><h3 id="fd9b" class="graf graf--h4 graf-after--p">2. Integrações: as pessoas permanecem se o Typeform fizer parte de um fluxo de trabalho</h3><p id="a1dd" class="graf graf--p graf-after--h4">As integrações são ótimas para a retenção do Typeform. Se você enviar uma pesquisa apenas uma vez, talvez não precise do Typeform depois disso. E você pode acabar interrompendo sua assinatura. 🛑</p><p id="aa37" class="graf graf--p graf-after--p">Assim que você incorpora formulários em um fluxo de trabalho, tudo isso muda. Você não pode simplesmente parar de usar o Typeform. Isso exigiria a substituição do formulário ou até mesmo a interrupção de todo o fluxo.</p><p id="9b26" class="graf graf--p graf-after--p">É por isso que o Typeform dedicou muito tempo à criação de suas integrações com o MailChimp, o Google Sheets, o Zapier, ... e permite que você incorpore formulários em qualquer site.</p><figure id="305c" class="graf graf--figure graf-after--p"><div class="aspectRatioPlaceholder is-locked"><p><img width="800" height="404" class="graf-image" src="/img/1c8ac68b6f755371.webp" loading="lazy" decoding="async" fetchpriority="low"></p></div></figure><h3 id="282f" class="graf graf--h4 graf-after--figure">3. Branding: as pessoas só escolhem o Typeform se acharem que ele é diferente</h3><p id="a081" class="graf graf--p graf-after--h4">A equipe da Typeform gastou uma quantidade enorme de tempo e recursos para entender e redefinir sua marca. E depois refizemos todos os designs.</p><figure id="edee" class="graf graf--figure graf--layoutOutsetCenter graf-after--p"><div class="aspectRatioPlaceholder is-locked"><p><img width="1000" height="458" class="graf-image" src="/img/d78294f32816dcf7.webp" loading="lazy" decoding="async" fetchpriority="low"></p></div><figcaption class="imageCaption">Site da Typeform. Observe como as fotos são o oposto das fotos de estoque: elas têm um toque humano.</figcaption></figure><p id="82cc" class="graf graf--p graf-after--figure">Eles querem garantir que as pessoas entendam o lado humano da empresa e como eles tornam os formulários mais humanos. Dessa forma, eles querem ir além de ser apenas uma empresa de software. 🦄</p><p id="4252" class="graf graf--p graf-after--p graf--trailing">E eles também querem começar a se comunicar claramente sobre o outro aspecto que o Typeform quer superar: ser apenas sobre formulários.</p><hr class="section-divider"><h2 id="96b9" class="graf graf--h3 graf--leading">O Typeform pretende ir além dos formulários</h2><p id="55f9" class="graf graf--p graf-after--h3">Desde o início, os fundadores da Typeform tiveram uma visão que visava tornar a comunicação mais humana.</p><p id="776a" class="graf graf--p graf-after--p">Eles começaram com formulários e se chamaram Typeform. Agora eles querem ir além disso.</p><p id="27da" class="graf graf--p graf-after--p">Eles estão tentando deixar de ser vistos como uma ferramenta de formulário ou um construtor de pesquisas e passar a ser percebidos como uma ferramenta de comunicação. Em direção a uma comunicação humana em geral.</p><p id="5814" class="graf graf--p graf-after--p">No momento, você pode usar o Typeform para organizar pesquisas, formulários de feedback, <a href="https://www.jotform.com/quiz-maker/">quizzes</a>, histórias interativas, ... mas o objetivo é muito maior. 🔭</p><p class="graf graf--p graf-after--figure">O Typeform permite que você tenha uma conversa por meio de uma interface. Você pode fornecer dados e conectar dados com o Typeform. Você pode criar fluxos de trabalho.</p><p id="b166" class="graf graf--p graf-after--p">As pessoas sempre terão que coletar informações de outras pessoas. A questão é como elas farão isso. Nem sempre isso acontecerá por meio de um navegador ou de um formulário. Entre outras coisas, a equipe já está pensando em usar IA, VR e tecnologia de voz. Organizar e transcrever automaticamente as conversas.</p><p id="6d88" class="graf graf--p graf-after--p">A Typeform tem como objetivo criar interfaces de conversação e descobrir como elas substituirão as interfaces tradicionais de apontar e clicar.</p><p id="7e01" class="graf graf--p graf-after--p graf--trailing">E eles não vão parar até atingirem seu potencial máximo. 🙌</p><hr class="section-divider"><h2 id="de4d" class="graf graf--h3 graf--leading">Bônus: Typeform... o que há no nome?</h2><p id="6a8c" class="graf graf--p graf-after--h3">Você já se perguntou qual é o significado do nome Typeform? 😏</p><figure id="f301" class="graf graf--figure graf-after--p"><div class="aspectRatioPlaceholder is-locked"><p><img width="800" height="515" class="graf-image" src="/img/d3bb3acf0f52bc6a.webp" loading="lazy" decoding="async" fetchpriority="low"></p></div></figure><p id="c31f" class="graf graf--p graf-after--figure">De acordo com seu cofundador, David Okuniev, refere-se a:</p><ol class="postList"><li id="34a6" class="graf graf--li graf-after--p">A capacidade de simplesmente digitar o formulário sem tocar no mouse</li><li id="919e" class="graf graf--li graf-after--li">O fato de ser um tipo diferente de formulário</li><li id="08fd" class="graf graf--li graf-after--li graf--trailing">A importância da tipografia em seu produto</li></ol><hr class="section-divider"><p id="90fb" class="graf graf--p graf--leading graf--trailing"><em class="markup--em markup--p-em">Deseja conferir mais produtos icônicos? </em><a class="markup--anchor markup--p-anchor" href="https://blog.salesflare.com/pt/iconic-products"><em class="markup--em markup--p-em">Leia a série completa aqui!</em></a> 📲</p><hr class="section-divider"><p id="6e80" class="graf graf--p graf--leading"><em class="markup--em markup--p-em">Esperamos que você tenha gostado desta postagem. Se gostou, espalhe a notícia!</em></p><p id="048d" class="graf graf--p graf-after--p"><em class="markup--em markup--p-em">Para obter mais informações importantes sobre startups, marketing de crescimento e vendas:</em></p><p id="c07d" class="graf graf--p graf-after--p">👉 <a class="markup--anchor markup--p-anchor" href="https://salesflare.typeform.com/to/Pi0dBQ"><strong class="markup--strong markup--p-strong"><em class="markup--em markup--p-em">assine aqui</em></strong></a></p><p id="7bb6" class="graf graf--p graf-after--p graf--trailing">👉 <strong class="markup--strong markup--p-strong"><em class="markup--em markup--p-em">siga @salesflare em </em></strong><a class="markup--anchor markup--p-anchor" href="https://twitter.com/salesflare"><strong class="markup--strong markup--p-strong"><em class="markup--em markup--p-em">Twitter</em></strong></a><strong class="markup--strong markup--p-strong"><em class="markup--em markup--p-em"> ou </em></strong><a class="markup--anchor markup--p-anchor" href="https://www.facebook.com/salesflare/"><strong class="markup--strong markup--p-strong"><em class="markup--em markup--p-em">Facebook</em></strong></a></p>
---

## Related

- [Duolingo: como eles acertaram em cheio em seu produto e se tornaram o aplicativo educacional #1](https://blog.salesflare.com/pt/duolingo-iconic-product-e3df449017df.md)
- [Como o Intercom se tornou um produto unicórnio](https://blog.salesflare.com/pt/como-a-intercomunicacao-se-tornou-um-unicornio-produto-b952bb8575c5.md)
- [As chaves para o incrível crescimento do Trello](https://blog.salesflare.com/pt/as-chaves-para-o-incrivel-crescimento-do-trello-e7229c3fe2b9.md)
- Previous: [David Darmanin, da Hotjar](https://blog.salesflare.com/pt/david-darmanin-hotjar-5b489a00dc28.md)
- Next: [David Henzel, da MaxCDN](https://blog.salesflare.com/pt/david-henzel-da-maxcdn-e2d4011e3f70.md)
