# タイプフォームフォームを人間の会話に変える

> デザインとヒューマンエクスペリエンスに焦点を当てることで、Typeformがどのようにフォームをより人間的なものにしているのかをご紹介します。

Source: https://blog.salesflare.com/ja/%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E8%A3%BD%E5%93%81%E3%82%BF%E3%82%A4%E3%83%97%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0-e17f49419c56
Language: ja
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>アイコニック・プロダクツ 第009話</h2><p id="5364" class="graf graf--p graf-after--h4">始める前に免責事項：私はTypeformを愛用しています。😍</p><p id="c031" class="graf graf--p graf-after--figure">Salesflareではしばらく前からTypeformを使っていますが、他の<a href="https://www.zonkafeedback.com/blog/online-survey-tools">アンケートソフト</a>はお客様に使いたくありません。</p><p id="2817" class="graf graf--p graf-after--p">競合するどのアプリよりも、体験がとても優れているのが気に入っています。Typeformを使うことで、Salesflareとのやりとりがより人間的なものになります。❤️</p><blockquote id="8ca9" class="graf graf--blockquote graf-after--p"><p>Typeformは顧客との関係をより人間的なものにしてくれる。</p></blockquote><p id="b70f" class="graf graf--p graf-after--blockquote">にもかかわらず、私は彼らがどのようにやっているのか具体的に突き止めることができなかった。なぜ他のアプリが比較できないのか。そして、Typeformはどうやってこの優位性を保っているのか。なぜ誰も彼らに負けないのか？</p><p id="f5fc" class="graf graf--p graf-after--p">そこで私は、Typeformの何がアイコニックなのかを調査するため、9回目のアイコニック・プロダクツの探求に乗り出した。</p><p id="c6bf" class="graf graf--p graf-after--p graf--trailing">行こう👇。</p><hr class="section-divider"><h2 id="e3cc" class="graf graf--h3 graf--leading">人間らしさを高める</h2><p id="ecf3" class="graf graf--p graf-after--h3">Typeformが生まれたきっかけは、創業者たちが展示スペースで使われるリードフォームを作っていたときだった。ご存じでしょう、データをつかむものです。</p><p id="5348" class="graf graf--p graf-after--p">今までに見たことのないような、より良いものを作りたかったのだ。ただ標準的なフォームを作るのではなく、人々の目に飛び込んでくるような、そして人々を惹きつけるようなものを作りたかったのだ。</p><p id="616f" class="graf graf--p graf-after--p">彼らは、ほとんどの企業がデータを求める方法に共感の欠如を感じていた。対面での会話からオンラインフォームへの移行は、非常に大きな一歩に思えた。人々はまだ箱に書き込んだり、小さなボタンをクリックしたりしており、とても人間的な経験とは思えなかった。🙄</p><p id="7268" class="graf graf--p graf-after--p">映画『ウォー・ゲーム』で、主人公がメインフレームのコンピューターとタイピングで会話をするシーンにヒントを得て、彼らはより会話に近い感覚のフォームを作れないかと考えた。</p><p id="94a9" class="graf graf--p graf-after--figure">彼らは、いくつかのボックスを埋めるよりも楽しいものを作ろうとした。彼らは人間とコンピュータの間の障壁を取り除こうとしたのだ。</p><p id="eb83" class="graf graf--p graf-after--p">数年後、彼らはこれをTypeformのビジョン・ステートメントにまとめた：</p><blockquote id="1651" class="graf graf--blockquote graf-after--p"><p>もう少し人間らしく✨。</p></blockquote><p id="452b" class="graf graf--p graf-after--blockquote graf--trailing">Typeformは、フォームは必要なデータを集めるだけでなく、残す印象をコントロールするものだと考えています。よく言われるように<em class="markup--em markup--p-em">"How you ask is everything"</em>とよく言われます。🤯</p><hr class="section-divider"><h2 id="e276" class="graf graf--h3 graf--leading">Typeformはデータよりも人間の経験を重視する</h2><p id="bb4d" class="graf graf--p graf-after--h3">企業のDNAは創業者から始まることが多い。</p><p id="13d4" class="graf graf--p graf-after--p">Typeformの場合、共同設立者たちのお気に入りの1日の過ごし方はデザインだ。その時、彼らは本当にエネルギーが湧いてくるのだ。🤩</p><p id="fa01" class="graf graf--p graf-after--p">最大の競合でありマーケットリーダーである<a href="https://www.surveysensum.com/blog/surveymonkey-alternatives-and-competitors">SurveyMonkey</a>は、DNA的にはデータ分析会社である。Typeformは違います。ユーザーインターフェースの会社だ。</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">SurveyMonkeyはまだリーダーですが、Typeformへの関心は急速に高まっています。</figcaption></figure><p id="ae5a" class="graf graf--p graf-after--figure">もちろん、チームはデータを気にしている。そうでなければ、データを収集するソフトウェアを作らないだろう。しかし、彼らは非常に<em class="markup--em markup--p-em">「人が先、データは後」</em>というメンタリティを持っている。</p><p id="f234" class="graf graf--p graf-after--p">彼らは、<em class="markup--em markup--p-em">「データドリブンではなく、データインフォームド」</em>であることを信条としている。つまり、データの力を認めつつも、直感を完全に手放すことはないということだ。</p><p id="c699" class="graf graf--p graf-after--p">顧客の認識とコンバージョン率を調和させること。感情と事実のバランス。直感と測定基準。</p><p id="5f98" class="graf graf--p graf-after--p">Typeformは、データ駆動型のデザインよりも共感型のデザインを重視している。</p><figure id="5cf8" class="graf graf--figure graf-after--p"></figure><p class="graf graf--p graf-after--figure">Typeformチームは時々、自分たちが取り組んでいるのはUXではなくHXだと言う。ユーザーエクスペリエンスではなく、ヒューマンエクスペリエンス。</p><p id="0ea0" class="graf graf--p graf-after--p">UXとは、人をAからBにうまく誘導すること。HXはそれを超える。HXが問うのは、「感情的なつながりをもってB地点に到達したか？</p><p id="f4f9" class="graf graf--p graf-after--p">Typeformチームは人間のことを考えています。本当の人間。彼らのニーズは？彼らの感情は？</p><p id="e7f6" class="graf graf--p graf-after--p">そのためには、ユーザーが本当は誰なのかを考える必要がある。彼らに近づくこと。彼らを理解すること。🤗</p><p id="e3e3" class="graf graf--p graf-after--p">そのために、Typeformは多くの顧客調査を行っています。常に新しいアイデアを顧客に試しているのは、製品チームだけではありません。<a href="https://inbeat.agency/blog/go-to-market-strategy">go-to-market team</a>もまた、Typeformの価値はどこにあるのか、顧客が本当に求めているものは何なのかを理解するために、顧客との距離を縮めようとしています。</p><p id="1b9b" class="graf graf--p graf-after--p graf--trailing">結局のところ、感情的なつながりこそが、人々を製品に夢中にさせるのだ。❤️</p><hr class="section-divider"><h2 id="1468" class="graf graf--h3 graf--leading">Typeformのデザインは、絶え間ないフォーカスの結果である</h2><p id="97fd" class="graf graf--p graf-after--h3">Typeformの連中は、かなりの天才のようだね？</p><p id="a99f" class="graf graf--p graf-after--p">このソフトの成功は、知性と賢明な選択によるものもあるが、それ以上に極度の集中力によるものだろう。明確な目標のために時間と資源を惜しみなく投入した結果なのだ。</p><p id="ddf8" class="graf graf--p graf-after--p">今日、みなさんがTypeformに記入するときに目にするものは、長い時間をかけて何百もの小さなディテールにこだわった結果です。チームは不眠不休で何度も繰り返し、フォームのインタラクションの細かな部分をひとつひとつ丁寧に仕上げていった。</p><p id="2e30" class="graf graf--p graf-after--figure">ユーザビリティ、ヒューマンタッチ、そして美しいデザインに常に焦点を当てることで、Typeformは何十年も前から存在していたものを再発明した。そして、その独自性を維持するために、絶えず完成度を高め、拡張し続けた。</p><p id="3f2f" class="graf graf--p graf-after--p graf--trailing">そして、それはTypeformに大いに役立った。フォームソフトウェアのような飽和した市場において、すでに存在するものをコピーして競争することは実を結ばなかっただろう。その代わりに、Typeformは人々が求めていてまだ手にしていなかったもの、つまり魅力的なフォームを構築する美しい方法を生み出したのだ。</p><hr class="section-divider"><h2 id="2822" class="graf graf--h3 graf--leading">フォームを感じさせないフォームをくれる</h2><p id="901f" class="graf graf--p graf-after--h3">フォームに記入するのが好きな人は、手を上げてください。</p><p id="6f52" class="graf graf--p graf-after--p">ええ、そうは思いませんでした。😏</p><p id="ab2c" class="graf graf--p graf-after--p">私たちは皆、データについてコミュニケーションをとる必要があるが、フォームは好きではない。私たちは、フォームのように感じないフォームを求めている。</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">ここでは、フォームをより人間的なものにする方法を紹介する。</p><h3 id="0898" class="graf graf--h4 graf-after--p">一人ずつ</h3><p id="dbf8" class="graf graf--p graf-after--h4">Typeformはフォームのインターフェイスをより小さな構成要素に分割します。大きな質問リストが表示されることはなく、一度に1つの質問が表示されるだけで、自然な流れが生まれます。</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">そうすることで、より管理しやすくなり、よりやる気を起こさせ、より人々の関心を引きつけることができる。</p><h3 id="c1e6" class="graf graf--h4 graf-after--p">より人間的な会話のための大きなフォント</h3><p id="c13d" class="graf graf--p graf-after--h4">一度に1つの質問ということは、使える画面の領域が増えるということだ。</p><p id="5f1c" class="graf graf--p graf-after--p">また、平均的なフォームよりもはるかに大きなフォントを使用することで、フォーム作成者はよりわかりやすく、より人間的な質問を思いつくようになる。そして、記入者はより人間的な回答をする。</p><h3 id="11a6" class="graf graf--h4 graf-after--p">箱なし、ボタンなし</h3><p id="97c4" class="graf graf--p graf-after--h4">ボックスの中に書き込んだり、小さなボタンをクリックしたりするのは、とても人間的とは感じられない。だからこそ、Typeformは1行のテキストとカーソルで動くのです。質問と回答の可能性。それだけです。</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">カーソルはタイピングを開始するように指示するだけではない。</figcaption></figure><p id="4f28" class="graf graf--p graf-after--figure">本当にボタンが好き？彼らはそれを示してくれる。でも、マウスを触らずにキーボードだけで入力することも可能です。Enter」キーを押すか、答えの横に表示されているショートカットキーのいずれかを押すだけです。</p><h3 id="e79d" class="graf graf--h4 graf-after--p">テキストを超えて</h3><p id="8a58" class="graf graf--p graf-after--h4">通常のフォームは大きなテキストシートで、さらにテキストを要求する。</p><p id="f199" class="graf graf--p graf-after--p">Typeformはアイコン、画像、GIF、動画を使ったフォームを簡単に作成できます。より視覚的に。そしてまた、より人間的に。</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">ケーキは文字で見るより写真で見たほうがずっとおいしそうに見える。</figcaption></figure><hr class="section-divider"><h2 id="842c" class="graf graf--h3 graf--leading">バイラルと統合で成長するTypeform</h2><p id="c9ae" class="graf graf--p graf-after--h3">光の速さで成長するすべての製品と同様、その成長メカニズムは特殊で、製品の中核となる用途に固有のものである。</p><h3 id="b871" class="graf graf--h4 graf-after--p">1.バイラルな成長：送信されるフォームはすべてTypeformの広告になる</h3><p id="6f66" class="graf graf--p graf-after--h4">人は人にフォームを送る。これらのフォームは美しい。そして、さりげなく「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">すべてのフォームの右下には広告がある。</figcaption></figure><p id="c3b1" class="graf graf--p graf-after--figure">単純なことだが、このボタンはTypeformのサインアップの50%に相当する。🚀</p><h3 id="fd9b" class="graf graf--h4 graf-after--p">2.統合：Typeformがワークフローの一部であれば、人は留まる</h3><p id="a1dd" class="graf graf--p graf-after--h4">インテグレーションはTypeformのリテンションに最適です。一度アンケートを送っただけで、その後はTypeformを必要としなくなるかもしれません。そして、購読をやめてしまうかもしれません。🛑</p><p id="aa37" class="graf graf--p graf-after--p">ワークフローにフォームを組み込むと、すべてが変わります。Typeformの使用をやめることはできません。フォームを置き換えるか、あるいはフロー全体を止める必要があります。</p><p id="9b26" class="graf graf--p graf-after--p">だからこそ、TypeformはMailChimp、Google Sheets、Zapierなどとの統合に多くの時間を費やし、あらゆるウェブサイトにフォームを埋め込むことができるのです。</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.ブランディング：Typeformを選ぶのは、他とは違うと感じた人だけ</h3><p id="a081" class="graf graf--p graf-after--h4">Typeformチームは、ブランディングの理解と再定義に膨大な時間とリソースを費やした。そして、すべてのデザインをやり直しました。</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">Typeformのウェブサイト。写真がストックフォトとは正反対で、人間味にあふれていることに注目してほしい。</figcaption></figure><p id="82cc" class="graf graf--p graf-after--figure">彼らは、会社の人間的な側面と、フォームをより人間的なものにする方法を人々に理解してもらいたいと考えている。そうすることで、単なるソフトウェア会社という枠を超えて成長したいと考えている。🦄</p><p id="4252" class="graf graf--p graf-after--p graf--trailing">そしてもうひとつ、Typeformがフォームだけにとどまらない成長を望んでいることについても、明確に伝え始めたいと考えている。</p><hr class="section-divider"><h2 id="96b9" class="graf graf--h3 graf--leading">フォームの枠を超えた成長を目指すTypeform</h2><p id="55f9" class="graf graf--p graf-after--h3">Typeformの創業者たちは当初から、コミュニケーションをより人間的なものにするというビジョンを持っていた。</p><p id="776a" class="graf graf--p graf-after--p">彼らはフォームからスタートし、Typeformと名乗った。今、彼らはそれ以上の成長を目指している。</p><p id="27da" class="graf graf--p graf-after--p">彼らは、フォームツールやアンケート作成ツールとして見られることから、コミュニケーションツールとして認識される方向へ進もうとしている。一般的なヒューマン・コミュニケーションへと。</p><p id="5814" class="graf graf--p graf-after--p">現時点では、Typeformを使ってアンケートやフィードバックフォーム、<a href="https://www.jotform.com/quiz-maker/">クイズ</a>、インタラクティブなストーリーなどを作成することができます。🔭</p><p class="graf graf--p graf-after--figure">Typeformはインターフェースを通じて会話をすることができます。Typeformでデータを与えたり、データをつなげたりできる。ワークフローを作成できます。</p><p id="b166" class="graf graf--p graf-after--p">人々は常に他の人々から情報を収集しなければならない。問題はその方法だ。常にブラウザやフォームを通じて行われるわけではない。とりわけ、チームはすでにAI、VR、音声技術の利用を検討している。会話を自動的に整理し、書き起こす。</p><p id="6d88" class="graf graf--p graf-after--p">Typeformは、会話型インターフェイスを創造し、従来のポイント・アンド・クリック型インターフェイスをどのように置き換えるかを考えている。</p><p id="7e01" class="graf graf--p graf-after--p graf--trailing">そして、彼らはその可能性を最大限に発揮するまで止まらない。🙌</p><hr class="section-divider"><h2 id="de4d" class="graf graf--h3 graf--leading">おまけ：Typeform...その名前に込められた思いとは？</h2><p id="6a8c" class="graf graf--p graf-after--h3">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">共同設立者であるデイビッド・オクニエフによれば、それは次のような意味だという：</p><ol class="postList"><li id="34a6" class="graf graf--li graf-after--p">マウスに触れることなく、フォームに入力することができます。</li><li id="919e" class="graf graf--li graf-after--li">異なるタイプのフォームであること</li><li id="08fd" class="graf graf--li graf-after--li graf--trailing">製品におけるタイポグラフィの重要性</li></ol><hr class="section-divider"><p id="90fb" class="graf graf--p graf--leading graf--trailing"><em class="markup--em markup--p-em">もっとアイコニックな製品をチェックしたい？ </em><a class="markup--anchor markup--p-anchor" href="https://blog.salesflare.com/ja/iconic-products"><em class="markup--em markup--p-em">全シリーズはこちらから！</em></a> 📲</p><hr class="section-divider"><p id="6e80" class="graf graf--p graf--leading"><em class="markup--em markup--p-em">この記事を気に入っていただけたなら幸いです。もし気に入っていただけたなら、この記事を広めてください！</em></p><p id="048d" class="graf graf--p graf-after--p"><em class="markup--em markup--p-em">スタートアップ、グロース・マーケティング、セールスに関するホットな情報はこちら：</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">購読はこちらから</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">で @salesflare をフォローする </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">ツイッター</em></strong></a><strong class="markup--strong markup--p-strong"><em class="markup--em markup--p-em"> または </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">フェイスブック</em></strong>。</a></p>
---

