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