web-dev-qa-db-ja.com

150を超える質問でユーザーフレンドリーなアンケートを設計するにはどうすればよいですか?

150以上の質問がある調査Webアプリケーション用のUI/UXを設計しています。現在、各質問に5つのラジオボタンを使用しています。下の画像のように:

General UI

だから問題は、それをスーパーユーザーフレンドリーで、簡単で楽しいものにする方法ですか?

さらに、レスポンシブWebデザインの観点からのソリューションも探しています。下の画像のようにデザインするのは嫌ですが、他にどのようなオプションがありますか。

cookie-cutter design

6
Imran

より短い調査はより多くの完了と等しくなります。長さを短くすることは影響を及ぼさないので、以下の考慮事項は、それが完了する可能性を高めるでしょう。それらは BJフォッグの行動モデル に基づいています。式はB = MATです。行動は、動機、能力、および引き金の結果です。

動機の適切な状態にある人々にトリガーを提示し、行動をできるだけ簡単に完了させます。

動機付けに影響を与えるのは難しいので、調査をできるだけ簡単に完了できるようにすることに焦点を当てます。以下は、UIの変更を改善する能力です。

  1. インターフェイスのタッチポイントをできるだけ大きくします。たとえば、ラジオボタンを使用する場合は、含まれているテーブルセルをクリック可能/タブ可能にします。太い指やマウスのタップが簡単になります。

  2. 選択範囲を定義するヘッダーラベルを常に表示します。ユーザーが調査を下にスクロールすると、ラベルがスクロールして見えなくなると、選択肢が何であるかを思い出すことが困難になります。

  3. 同じことが送信ボタンにも言えます。彼らがアクションボタンを探す必要がないことを確認してください。欲求不満はすぐにやる気を損ないます。

  4. 質問をコンテキスト関連のグループに編成します。このように、彼らはセクションの完了感を持っています。

動機付けの手がかり:

まず、調査を記入する州にいる人々に提供します。おそらく何かまたは類似のものを購入した後。インセンティブも機能します。そして、必ず配信してください。

しかし、これらの動機付けの手がかりも役立つかもしれません:

  1. 最初にユーザーの心の状態を設定します。調査の範囲、理由、インセンティブを事前に伝えます。 「それはあなたのために製品をより良くするのを助けるでしょう」からのものであるかもしれません。または「あなたは10ドルを得る」。

  2. ジャイアントフォームを組み合わせるだけでなく、調査を開始するための開始ボタンを提供します。

  3. 完了までの時間を知らせる進行状況バーを提供します。そして沈没した時間のコストの状態を彼らに知らせます。

  4. 最も重要なことは、長いアンケートを保存して、必要に応じて後で完了することです。彼らが途中で行動をやめた場合、どのような状態であっても、調査へのリンクをメールで送信します。

  5. バグがなく、高速であることを確認してください。ページ間の5秒の読み込みは、100問以上の質問よりも悪いです。

これは、私が新車を購入したときにスバルから受け取った調査を思い出させます。彼らは長く、これらの技術のいくつかを採用しました。新しい車が好きだったので、彼らと関わる意欲が高かったので、それらを記入しました。 1年後にやる気が出るかどうかはわかりません。

私は同様のプロジェクトの真ん中にいて、これらの正確な手法を使用しています。私の調査結果が役に立ったら報告します。

幸運を

8
Itumac

昨年同様の問題で対処しなければならなかった。

変更できなかった私たちのタスクは、11セクション、120問の「学習スタイル」調査PDFをインタラクティブなクイズに変換することでした。元のPDFは、例と同じように、10 pgの質問とチェックボックスのリストです。

私たちの解決策は、セクションごとに分割し、一度に1つの質問のみを含む「バズフィード」クイズのように表示することでした。目的は、回答者が終わりのないフォームに気を取られたり、気を取られたりすることなく、目の前の質問に集中できるようにすることでした。

ラジオボタンの代わりに、jQueryイベントリスナーを備えた大きなタッチフレンドリーなdivを使用して、タップされたものを特定し、結果を保存しました。 1つの質問を読んでください。 1つの回答を選択してください。完了するまで繰り返します。

画面には、現在の質問カウンターとセクションタイトルとともに、残りのセクションと質問の数のインジケーターが表示されます。個々の質問をスキップまたは繰り返すことはできません(結果は無意味です)が、セクション間をスキップすることはできます。

Multi-section survey example 1

