Webテンプレート設計のベスト プラクティス
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
ウェブテンプレートは、ウェブサイトのインタラクティブ性を高め、コンバージョン率を高め、ユーザーがエクスペリエンスや実験の特定のコンテンツに集中するように誘導するのに役立ちます。正しく設計されている場合、Webテンプレートはユーザーエンゲージメントを向上させ、プロモーション、サブスクリプション、電子メールのサインアップ、およびその他の行動喚起(CTA)要素に注意を引き付けることができます。
ベストプラクティスに従うことで、ビジュアルと機能でユーザーを引きつけるWebエクスペリエンスや実験を作成し、関連するコンテンツやオファーをタイムリーに配信できます。
特にモバイル ユーザーのユーザー エクスペリエンスを損なわないように、最初のページのポップアップ、Webページの大部分を覆い隠すデザイン、予想されるコンテンツの表示を妨げるインタースティシャルを避けることをお勧めします。
ここでは、Sitecore Personalize実験や体験で使用できるウェブテンプレートをいくつか紹介します。これには、設計上の推奨事項や確立されたベストプラクティスなどが含まれます。
-
アラートバー - ウェブサイトの上部または下部に配置できるバーで、販売の発表、新製品の宣伝、重要なメッセージの表示に最適です。
-
Level of disruption - 1 (非常に低い)
-
Image size - 画像なし
-
Timings - ウェブサイトまたはページへのアクセス時、特定のスクロールポイントの後、またはアクションによってトリガーされたとき
-
CTA -リダイレクト
-
-
コーナーポップアップ - ウェブサイトの右下隅に表示される画像とCTAを含むカード。ユーザーは、このポップアップが開いている間もブラウジングを続行できます。
モバイル エクスペリエンスの場合は、短くても情報量の多いコピーを使用し、小さいフォントを選択し、画像を避け、コントロールを大きく (少なくとも44ピクセルの四方) 配置して、タップしやすく、画面スペースを節約します。
-
Level of disruption - 4 (高)
-
Image size - ロケーションの最大50%
-
Timings - ウェブサイトまたはページへのアクセス時、特定のスクロールポイントの後、またはアクションによってトリガーされたとき
-
CTA -リダイレクト
-
ヘッダーの最大推奨文字数 - 20
-
ボディの最大推奨文字数 - 30文字
-
CTAの最大推奨文字数 - 10文字
-
-
メールキャプチャバー - メールアドレスを収集するために設計された、邪魔にならない上部または下部のバー。
-
Level of disruption - 1 (非常に低い)
-
Image size - 画像なし
-
Timings - ウェブサイトやページへのアクセス時、特定のスクロールポイントの後、またはアクションによってトリガーされたとき
-
CTA - データリクエスト
-
-
メールキャプチャコーナー - メールアドレスを収集するために設計されたコーナーポップアップ。ユーザーは、このポップアップが開いている間もブラウジングを続行できます。
モバイルエクスペリエンスでは、不要なモバイル画面のスクロールを防ぐために、最大2つの入力フィールドのみを使用します。
-
Level of disruption - 4 (高)
-
Image size - ロケーションの30%
-
Timings - ウェブサイトまたはページへのアクセス時、特定のスクロールポイントの後、またはアクションによってトリガーされたとき
-
CTA - データリクエスト
-
ヘッダーの最大推奨文字数 - 20
-
ボディの最大推奨文字数 - 20
-
CTAの最大推奨文字数 - 10文字
-
-
非アクティブタブ - プロモーションや特別なメッセージでユーザーをページに引き戻すように設計された点滅するブラウザタブ。
-
Level of disruption - 2 (低)
-
Image size - 画像なし
-
Timings - 別のタブでブラウジングしているとき
-
CTA -有益
-
-
通知ウィジェット - ページの隅に配置されるスライド式の通知スタイルのウィジェット。ユーザーの注意を引くためのティーザーを生成します。
モバイルエクスペリエンスの場合、このウィジェットは画面の上部または下隅に配置され、ユーザーがクリックするとアクティブになります。
-
Level of disruption - 3 (ミディアム)
-
Image size - 小さなアイコンまたは画像
-
Timings - スクロールの特定のポイントの後、またはアクションによってトリガーされる
-
CTA -有益
-
ボディの最大推奨文字数 - 20
-
-
ポップアップテイクオーバー - ユーザーが手動で閉じるまで画面上に保持されるアサーティブタイプのポップアップ。
-
Level of disruption - 5 (非常に高い)
-
Image size -フレキシブル
-
Timings - ウェブサイトまたはページへのアクセス時、特定のスクロールポイントの後、アクションによって引き起こされた、終了する直前、または別のタブでの閲覧中
-
CTA - リダイレクトまたはデータリクエスト
-
-
サイドバー - 右側に固定された垂直ペインで、通常は画像、テキスト、CTAが含まれます。
-
Level of disruption - 4 (高)
-
Image size - ロケーションの最大60%
-
Timings - ウェブサイトやページへのアクセス時、特定のスクロールポイントの後、またはアクションによってトリガーされたとき
-
CTA - リダイレクトまたはデータリクエスト
-
-
ツールチップ - Webページ上の要素または機能を説明または強調表示するコンテキスト ポップアップ テキスト。
-
Level of disruption - 3 (ミディアム)
-
Image size - 画像なし
-
Timings - アクションによってトリガーされる
-
CTA - 情報提供またはリダイレクト
-