メインコンテンツにスキップ
Loading...
Skip to article
  • Customer Experience
    Customer Experience
  • Employee Experience
    Employee Experience
  • Brand Experience
    Brand Experience
  • Core XM
    Core XM
  • Design XM
    Design XM

簡易レイアウト


Was this helpful?


This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

The feedback you submit here is used only to help improve this page.

That’s great! Thank you for your feedback!

Thank you for your feedback!


単純なレイアウトについて

Qualtricsでは、アンケートのルックアンドフィールを設計するときに、選択可能なレイアウトをいくつか提供します。シンプルレイアウトは、ツールを簡素化し、結果として得られるアンケートがモバイルフレンドリーで使いやすく、回答者がアクセスしやすいように設計されています。

簡易レイアウトの利点の一部を以下に示します。

  • 全体的なユーザビリティ:最新のWebフレームワークを基盤として、進化するWebデザイン標準を満たすようにアンケートのユーザーインターフェイスを最新化。
  • モバイルフレンドリー:エンドユーザーの現状と会い、将来のインタラクションモデルの基盤を確立します。
  • アクセシビリティ: このレイアウトは、主要機能のアクセシビリティ標準を満たしています。この全一覧は、改善の概要にあります。
  • 追加の質問タイプ:このレイアウトでは、他のレイアウト(ソリューションレビューの質問など)では利用できない質問タイプにアクセスできます。
ヒント:最適な結果を得るには、構築する前にこのレイアウトをアンケートに適用することをお勧めします。このレイアウトを既存のアンケートに適用しても問題ありませんが、すべての機能がこのレイアウトと互換性があるわけではないことに注意してください。カスタム Javascript やカスタム CSS などの一部の機能は、Simple Layout の有効化後に変更する必要があります。

アンケートへのシンプルなレイアウトの適用

アンケートにシンプルなレイアウトをすばやく簡単に適用できます。一度に変更できるのは 1 つのサーベイのレイアウトのみであることに注意してください。

  1. この機能を有効にするプロジェクトを開きます。
    簡易レイアウトが強調表示された状態でルックアンドフィールタブを開く
  2. ルックアンドフィールに移動します。
  3. レイアウトタブを選択します。
  4. [シンプル] を選択します。
  5. 適用をクリックして変更を保存します。

アンケートの要素がシンプルレイアウトと互換性がない場合、これを説明するメッセージが画面に表示され、レイアウトはアンケートに適用されません。これらの問題の解決方法については、「現在サポートされていないアンケート機能」セクションを参照してください。

改善の概要

Simpleレイアウトは、よりアクセスしやすく、使いやすく、モバイルフレンドリーになるよう、アンケート受講体験の改善の導入に努めています。以下は、簡易レイアウトが更新された質問の一覧です。

ヒント:これらの質問はプラットフォームで最も一般的に使用されるため、これらの改善はアンケート回答者の大半のエクスペリエンスに影響します。

このレイアウトでは、アンケート回答者向けの次のアンケート機能も更新されます。

ヒント:このセクションに記載されている機能は、アンケート回答者の観点から更新されました。これらの更新によって、これらの設定が編集されるアンケートビルダーに必ずしも変更が加えられるわけではありません。

ハイライトと更新

簡易レイアウトには、より明確で視覚的に魅力的な調査実施体験を提供するために、多数の定性的な更新が含まれています。このセクションは決して包括的なものではありませんが、このレイアウトの大規模な更新により、アンケートの実施体験を紹介しています。

レイアウトおよびナビゲーション

右から左への言語 (アラビア語やヘブライ語など) では、ナビゲーションユーザインタフェースが常にミラーリングされています。ただし、可視性を向上させるために、両方のボタンが同じ側に表示されるようになりました。

例:アラビア語では、[次へ]ボタンと[戻る]ボタンの両方が左寄せされ、[次へ]ボタンが左端に表示されます。

アラビア語のアンケートのスクリーンショット。[次へ]ボタンと[戻る]ボタンは説明どおりに表示され、左側に沿ってグループ化されます。

明確な回答の期待

このレイアウトには、さまざまな状態の変更に関する視覚的なシグナルが増大し、アンケートの回答者がどのような種類の回答を行うかを理解するのに役立ちます。

