英語からAIを使用して翻訳されました
この文章はAI技術を使用して翻訳されたことにご注意ください。正確性を維持するよう努めていますが、一部の詳細が元のテキストを完全に反映していない場合があります。情報に不明な点がある場合は、英語版を参照してください。
この記事では、アプリのゾーニングを設定するために必要なすべてのことを説明します。
ゾーニングの作成方法
ゾーニングとは、アプリの静的スクリーンショットのコレクションです。スクリーンショットは、特定の時点でのライブアプリをキャプチャし、スクリーンショットライブラリに保存します。これにより、もはやライブではない過去のバージョンや、ドロップダウンメニューのような画面上の動的要素を分析できます。
ゾーニングは、新しいスクリーンショットを使用するか、ライブラリから既存のものを使用して作成されます。ゾーニングを作成したら、次に「ゾーン」を作成します。これは、ユーザーがコンテンツとどのように相互作用するかを分析するためのカラフルなデータオーバーレイとして知られています。
ゾーニングの作成方法
始める前に
アプリ内機能が有効化されていることを確認してください。そうでないと、スクリーンショットをキャプチャできません。アプリ内機能を有効にする方法については、この記事を参照してください。
ゾーニングを作成する
1. ゾーニング分析セクションから、'+ 新しいゾーニング'をクリックします。
2. 次に、'画面を選択'をクリックし、分析したい画面を定義し、'適用'をクリックします。
次のいずれかを選択できます：
- '即時画面グループ'：特定の条件を持つ特定の画面または複数の画面からデータを分析します。
- または 'すべての画面グループ'：既存のマッピングから画面グループを分析します。
3. 分析したいセグメントを選択して、ゾーニング分析を絞り込み、'継続'をクリックします。
注
選択した画面または画面グループに既にゾーニングが存在する場合、これらは直接分析できるようにリストされます（あなたの許可に応じて）。
4. アプリから取得した既存のスクリーンショット（以下のいずれかを選択すると、分析が自動的に開きます）または'さらにスクリーンショットを表示'をクリックして新しいスクリーンショットを選択します。ゾーニングに新しいスクリーンショットを追加したい場合は、次の記事を参照してください。新しいスクリーンショットをゾーニングに追加する。
5. 分析にリダイレクトされ、分析を開始できます。
ゾーンの作成と編集方法
分析上のゾーンは、画面上に表示されるカラフルなデータです。
ゾーンに表示される数値は、その内部のコンテンツに対する指標結果を示します。例：'タップ率'。
新しいゾーンを作成するための手順は次のとおりです：
- 分析中に編集モードを有効にする必要がある場合は、'ゾーンを編集'ボタンをクリックすることで有効にできます。
- ドロップダウンメニューからゾーニング作成モードを選択します。1つまたは複数のゾーンを同時に作成できます。
- シングルゾーンモード： 'シングル'ボタンをクリックし、ゾーンを作成したいコンテンツの上にホバーします。表示されるカラーフレーム内をクリックします。ゾーンが作成されます。
- マルチゾーンモード： 'マルチ'ボタンをクリックし、コンテンツの上にホバーします。表示されるカラーフレーム内をクリックすると、ゾーンが作成されます。
注
マルチゾーンモードは、同じ階層レベルのゾーンのみを識別します。また、マルチゾーンセレクタを使用する際は、これはDOM階層に基づいていることに注意してください（表面ベースの方法ではなく）。
- トップゾーン（旧スマートゾーン）： 右側のパネルにある'トップゾーン'ボタンをクリックして、ページで最もクリックされたゾーンを確認します。トップゾーンは、'タップ率（ページビューレベル）'および'再タップ数'でのみ表示されることに注意してください。
ゾーンを消去する方法
ゾーンを1つ消去するか、すべてのゾーンを一度に消去することができます：
1つのゾーンを消去する：
- 編集モードを有効にし、消去したいゾーンの上にホバーします。次に、目のアイコンをクリックします。同じアイコンを再度クリックすることで、ゾーンを再度有効にできます。
- 編集モードを有効にし、ドロップダウンメニューから'すべてのゾーンを表示'をクリックします。メニューが開き、現在のゾーニングからすべてのゾーンのリストを表示できます。リストから削除したいゾーンをクリックして、右側のメニューで'ゾーンを削除'をクリックします。
すべてのゾーンを消去する：
- 編集モードを有効にし、ドロップダウンメニューをクリックします。次に、'すべてのゾーンを削除'を選択します。
-
表示されるポップアップで、'すべてのゾーンを削除'をクリックして選択を確認します。
ゾーニング内でのデータの集計方法
ゾーニング分析内では、ゾーンは親または子のいずれかです。子ゾーンは、他のゾーンが内部にネストされていないゾーンです。例：メニューエントリー。親ゾーンは、内部にゾーンがネストされているゾーンです。例：ドロップダウンメニュー。
ゾーニング分析は可視化ベースの方法を使用します。これは、親要素と子要素がゾーニング内で視覚的に親要素と子要素として表示されることによって特定されることを意味します。親ゾーンと子ゾーン間のデータ集計の明確さを確保するために、可視化ベースの方法はゾーンカバレッジしきい値を適用します。このしきい値は、子要素がカバレッジに基づいて親ゾーン内に視覚的にネストされているかどうかを定義します。
親ゾーンが分析されると、そのすべての子ゾーンからのデータが集計され、親ゾーンの合計指標結果として表示されます。
例: 最初に、4つの子ゾーンが分析され、その後、子ゾーンがネストされた親ゾーンが分析されます。親ゾーンを分析する際には、4つの子ゾーンのデータが集計されます。
可視化ベースの集計方法
可視化ベースの集計方法は、視覚的階層によって親ゾーンと子ゾーンを接続します。これは、ゾーンが他のゾーン内に視覚的にネストされている場合、そのゾーンは子ゾーンと見なされることを意味します（例：メニュー内のメニューエントリー）。
可視化ベースの方法 vs ビュー階層方法
以前は、親ゾーンと子ゾーンを介したデータの集計は、サイトのコード構造に基づいて行われていました：‘ビュー階層’。この階層はボックスを使用して説明できます：画面の要素は‘ボックス’およびコード内の‘ボックス内のボックス’として構築されています。この階層を使用して、ゾーニング分析は、親要素と子要素をその階層に基づいて特定し、ボックスが別のボックス内にネストされているかどうかを判断しました。
しかし、アプリのコードの階層は、視覚的階層と常に一致するわけではありません。これは、視覚的にリンクされていない2つの要素が子/親ゾーンであったり、その逆であったりすることがあり、分析がより複雑になることを意味します。
目標は、視覚的階層に依存する新しい可視化ベースの方法で分析プロセスを簡素化することです。
注
画面にスティッキー要素とスクロール可能要素の両方が含まれている場合、すべての画面要素を単一のゾーンに集計することは不可能です。
データが正しいゾーンに帰属する方法
Contentsquareは、タップなどのユーザーインタラクションをターゲットを使用して正しい画面要素に帰属させます。ターゲットは、その要素のHTMLパスに基づいて各要素のために生成され（Contentsquareではターゲット要素ビュー パスと呼ばれます）、各ターゲットはユニークです。
これらのユニークなターゲットは、ユーザーインタラクションデータ（例：タップ）とサイト要素（例：バナー）との間のリンクとして機能します。
例:
- バナーには、そのHTMLパスから生成されたターゲットがあります。
- ユーザーがそのバナーをタップします。
- タップとバナーはターゲットを介して関連付けられます。
- Contentsquareはバナーの正確なタップ率を表示します。
注
2つ以上のゾーンが同じターゲットを共有する場合、データは各ゾーンで同じように表示されます。したがって、データが重複して表示される2つ以上のゾーンを見つけた場合、これはターゲットがユニークでないためです。
信頼できるターゲット
信頼できるターゲットはイベントを接続するために使用され、ビュー内で移動できます。 （この信頼できるターゲットを持つ要素は、画面上のどこにでも移動でき、すべてのイベントを取得します）
主要なゾーンに対して、次の3つの識別子のうち少なくとも1つを実装する必要があります。
- accessibilityIdentifier
- restorationIdentifier
- タグ
注
2つのゾーンがaccessibility-identifierを共有する場合、ターゲットはTargetViewPathに基づいて生成されます。
既存のゾーニングを見つけて表示する方法または削除されたものを回復する方法
既存のゾーニングにアクセスする
- ゾーニング分析メニューから、'マイゾーニング'タブをクリックします、
- ゾーニングを名前または最終更新日でソートします。特定のゾーニングを検索バーで検索することもできます。
削除されたゾーニングにアクセスする
- .ゾーニングページの右側にあるメニューボタンをクリックします
- 次に'ゾーニングを回復'をクリックします。
- 回復したいゾーニングの横にあるボックスにチェックを入れます。
- そして'回復'をクリックします。
ゾーニングの編集権限を管理する方法
ゾーニングを作成したかどうかに応じて、異なる編集権限のレベルがあります：
- 所有者: あなたがこのゾーニングを作成し、他のユーザーが編集および表示できるかどうかを選択できます。
- 編集: あなたはゾーニングの所有者ではありませんが、編集する権利があります。例えば：新しいゾーンを作成します。
- 表示: ゾーニングとすでに作成されたゾーンを見ることができますが、新しいゾーンを作成したり、既存のゾーンを削除したりすることはできません。
注
コンソールの管理者は、元の所有者であるかどうかに関係なく、すべてのゾーニングを編集し、編集権を付与できます。
編集権を有効化する
他のユーザーに対してゾーニングの編集権を有効化するには、彼らの編集リクエストを承認するか、ゾーニングにエディターとして追加します。
エディターリクエストの承認
-
'その他のオプション'をクリックし、'権限の管理'をクリックします。
- 'エディターリクエスト'をクリックし、編集リクエストを承認します。
ユーザーをエディターとして追加する
- 興味のあるゾーニングの'共有先'セクションの隣にあるメニューボタンをクリックし、'権限の管理'を選択します。
- 'エディター'セクションに移動し、フィールド内に名前を入力し始めます。表示されるオプションから正しいユーザーを選択します。
- ユーザーを選択し、'追加'をクリックします。
- 提供したい編集権（'表示可能'または'編集可能'）を選択し、'保存'をクリックします。
知っておくと良いこと
現在表示しているゾーニングから直接権限を管理できます。ゾーニングページの右上隅から'共有'をクリックし、ステップ2-4に従ってください。
招待したエディターを削除するには：上記の手順に従い、ユーザーの名前の隣にあるゴミ箱アイコンを選択します。
ゾーニングを分析する方法
ゾーニングを分析することで、画面を最大限に活用し、必要に応じて改善できます。
-
- 既存のゾーニングを選択するか、新しいものを作成します。
- 分析のコンテキスト内でセグメントと時間枠を定義します。
- 分析したいコンテンツにゾーンを作成します。
- 次に、ドロップダウンメニューから使用したい指標を選択します。分析中は何度でも指標を変更できます。
- ゾーン内に表示されるデータに注意し、さらに進むために比較モードを使用します。
比較モードの使用方法
比較モードは、画面、指標、セグメント、時間枠を並べて比較するのに役立ちます。
- 獲得セグメントAを獲得セグメントBと比較したい。
- リニューアル前後のホームページバナーのタップ率を分析したい。
- どのキャンペーンバナーが最も高いコンバージョン率を持っているかを理解したい。
次に、以下の指示に従ってください：
1. '比較'をクリックします。
2. 分析目標に基づいて、左側と右側の両方で分析のコンテキストを定義します。以下の画像例では、同じ指標（タップ分布）が比較されていますが、異なる2つの月の間で行われています：
2つの指標、2つの画面、2つのセグメント、または2つの時間枠を比較できます。
ただし、同じゾーニング内で異なるデバイスを比較することは不可能です。
3. 比較の結果を分析し、メモを取ります。画面全体を分析している場合は、 '同期された垂直スクロール'（右上隅）をオンに切り替え、両側を同時にスクロールします。