ブランディングとテーマをカスタマイズする
チャットの配色、フォント、吹き出しスタイル、ロゴ、アバターを変更できます。
アンケートをブランドに合わせられます。QuestionPunkでは、Buildでチャットインターフェースの配色、フォント、吹き出しスタイル、入力欄スタイル、ロゴ、アバターを変更できます。プリセットアバターを使うことも、独自の画像をアップロードしたり、AIで生成したりすることもできます。
始める前に
アンケートエディタを開き、Buildに移動しておきます。ロゴのファイルやブランドのスタイル方針がある場合は、先に用意しておくと進めやすいです。
アンケートのデザインを調整する
英語画面の実際のデモスクリーンショットと生成音声による英語ナレーション、日本語・英語字幕を使った操作案内です。連続した画面録画ではなく、静止画の解説です。例は架空のものです。
動画をダウンロード動画の内容を読む
エディター上部の Design を開きます。テーマを選び、フォント、配色、レイアウトを確認します。 Survey settings を開き、Look で表示設定、When it ends で完了画面を確認します。 デスクトップとモバイルの両方で Preview を確認し、すべての設問と操作が読みやすいか確かめます。
手順
Buildで「Design」を開く
エディター上部のDesignを開きます。この画像の従来のエディターでは、テーマを選び、ブランドや表示設定までスクロールします。ThemeとCustomiseのタブがあるエディターでは、Themeでテーマを選び、Customiseでフォント、色、表示設定を調整します。回答者の表示形式を変更するには表示モードのガイドをご覧ください。英語UI · テーマとアンケートのプレビューを表示した従来のエディターです。アカウントによってはThemeとCustomiseが別タブになっています。
テーマを生成するか選ぶ
Themeで希望する見た目を入力し、Generateをクリックします。生成したテーマはすぐに適用されるので、プレビューで確認してください。今回のテーマ生成を始める前の見た目に戻すにはUndo、別の案を試すにはRegenerateを使います。組み込みのテーマもクリックして適用できます。配色とフォントをカスタマイズする
ブランドカラーを設定します。次に、背景、吹き出し、テキストの色を設定します。フォントスタイル（system、sans-serif、serif、monospace、rounded）を選びます。チャット吹き出しスタイル（rounded、square、minimal、modern、none）を選びます。入力欄スタイル（rounded、square、minimal、underlined、bordered）を選びます。送信ボタンスタイル（rounded、square、circle、pill、minimal）を選びます。 Text sizeではStandard、Large、Extra largeを選べます。Chat、One at a time、Classic formの回答者用テキストに適用されるため、参加者が使う画面サイズでプレビューを確認してください。Card layoutを切り替える
アンケートは既定でエッジツーエッジで表示されます。角丸のカードで囲みたい場合は、DesignのCard layoutスイッチをオンにします。エッジツーエッジは、埋め込みアンケートや没入感のあるブランド体験に向いています。ストリーミングとアニメーションを設定する
AIの回答を回答者にどう表示するかを選びます。Raw（即時表示）、Word-by-word、Letter-by-letterから選択できます。AIが考えている間に表示するタイピングラベルも設定できます。既定のラベル、カスタムテキスト、AIが生成したクリエイティブなラベルを使えます。ロゴとアバターを追加する
Brandで会社のロゴをアップロードすると、アンケートのヘッダーに表示されます。Assistant Avatarでは、AIインタビュアー用にプリセット（QuestionPunk、Robot、Assistant、Chat、Sparkle、Gradient）を選ぶか、独自の画像をアップロードまたはAIで生成できます。アンケート画面をカスタマイズする
welcome screenとthank-you screenは、ビルダー内の各カードで編集します。必要な場合は、Add Question > Form structure から追加します。Settings > When it endsでは、リダイレクトURLと、アンケートが回答受付を終了した後に表示されるclosed-survey messageを設定します。従来型アンケートのBack、Next、SubmitボタンのラベルはSettings > Lookで設定します。英語画面 · Survey settings → Look。回答形式は Questions の Respondents see で別途選びます。
ブランディングをプレビューする
デザインのプレビューを確認し、Previewを開いて対象端末で回答体験をテストします。Respondents seeで保存された表示モードを確認し、Classic formの対話型カードも含めて最後まで試してください。文字を大きくした場合は、狭い画面で長いラベル、選択肢、ボタンを確認します。
詳細と制限事項
カスタムブランディングにより、アンケートをブランドの自然な一部として見せられます。配色、フォント、吹き出しスタイル、入力欄スタイル、ロゴ、ストリーミングアニメーションをカスタマイズできます。
Generateで見た目を説明すると、AIテーマは生成後すぐに適用されます。生成前に画面のクレジット見積もりを確認してください。同じ入力欄にWebサイトのアドレスを入れると、ブランドの読み取りになります。組み込みのテーマから始めることもできます。
チャット吹き出しスタイルには、rounded、square、minimal、modern、noneがあります。フォントには、system、sans-serif、serif、monospace、roundedがあります。入力欄スタイルには、rounded、square、minimal、underlined、borderedがあります。送信ボタンスタイルには、rounded、square、circle、pill、minimalがあります。
Card layoutの切り替えで、アンケートをエッジツーエッジ（既定）で表示するか、角丸のカードで囲むかを制御できます。
AIの回答を回答者にどうストリーミング表示するかを設定できます。raw（即時表示）、word-by-word、letter-by-letterから選べます。AIが回答を作成している間に表示するタイピングインジケーターのラベルもカスタマイズできます。
プリセットアバター（QuestionPunk、Robot、Assistant、Chat、Sparkle、Gradient）から選ぶか、AIインタビュアー用の画像をアップロードまたはAIで生成できます。アバターの横にあるステータスドットの色と表示・非表示もカスタマイズできます。
回答者の既定の入力モードを設定できます。text first（入力が先で、音声は任意）またはaudio first（マイクが先で、入力は任意）です。これは、回答者にすぐ話し始めてほしいAI音声インタビューで役立ちます。
チャットモードでは、Fixed answer panelをオンにすると、入力欄がメッセージと一緒にスクロールせず、区切り線の下に固定されます。既定ではオフです。
welcome screenとthank-you screenは、ビルダー内の各カードで編集します。Settingsでは、終了メッセージと完了後のリダイレクトURLを設定できます。従来型アンケートでは、Back、Next、Submitボタンの名前も変更できます。
ProプランとEnterpriseプランでは、Settings > LookでQuestionPunkのブランディングを非表示にできます。
AIテーマを保持する／元に戻す：Backはテーマを適用したまま入力欄に戻る操作です。その画面でもUndoを使えます。生成後の見た目を変更していなければ、同じブラウザセッション内でDesignを離れて戻った場合もUndoを利用できます。色、フォントなど生成されたスタイルを手動で変更すると、そのテーマ専用のUndoは表示されなくなります。保存済みの状態に戻すにはバージョン履歴を使ってください。
結果を確認
ライブプレビューに、選択したテーマ、配色、レイアウト、ロゴ、アバターが反映されるはずです。welcome screenやthank-you screenを追加した場合は、ビルダーにカードが表示されます。
うまくいかない場合
Design が見つからない場合は、アンケートエディターで Questions または Flow を開き、右上ヘッダーの Design アイコンをクリックするか、Survey settings → Look を開いてください。