## Related

- [Duolingo:いかにして製品に釘付けになり、#1教育アプリになったか](https://blog.salesflare.com/ja/duolingo-%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%8B%E3%83%83%E3%82%AF%E3%83%BB%E3%83%97%E3%83%AD%E3%83%80%E3%82%AF%E3%83%88-e3df449017df.md)
- [Intercomがユニコーン製品になるまで](https://blog.salesflare.com/ja/%E3%82%A4%E3%83%B3%E3%82%AB%E3%83%A0%E3%81%8C%E3%83%A6%E3%83%8B%E3%82%B3%E3%83%BC%E3%83%B3%E8%A3%BD%E5%93%81%E3%81%AB%E3%81%AA%E3%82%8B%E3%81%BE%E3%81%A7-b952bb8575c5.md)
- [Trelloの驚異的な成長の鍵](https://blog.salesflare.com/ja/%E3%83%88%E3%83%AC%E3%83%AD%E9%A9%9A%E7%95%B0%E3%81%AE%E6%88%90%E9%95%B7%E3%81%AE%E9%8D%B5-e7229c3fe2b9.md)
- Previous: [Hotjarのデビッド・ダルマニン氏](https://blog.salesflare.com/ja/%E3%83%87%E3%82%A4%E3%83%93%E3%83%83%E3%83%89%E3%83%BB%E3%83%80%E3%83%AB%E3%83%9E%E3%83%8B%E3%83%B3%E3%83%BB%E3%83%9B%E3%83%83%E3%83%88%E3%82%B8%E3%83%A3%E3%83%BC-5b489a00dc28.md)
- Next: [MaxCDNのDavid Henzel氏](https://blog.salesflare.com/ja/maxcdn-e2d4011e3f70%E3%81%AE%E3%83%87%E3%82%A4%E3%83%93%E3%83%83%E3%83%89%E3%83%BB%E3%83%98%E3%83%B3%E3%82%BC%E3%83%AB%E6%B0%8F.md)