例:自由回答の質問です。項目が空、選択、入力、またはすでに値が入力されているかどうかに基づいて、項目の外観がどのように変化するかに注意してください。

」とおっしゃる質問 こんにちは!申請の概要を下に入力してください。フィールドをクリックして入力すると、テキストボックスのアウトラインの強調表示と太さが、現在の状態に基づいて変化します。

例:これは、ドロップダウン形式の多肢選択式の質問です。選択しない場合、マウスオーバーした場合、選択肢が選択されたときなど、外観の違いに注意してください。
全体、会社に対する満足度や不満 というタイトルのドロップダウンメニューにカーソルを合わせた Gif

例:これは選択ボックス形式の多肢選択式の質問です。クリックしていないときや、アイテムを選択したとき、ボックスにカーソルを合わせるときなど、違いに注意してください。

移動される select ボックス内の強調表示された行を Gif し、フィールドがクリックインまたはアウトされるときに外観を変更する

例:このリッカートマトリックスでは、アンケートの回答者が行にカーソルを合わせると、アンケート実施者の現在のフォーカス状態を伝えるために強調表示されます。

「強く同意する」というタイトルのマトリックス表の質問(「強く同意する」が選択された質問)

対応要件と検証

[回答を強制]が有効になっている質問
では、質問の最初に必要な回答を示すアスタリスク(*)が表示されます。アンケート回答者が[次へ]ボタンを押すと、検証エラーが表示され、アンケートの該当ページで修正が必要な回答がまとめられます。

上部のバナーには、ページ上のエラー数が示されます。ボタン (“最初の問題に移動”、”次の問題に移動”、および “終了にジャンプ”) を使用すると、各エラーをガイドすることでエラーをより迅速に解決することができます。エラーが解決されると、ユーザは自動的に次のエラーに進みます。最後のエラーでは、過去をスクロールして、アンケートの次のページに進むことができます。

画像上部にあるアラートで、修正が必要な問題が 2 つあり、マトリクス表の下に、回答が必要であることを通知するアラートが記載されています。

ヒント:アンケートの背景色をカスタマイズすると、エラー色によって許容可能な色のコントラスト比率が維持されます。

背景とハイライトの色が異なる同じアンケートの一連の画像。エラーの色がどのように変化しないかを特徴としています。 上記の要応答アラートがある空の複数選択

上記の[応答が必要]アラートで複数選択肢が空の場合、背景は明るい赤でテキストは白です [応答が必要]アラートが上の空の多肢選択肢、背景が白、テキストが黒、アラートが赤

モバイル対応

: アクセシビリティのために、リッカートマトリクスは、テーブルビューではなくアコーディオンビューに切り替えることで、小さな画面サイズ (モバイルデバイスなど) に適応します。各質問の記述はデフォルトで展開され、選択肢が表示されます。アンケート回答者が同意書を超えてスクロールダウンすると、行は自動的に折りたたまれます。

2 つの複数選択ドロップダウン (両方とも開く、カスタムヘッダあり)

ヒント:デフォルトでは、リッカートマトリックス表は、アクセシビリティのために小さい画面サイズのアコーディオンビューに適応します。簡易レイアウトが適用されている間は、この設定をオフにすることはできません。

スクリーンショット:モバイルフレンドリーな設定

例:NPS®の質問は、モバイルでのタッチに非常に反応性が高く、軽快なタッチ(デスクトップの「ホバー」に相当)やクリックなどでより鮮明な視覚的な合図を表示します。

画像:多肢選択式の質問が表示されているスマートフォン

キーボード、スクリーンリーダー、支援技術

Qualtricsは、キーボードとスクリーンリーダーの動作が異なるブラウザーとオペレーティングシステムのデフォルトに従います。Simple レイアウトはアクセシビリティ標準を満たしていることを保証できますが、キーボードとスクリーンリーダの動作を正確に確認することはできません。

たとえば、アンケート回答者が質問の回答をナビゲートするときに、1件のブラウザーが使用可能な回答の合計数を告知する場合があります。(例:「ラジオボタン 1/5 の選択」)ただし、別のブラウザでは、回答のテキストを単に読み飛ばすだけで、合計数が示されない場合があります。このような場合は、すべてのアンケート回答者が同じ情報を事前に取得できるように、オプションの合計数を質問のテキストに組み込むことをお勧めします。(例:「次の5つの選択肢から1件の回答を選択してください」)

