Typeformを使用してスタイリッシュな調査を作成し、DiviWebサイトに追加する方法

公開: 2017-07-07

オンライン調査で有名ではないことが1つあるとすれば、それはそのスタイリッシュさです。 彼らはしばしば、ある質問から次の質問にジャンプするだけの乾いた問題になる傾向があります。 しかし、あなたがあなたにちょっとしたセンスを加えることができない理由はありません。

そこでTypeformが登場します。このツールを使用すると、調査を作成できるだけでなく、モダンなデザインの感性を備えた他のフォームスタイルも作成できます。 この記事では、調査を使用する利点、調査を行う理由、およびTypeformを使用して調査を作成する方法について説明します。 仕事に取り掛かろう！

調査の使用を検討する理由

調査の例。

調査は退屈に見える必要はありません。最新のインターフェイス要素を使用できます。

もちろん、調査は、ユーザーについて、または特定のトピックについてユーザーがどう思っているかを知ることを目的とした質問のコレクションです。 質問に応じて、たとえば、調査を市場調査ツールとして使用したり、顧客満足度を測定したりできます。

訪問者に関するデータを収集する方法は他にもありますが、調査ほど簡単で柔軟な方法はほとんどありません。その理由は次の2つです。

  1. あなたはあなたの質問について直接することができます。 他のツールはユーザーに関するより多くのデータを提供するかもしれませんが、ほとんどの場合、それが何を意味するかについて推測する必要があります。 調査に関しては、質問をして明確な回答を得ることができます。
  2. あなたは何でも質問することができます。 ユーザーに何を尋ねることができるか、何を尋ねることができないかを言う規則はないので、あなたはあなたが望むどんな目的のためにもあなたの調査を使うことができます。 ただし、賢明なことは、それらを使用してオーディエンスの反応を測定し、ユーザーをよりよく知ることです。

調査の最も良い点は、調査を変更せずに、既存の顧客調査ツールを補完するために使用できることです。 たとえば、特定のトピックに関する調査を実行している間、GoogleAnalyticsを使用してデータを収集し続けることができない理由はありません。 結局のところ、ユーザーに関するデータが多ければ多いほど、より適切な決定を下すことができます。

説得力のある調査の重要な要素

先に述べたように、あなたのウェブサイトで調査を使用することの唯一の欠点の1つは、かなり乾燥している可能性があることです。 良いニュースは、調査をより説得力のあるものにするために調査を最適化する方法があるということです。 いくつかの提案を見てみましょう。

  1. 物事を短くしてください。 調査が長ければ長いほど、訪問者が途中でタオルを投げる可能性が高くなります。
  2. 単一のトピックまたはそれらのほんの一握りに焦点を当てます。 焦点を絞った調査は、ユーザーに関する実用的なデータを提供する可能性が高くなります。
  3. 質問はシンプルに保ち、繰り返しを避けてください。 理想的には、誰かがあなたの質問に答えるのに数秒以上かかるべきではありません。それは私たちを次のポイントに導きます。
  4. 可能な限り、多肢選択式の質問を使用してください。 すべての質問をこの形式に合わせることができるわけではありませんが、物事を単純にするために、可能な限りそれに固執するようにしてください。
  5. アンケートにちょっとしたセンスを加えましょう。 退屈な調査に慣れているので、視覚的に目立たせることができれば注目を集めることができます。

この時点で、アンケートを正しく使用することの重要性と、アンケートをより説得力のあるものにする必要性を理解できました。 次のステップは、その情報を有効に活用し、サイト用に作成することです。

Typeformの紹介

Typeformホームページ。

Typeformは、オンラインで利用できる唯一の調査ツールではありませんが、デザインに重点を置いているため、私たちのお気に入りの1つです。 作成するすべての調査は、最新のインターフェース要素のおかげで最新のアプリケーションのように感じられ、あなたとあなたのユーザーにとって素晴らしい体験をもたらします。

さらに、Typeformは、調査のみを作成することに限定されません。 実際、これを使用して、サインアップセクション、求人応募、さらには注文フォームなど、あらゆるタイプのフォームベースのコンテンツを作成できます。

最後に、このサービスを使用すると、結果を追跡し、分析のために分解し、必要に応じてエクスポートすることもできます。

