外観スタジオの概要

スイート

Customer Experience

製品

Qualtrics

このページの内容

外観スタジオの概要

Appearance Studioは、digitalインターセプトの見た目と操作性をデザインするための新しいビジュアルエディターです。カスタムCSSコードを記述することなく、レスポンシブレイアウトの構築、ブランドスタイルの適用、アクセシビリティと翻訳オプションの設定が可能です。

ヒント：現時点では、新しいクリエイティブと、外観が削除された既存のクリエイティブに対してのみ、新しい外観スタジオを使用できます。後日、既存のクリエイティブの移行パスが提供される予定です。既存のクリエイティブの外観設定を削除するには、[外観を削除] を選択します。削除された外観は復元できませんのでご注意ください。

外観スタジオへのアクセス

アピアランススタジオを使用して、ガイド付きインターセプトをカスタマイズできます。

ヒント：現時点では、モバイルアプリクリエイティブでアピアランススタジオはご利用いただけません。

ガイド付きインターセプトで、 デザインエディターを開くをクリックします。

事前設定されたレイアウトのいずれかをたたき台として選択するか、 最初から作成をクリックして空のレイアウトから開始することができます。

selecting a template or starting from scratch

その後、外観スタジオのさまざまなセクションに移動できます。

navigating the appearance studio tabs on the lefthand side of the page

構築：リアクティブのコンポーネントを構築およびカスタマイズします。
アニメーション：インターセプトが画面に表示される際のアニメーションを設定します。
アクセシビリティ：インターセプトが支援テクノロジーでアクセス可能であることを確認します。
翻訳：翻訳を追加し、訪問者の言語を決定する方法を設定します。

ビルドタブ

ビルドタブでは、クリエイティブのレイアウトを作成し、さまざまな要素をカスタマイズします。詳細な手順については、外観レイアウトの作成を参照してください。

アニメーションタブ

［アニメーション］タブでは、インターセプトが画面に表示される方法と、訪問者に表示される時間をカスタマイズできます。

インターセプトをアニメーション化するには、 アニメーションを含める を有効にします。

setting up an animation for the intercept

ヒント: 無効にすると、インターセプトはページにそのまま表示されます。

ページが読み込まれてからインターセプトが表示されるまでの遅延（秒単位）を設定します。

必要に応じて、 ダイアログを閉じるための制限を設定を有効にします。有効にすると、インターセプトが自動的に閉じるまでの秒数を指定します。

移行タイプを選択します:

なし：トランジションなし。インターセプトがページ上に突然表示されます。
フェード: インターセプトがゆっくりと不透明になります。
スライド：インターセプトが画面上にスライドして表示されます。

選択したトランジションタイプに応じて、追加の設定オプションが表示されます。

フェード： フェードの背景（薄い、中間、濃いから選択）を選択します。この設定により、インターセプトの背後にあるウェブサイトが暗くなります。
スライド： スライドの方向（下、上、左、右から）を選択します。スライドアニメーションを使用する際に、オプションでフェード背景を選択できます。

アニメーションをプレビューをクリックすると、プレビューウィンドウでアニメーションをテストできます。

完了したら、デザインを保存をクリックします。

アクセシビリティ

クアルトリクスは、インターセプトがインクルーシブであり、ウェブアクセシビリティ基準に準拠していることを確実にするためのツールを提供します。スクリーンリーダーなどの支援テクノロジーは、非表示のテキストラベルを使用して、視覚的なコンテンツをユーザーに説明します。クアルトリクスのインターセプトで使用され、支援技術によって読み上げられるラベルは2種類あります。

代替テキスト(altテキスト): 代替テキストは、画像の内容を簡潔かつ明確に説明するものです。
ARIAラベル：ARIAラベルは、インタラクティブな要素（ボタンなど）に追加される属性で、その要素が実行するアクションに関する追加のコンテキストを提供します。

外観スタジオの アクセシビリティタブで、アクセシビリティラベルをサポートする要素を評価できます。

ここから、 代替テキストを使用するすべての要素をカスタマイズできます。これには以下が該当します。

閉じる（「X」）アイコン
フィードバックボタンで使用する場合の最小化アイコン
グラフィック
埋め込み接続

ヒント：標準ボタンやフィードバックボタンなど、ARIAラベルを使用する要素は、個別にカスタマイズ できません。ボタンの表示テキストはARIAラベルとして使用され、この動作は変更できません。ラベルはボタンのテキストから取得されるため、クリエイティブを翻訳するとARIAラベルも翻訳されます。これらの要素は引き続きアクセシビリティタブに表示されますが、 読み取り専用になります。要素（またはその翻訳）を直接編集することで変更できます。