結果は、全体ではなく各セクションの後に計算されて表示されます。これは、進捗状況/完了の感覚を提供し、調査が長くて退屈なものではなく、短時間であった印象を与えます。最終的な計画は、ユーザーが複数回の訪問で調査を完了することができるようにユーザーのログインを許可することでしたが、当初はすべてまたは何もないため、進行状況は保存されませんでした。

プロジェクトは基本的な作業プロトタイプが完成した直後にキャンセルされましたが、モバイルだけでなくデスクトップでも完全に応答して機能します。これは、何百ものラジオボタンを含むテーブル全体を使用するよりも、単一の質疑応答で行う方がはるかに簡単でした。質問/セクション間のCSSアニメーションも計画されており、コンテンツが古いブラウザーでも適切に表示されるようにしながら、UIをより活気のあるインタラクティブなものにします。

enter image description here

データの照合や特定のQ&Aペアの追跡については考慮していません-特定のセクションで特定の方法で誰かが特定の方法で回答した回数を合計した場合のみです(例:4x「なし」と3x「常に」)。特定の質問と回答の追跡と照合についてですので、データを構造化して保存する方法を理解することが重要な考慮事項ですが、UIには影響しないはずです。

17
mc01

長さが問題だと思います。

150の質問を含むアンケートは、ドレスアップの方法に関係なく、ユーザーフレンドリーではありません。あなたはあまりにも多くのユーザーに質問しています。

また、この長さの調査はほとんど必要なく、有益である可能性すらありません。本当に150個のユニークなアイテムをキャプチャする必要がありますか?おそらく違います。ほとんどの場合、人々にすべてを理解させることができたとしても、結果は分析および解釈が困難な大量のデータになります。

上記の質問例を見ると、「インストラクターをどのように評価しますか?」という3つの質問があります。プラットフォームについては3つです。 「インストラクターを友達にすすめますか?」 「このインストラクターから別のコースを受講しますか?」と実際に違うことは何もありません。

調査の長さを大幅に削減する必要があるだけで、サンプルの質問に基づいてかなり簡単にできると思います。

アンケートの内容を管理していない可能性があります。もしそうなら、ごめんなさい!しかし、コンテンツはユーザビリティに直接影響を与えるので、ここで言及する価値があると思います。

8
user31143

ラジオボタンは、答えを1つだけ質問するのに最適です。

ただし、ラジオボタンがクリックされるたびにユーザーがあなたを急激に嫌うようになることは間違いありません。クリック数を減らすためにできることはすべて成功する方法です。

ユーザーのクリックを減らす方法...

  1. オプションの数を5から3に減らすことができれば、それが役立ちます。例:幸せ、中立、悲しみは、人々が愛したり嫌ったりしているものを見ようとする場合、通常十分な指標です。 オプションが5つあると、結果がより明確になる代わりに、あいまいになります。

  2. 同様の質問をグループ化し、グループ内のすべての質問に1か所で回答できるようにすると、ユーザーは150個のラジオボタンをクリックするという膨大なタスクを完了するのに役立ちます。グループ全体の質問に答えると、その下の質問に同じ値が自動的に入力され、グループ内の個々の質問は必要に応じて変更できます。

enter image description here

  1. 正しい回答をフォームに事前に入力できる場合はいつでも役立ちますが、中立性を維持し、正確なデータを収集する性質上、この場合は確かに推奨されません。
3
DaveAlger

あなたは正しい方向に進んでおり、問題の解決に近づいています。ユーザーに質問への回答を続けさせたいと考えています。ユーザーに対してどのようなインセンティブがありますか?お金/商品やサービスの割引?コミュニティへの参加などの特典はありますか?

ゲーミフィケーションの側面が最初に来なければなりません。質問を一口サイズのチャンクに整理するのは後で行います。その後、プレゼンテーションのフォーマットが続きます。

何をしても、ユーザーにALLまたはNOTHINGシナリオを強制しません。途中で途中でやめたアンケートの数がわからないので、システムに残りの質問を強制的に終了させようとしました。

編集:質問への回答:ラジオボタンを使用する必要がありますか?

絶対違う。

  • 星を使用できます(ユーザーにはそのように感じられませんが)は、ラジオボタンとほとんど同じです。
  • スライダーを使用できます。
  • ユーザーに画像を選択させることができます(これが好きですか...またはそれ)

もっと。想像力を使って。ターゲットオーディエンスを理解します。

2
Mayo

考えられる反応が少なくなるように、応答を単純化します。

少なくともこの方法で、長さを減らすことができない場合、それを完了するために必要な労力を減らすことができます。

インストラクターを友達にすすめる-はい/いいえ

0
PhillipW