主な機能：

  • ドラッグアンドドロップエディタを使用してフォームベースのコンテンツを作成します。
  • 訪問者と交流するための説得力のある調査を作成します。
  • 調査のスタイルのあらゆる側面をカスタマイズします。
  • あらゆるサイズのデバイスで完全にレスポンシブなコンテンツを表示します。
  • 組み込みツールを使用して調査結果を分析します。

価格：無料およびプレミアムプランをご利用いただけます| 詳しくは

Typeformを使用して調査を作成する方法（6ステップ）

Typeformの無料枠では、必要な数の調査を作成できますが、処理できるのは1か月あたり100件の回答のみです。 ただし、出発してプレミアム階層にアップグレードする前に、まずツールに精通し、それが自分に適しているかどうかを確認することをお勧めします。

これを行うには、ホームページに移動し、[無料で開始]ボタンをクリックします。 これにより、サインアップする前でも最初のフォームを作成できるダッシュボードに移動します。

作業内容を保存する準備ができたら、ページの右上にある[アカウントの保存]ボタンをクリックしてサインアップできます。 とりあえず、最初の調査を作成する方法について話しましょう。

ステップ1：新しい「タイプフォーム」を作成する

「typeform」という用語は、サービスの名前と、作成するフォームを指す方法の両方を兼ねています。したがって、「 Create a newtypeform」ボタンは次のようになります。

新しいタイプフォームを作成するオプション。

混乱を避けるために、このチュートリアルでは、タイプフォームをアンケートと呼びます。 今のところ、上記のボタンをクリックし、表示されたら[最初から開始]オプションを選択します。

ゼロから調査を開始します。

Typeformは、調査の名前と言語を選択するように求めます。 完了すると、プラットフォームは調査のカスタマイズ画面に移動します。

調査のカスタマイズ画面。

前述したように、Typeformはドラッグアンドドロップシステムを使用してコンテンツをまとめます。 使用できるすべての要素が画面の左側に表示され、必要な順序で右にドラッグして配置できます。 右上にはプレビューボタン（ [タイプフォームを表示]と呼ばれます）もあります。 とりあえず、ステップ2に進み、使用する要素について理解しましょう。

ステップ2：調査用の「ようこそ画面」​​を作成する

つまり、ウェルカム画面は調査の概要として機能します。 理想的には、どのタイプの質問が予想され、完了するまでにどのくらいの時間がかかるかをユーザーに伝える必要があります。 さらに、それはあなたに議事録にいくつかのスタイルを追加するための素晴らしい方法を提供します。

Typeformを使用すると、専用の要素を使用してウェルカム画面を追加およびカスタマイズできます。 開始するには、調査のカスタマイズ画面の左側にある[ようこそ画面]ボタンをクリックすると、ウィンドウがポップアップ表示されます。

ウェルカム画面のカスタマイズ。

必要に応じて、メニューの[画像/ビデオ]オプションをクリックして、このセクションに画像またはビデオの背景を追加できます。 これが私たちのために追加した背景の例です：

調査のウェルカム画面の例。

また、簡単なテキストの紹介を追加しました。 さらに、この要素を使用すると、調査を開始するための簡単なボタンを含めることができます。 このオプションはデフォルトで有効になっており、カスタマイザーのボタンセクション内のフィールドを使用してテキストを変更できます。 ウェルカム画面の準備ができたので、いくつか質問しましょう。

ステップ3：アンケートに質問を追加する

質問はあらゆる調査の主要な構成要素であり、Typeformを使用すると、複数の選択肢、はい/いいえのクエリ、意見の尺度、テキストフィールドなど、いくつかのタイプを使用できます。 これらの各品種は、調査のカスタマイズ画面の左側に個別の要素として表示されます。

アンケートに追加できる質問の種類のいくつか。

たとえば、[複数選択]要素をクリックすると、質問と含める可能性のあるすべての回答を入力できるメニューが表示されます。

多肢選択問題の例。

はい/いいえの質問に関しては、それらはさらに単純です–一度書かれると、Typeformはあなたのためにボタンを追加します：

はい-いいえの質問の例。

意見の尺度も同様に簡単です。クエリのテキストを入力し、ユーザーが回答を評価するのに適した範囲を選択します。