このセクションでは、シンプルレイアウトで導入されたキーボーディング、スクリーンリーダー、および支援技術改善の一般的な例をいくつか取り上げます。選択したオペレーティングシステムまたはスクリーンリーダは、記述内容と正確に一致しない場合があります。

例:これは単一回答の多肢選択式の質問です。Tab キーを押すと、一覧の最初の回答が選択され、矢印キーを使用して残りの項目をナビゲートすることができます。回答の選択肢は、ユーザーが回答を移動すると自動的に選択されます。ユーザーが終了して次の質問に移動すると、回答の選択肢に選択した状態が表示されます。

多肢選択式の質問の Gif、各オプションを上から下にクリック

また、[スペース]を押すと、複数回答の質問の回答の選択肢が選択解除されます。

回答の強制検証を伴う質問の場合、質問テキストの前にアスタリスクが表示され、この質問が必須であるという期待値が設定されます。アスタリスクは、スクリーンリーダーなどの支援テクノロジーと連携し、フィールドに焦点を当てるときに「必須」と通信するように設定されています。

強調表示されたタイトルの横に aria-required = true がある複数選択形式の質問

質問に対するその他の改善点

タイプに基づいて、自由回答の質問のサイズが一貫するようになりました。これは、アンケート回答者がフィールドに必要な回答の種類をより簡単に特定できるようにするためです。

アンケート作成者は、単一行のテキストボックスの幅を変更し、複数行のテキストボックスの幅と高さの両方のサイズを変更できます。また、アンケート回答者は、複数の線やエッセイフィールドの高さを角をドラッグ&ドロップして調整できます。

パスワードテキストボックスタイプには、それがパスワードフィールドであることを示すアイコンが付いています。

4 つのテキストエントリタイトルの画像 (単一行、複数行、エッセイテキストボックス、パスワード)

現在サポートされていないアンケート機能

ヒント:アンケートを作成する前に、[シンプル]レイアウトを選択してください。レイアウトと互換性のない機能は明確に灰色表示されるため、アンケートに追加できません。
注意:[シンプル]レイアウトを有効にした後、アンケートに回答要件を追加する必要があります。

一部の機能は、Simple レイアウトとは互換性がありません。その結果、互換性のない機能を持つアンケートにシンプルなレイアウトを適用しようとすると、警告メッセージが表示される場合があります。

サーベイで、簡易レイアウトでサポートされていないマトリクステーブルが使用されていることを示すポップアップボックスこの問題を解決

するには、最初に このレイアウトと現在互換性のある質問タイプと機能。.質問設定の変更の一覧

も参照してください。

ヒント:非互換性の問題の解決に問題がある場合は、アンケートビルダーの下部にあるごみ箱を空にしてください。質問を削除すると、常にごみ箱に移動されます。消去するまで、ごみ箱には削除されたすべての質問が保持され、空になった時点でアイテムは完全に削除されます。

追加のトラブルシューティングについては、Simple レイアウトではまだサポートされていない機能を以下に示します。

アンケート構成の変更

プロジェクトに[シンプルレイアウト]が適用されている場合、アンケートビルダーに小さな変更がある場合があります。レイアウトでサポートされている内容に基づいて、特定の質問タイプのみを使用できます。追加の質問オプションにもいくつかの変更があります。これらの制限は、アクセシビリティ、ユーザビリティ、アンケート手法の精度を向上させることを目的としており、選択肢を絞り込んでより良いアンケートを作成しやすくなります。

以下は、[シンプルレイアウト]では利用できない質問とアンケートのオプションの一覧です。

  • 静的テーマ
    ヒント:静的テーマの代わりに、ブランド管理者は会社全体で使用するブランドテーマを作成できます。ブランドテーマはシンプルレイアウトと互換性があります。 詳細については、テーマタブを参照してください。
  • マトリックス表から削除されたオプション:リッカートの質問
    • 列幅の調整
    • ヘッダーを反復
    • 空白を追加

当サポートサイトの日本語のコンテンツは英語原文より機械翻訳されており、補助的な参照を目的としています。機械翻訳の精度は十分な注意を払っていますが、もし、英語・日本語翻訳が異なる場合は英語版が正となります。英語原文と機械翻訳の間に矛盾があっても、法的拘束力はありません。