見た目と操作性
このページの内容:
[見た目と操作性]メニューについて
アンケートのパフォーマンスはアンケートの見た目で変わります。 クアルトリクスを使用すると、さまざまな方法でアンケートの見た目をカスタマイズできます。 クアルトリクスのデザイン専門家によって構築されたカスタムビルドテーマ(英語)を使う場合でも、特定のアンケート要素を個別にカスタマイズすることにした場合でも、他のプラットフォームでは見られない、視覚的に魅力のあるアンケートを構築する機能を提供します。 [見た目と操作性]メニューでは、回答者がアンケートに回答する際のアンケートの見た目を変更できます。 これらのカスタマイズオプションにアクセスするには、[アンケート]タブの[見た目と操作性]メニューに移動します。
見た目と操作性のカスタマイズオプション
[見た目と操作性]メニューを使用すると、アンケートの外観をさまざまな面からカスタマイズできます。 詳細については、以下のリンクをクリックしてください。
- アンケートテーマ(英語)を変更する: 事前構成された設定から選択して、テーマを迅速かつ簡単に設定できます。
ヒント: 自分がブランド管理者であり、組織用にカスタムテーマを作成したい場合は、サポートポータルにアクセスしてください。 アンケートテーマを最初から独自に作成する場合は、基本的なテーマを適用し、以下の見た目と操作性設定とカスタムCSSを使用してテーマをカスタマイズします。
- アンケートをブランディングする: ダイナミックロゴ(英語)、背景画像、ヘッダー、フッターを追加して、アンケートのブランドがすぐにわかるようにします。
- 質問のレイアウトを変更する: 3つの異なる質問レイアウトから選択し、1ページ当たりの質問数を制限します。
- [次へ]と[戻る]ボタンのテキストを編集する: [次へ]と[戻る]ボタンのテキストをアンケートのニーズに合わせてカスタマイズします。 この機能を使用すると、翻訳されたメッセージ(英語)を選択して複数言語でアンケートを作成することもできます。
- プログレスバーを追加する: アンケートがどの程度進んでいるかを回答者に表示します。
- 色(英語)を変更する: アンケートの一次色と二次色を設定します。
- フォント(英語)を変更する: フォントの書体とサイズをアンケート全体に適用します。
- アンケートの動きをコントロールする: アンケートの動きを指定します。 ページ遷移アニメーション(英語)を設定してアンケートのオートアドバンス(英語)を有効化したり、現在選択されている質問にオートフォーカス(英語)するようにアンケートを設定したりできます。
- カスタムCSS(英語)を追加する: アンケートにカスタムCSSを追加すると、アンケートテーマのカスタマイズの幅が限りなく広がります。
旧バージョンの見た目と操作性
新しい[見た目と操作性]メニューでは、旧バージョンの[見た目と操作性]メニューでできることの多くを実行できますが、旧バージョンのメニューでしかできないことがいくつかあります。 このセクションでは、新しい[見た目と操作性]で使用できない機能について説明します。
旧バージョンのエディターに戻るには、任意のセクションの左下にある[旧バージョンのエディターに戻る]をクリックします。
旧バージョンのクアルトリクスアンケートテーマ
旧バージョンの[見た目と操作性]メニューでは、以前のクアルトリクスアンケートテーマを使用できます。 以前のクアルトリクステーマを使用するには、旧バージョンの[見た目と操作性]エディターに移動して[テーマを変更]をクリックします。 次に、使用するテーマのサムネイルを選択します。
質問区切り
[質問区切り]は、アンケートページの質問を視覚的に分ける機能です。 このオプションを使用すると、各質問の間にシンプルな線が追加されます。
質問区切りを有効にするには:
- 旧バージョンの[見た目と操作性]エディターで、[一般]セクションに移動します。
- [質問区切り]オプションを有効にします。
ヒント: 質問区切りの色は、旧バージョンの[見た目と操作性]エディターの[色]セクションで変更できます。
質問の強調表示
長いアンケートページでも回答者が移動しやすいように、[質問を強調表示]を使用して現在選択している質問を目立たせることができます。
[質問を強調表示]を有効にするには:
- 旧バージョンの[見た目と操作性]メニューで、[一般]セクションに移動します。
- [質問を強調表示]を有効にします。
ヒント: 強調表示の色は、旧バージョンの[見た目と操作性]エディターの[色]セクションで変更できます。
交互の行の色
[行を交互にする]の色オプションでは、特定の質問タイプで1行おきに選択した色を割り当てることができます。
交互の行の色を変更するには:
- 旧バージョンの[見た目と操作性]メニューで、[色]セクションに移動します。
- [行を交互にする]オプションの横にある色見本をクリックします。
- グリッド内で+を動かすか、目的の色の16進色コードを入力して色を選択します。