意見尺度の例。

最後に、テキストの質問に関しては、それらを定式化し、各回答に許可される最大文字数を示すだけです。

テキストの質問の例。

今、これが私たちのテスト調査がどのように形作られているかです…

進行中のTypeform調査の例。

…それで、先に進んで、あなた自身を肉付けするために質問タイプの混合物を使用してください、そして、あなたは行く準備ができているでしょう。 次のステップは、アンケートを共有する前に、アンケートにちょっとしたセンスを加えることです。

ステップ4：調査のデザインをカスタマイズする

この手順では、画面上部の黒いバーにある[デザイン]タブをクリックします。 これにより、調査の配色を変更したり、背景画像を追加したり、フォントを変更したりできるメニューが開きます。

Typeformの[デザインのカスタマイズ]タブ。

色のオプションを確認することから始めましょう。 アンケートのパレットを変更するのは簡単です。テキスト、ボタン、回答、背景の色を選択できます。 たとえば、背景色を柔らかいものに変更することにしました。

調査のカラーパレットを変更します。

フォントの変更も同様に簡単です。 リストからオプションを選択して変更を保存することにより、使用するものを選択できます。

調査のデフォルトフォントを変更する。

この例では背景画像を使用しませんが、ウェルカム画面に背景画像を追加するのと同じように機能します。 今のところ、変更を保存して、アンケートを公開する準備をしてください。

ステップ5：Diviサイトでアンケートを共有する

Typeformは、調査を共有するためのいくつかの方法を提供します。 それらにアクセスするには、カスタマイズダッシュボードの[共有]タブに移動します。 私たちが興味を持っている2つの方法は、リンクを介して共有することと、それをDivi内に埋め込むことです。

前者を行うには、[タイプフォームを共有する]ボタンをクリックして、表示されるURLをコピーします。 これは、ソーシャルメディアを介して調査を共有するための完璧な方法です。

リンクを使用してアンケートを共有します。

一方、アンケートをDiviサイトに直接埋め込む場合は、[ Webページに埋め込む]タブに移動し、[コードを取得]オプションをクリックします。 [埋め込みコード]セクションの下：

調査用の埋め込みコードを取得します。

調査のコードを含む小さなポップアップウィンドウが表示されます。 それをコピーし、 Codeモジュールを使用してDiviサイトの任意の場所にコードを貼り付けます。

Diviのコードモジュール。

このタスクには全幅コードモジュールを使用する必要があることに注意してください。 そうでなければ、あなたの調査は少し押しつぶされたように見えます。 これは、Diviを使用して作成されたページの例です。

DiviサイトでのTypeform調査の例。

ご覧のとおり、この調査は見栄えがよく、最新のWebサイトのデザインと簡単に一致しています。 任務完了！

ステップ6：結果を分析する

アンケートが公開されたら、最初の結果が届くのを待って分析できるようにする必要があります。 Typeformを使用すると、調査のダッシュボードの[分析]タブを使用してこれを行うことができます。

たとえば、[指標]タブから、アンケートに回答した人の数や使用しているデバイスの種類を監視できます。

Typeformのメトリクスタブ。

[結果]セクションから、各質問の個々の結果を分析することもできます。

Typeformの結果画面。

このデータは、より良いコンテンツを作成するために必要な方向性を提供するはずであり、収集する情報が増えるほど、調査を絶えず再設計および改善する可能性があります。

結論

調査に最適な質問を作成するのは十分に困難ですが、そのプレゼンテーションを正しく行うようにすることも重要です。 乾燥しすぎているように見えると、ユーザーを遠ざける可能性があり、結果に関連性を持たせるのに十分な回答が得られません。

この記事では、Typeformを使用して、最新のWebサイトに適した調査を作成する方法を示しました。 手順を簡単に要約してみましょう。

  1. 新しいタイプフォームを作成します。
  2. アンケートのウェルカム画面を作成します。
  3. それに質問を追加します。
  4. アンケートのありがとう画面を作成します。
  5. 最終製品を共有します。
  6. 結果を分析します。

Typeformを使用して調査を作成する方法について質問がありますか？ 下のコメントセクションで質問してください！

vladwell /shutterstock.comによる記事のサムネイル画像