画面解像度の低いスマホユーザーに不具合はないかをデータで調べるには?(第65回)「画面解像度が低い」ことから起きている問題をアクセス解析データから発見し、対処すべきかどうかを考察するのに役立つセグメントを紹介しよう。解説/ノウハウ142212画面解像度がとりわけ低いスマホを使って閲覧しているユーザーに、何か不具合が生じていないかどうかをアクセス解析データから探って、問題の改善に役立てたい。eコマースサイトなどでも、すでにスマートフォンからの利用が過半数を占めるようなサイトがある。いったサイトでは、ユーザーが自分の利用シーンに応じて、スマートフォンとパソコンで見るページを意図的に使い分けているような賢い使い方が進んでいくことだろう。それでも、スマートフォンからの利用がユーザーにとって不便のままでよいということにはならない。何か改善するヒントをデータから探ることができるのであれば、ユーザーにより良い体験を提供するための改善を行うべきだ。今回はそんなスマートフォン環境の一番の弱点である「画面解像度が低い」ということから起きている問題を発見し、対処すべきかどうかを考察するのに役立つセグメントを紹介しよう。画面解像度の低い環境からの利用ユーザー(セッション)分析が必要な画面解像度を絞り込むには?今回は、具体的なセグメント作成の前手順がある。画面解像度はスマートフォンによってさまざまな種類がある。どのような種類が分析対象として必要なのか、セグメントを作成する前に、まず調べておこう。フィルタ」の設定を図2のように行うことで、スマートフォン(mobile)からの利用に絞って(図1青枠部分)、訪問の多い画面の解像度の種類を表示(図1緑枠部分)させることができる(図1)。フィルタ」の指定方法は、まず「並べ替えの種類」のプルダウンの右の検索ボックスのさらに右横にある「アドバンス」(図2赤枠部分)をクリックして設定画面を表示させる。カテゴリ」「完全一致」「mobile」(図2青枠部分)と指定しよう。「適用」(図2緑枠部分)をクリックすればよい。「mobile」がスマートフォンのことなので、スマートフォンの画面の解像度だけに絞り込むわけだ。今回の例では、画面の解像度の上位(図1緑枠部分)の320x568375x667360x640がセグメント候補になる。ここで示した以外にも解像度が低いものがあれば対象としておくといいが、「720x1280」は除外していいだろう。図1の例で右側の指標の部分の「ページ/セッション」「平均セッション時間」「直帰率」などを見ると、全体の平均から明らかに見劣りするものはないようだが、この3つの画面解像度の条件をセグメントにして分析していくことにしよう。標準に用意されているセグメントには今回紹介するセグメントは存在しないので、新しいセグメントを作成していく必要がある。レポート画面の上部にある「+セグメント」(図3赤枠部分)のエリアをクリックしよう。ブラウザ表示の横幅が狭い場合は、すべてのセッション(図3青枠部分)の下に並んで表示される。[3]図3:「+セグメント」をクリックする「+セグメント」(図3赤枠部分)のエリアをクリックすると、図4のようなセグメントの機能が表示されるので、左上にある「+新しいセグメント」(図4赤枠部分)をクリックして新規セグメントを作成していこう。[4]図4:セグメント機能(グリッド表示)注:一覧表示(図4青枠部分)を選択している場合や、自分ですでにカスタムセグメントを作成している場合などでは、図4と同じ見え方にはならない。新しいセグメントを作成する初期画面では「ユーザー属性」(図5赤枠部分)が選択されているが、今回作成するセグメントでは「テクノロジー」(図5青枠部分)を選択しよう。図5はその「テクノロジー」を選択した画面だ。今回のセグメントの条件設定は、図5緑枠部分で行う。作成したいセグメントは「画面解像度の低い環境からの利用ユーザー(セッション)」だが、今回の例では前述のとおり具体的な画面解像度は「320x568」「375x667」「360x640」の3つを指定することにする。図6は、1つ目のセグメントの設定方法だ。320x568」と指定(図6赤枠部分)し、セグメントの名前を「画面解像度が320x568」とでも名付けて、「保存」ボタン(図5黒枠部分)をクリックする。図6:画面解像度が「320x568」のセグメントの設定内容このセグメントは「ユーザーベース」のセグメント(図6青枠部分)だが、セッションベースもユーザーベースも「画面解像度」は変化するものでもないので、これでよいだろう。320x568」と指定する(図7緑枠部分)。先ほどのセグメントと同様の手順で作成しよう。375x667」と指定し、セグメントの名前を「画面解像度が375x667」と名付けて、「保存」ボタン(図5黒枠部分)をクリックする。「画面解像度が360x640」セグメントの設定方法これも手順は同様だ。360x640」と指定し、セグメントの名前を「画面解像度が360x640」と名付けて、「保存」ボタン(図5黒枠部分)をクリックする。サイトにおけるスマホの利用実態を把握するには?セグメントの活用方法に行く前に、サイトを利用するユーザーのスマートフォンの利用実態について、もう少し把握しておこう。モバイル環境にはさまざまなバリエーションがある。具体的に言うと、冒頭の図1ではスマートフォンの画面解像度上位を見たわけだが、それらの画面解像度は、いったいどのデバイスあるいはブラウザを利用しているパターンに対応しているのだろうか。冒頭の図1でも利用した[ユーザー]>[ユーザーの環境]>[ブラウザとOS]レポートで「画面解像度」ディメンションを選択したレポートに少し手を加えてみよう。システム」を選択(図8青枠部分)する。システムの2つにどのような組み合わせがあるのかを確認できる。同様に「ピボット」で「ブラウザ」を指定(図9赤枠部分)したのが図9だ。[8]図9:[ユーザー]>[ユーザーの環境]>[ブラウザとOS]の「画面解像度」レポートにピボットテーブルを適用ブラウザとの組み合わせで見ると、画面解像度「320x568」では大半がSafariブラウザで見ているが、そうでない場合もある(図9青枠部分)ということがわかる。このようにユーザーの利用状況をある程度深く押さえておいたうえで、行動データを見ていくことにしよう。画面解像度の違いが主要指標に表れていないかどうかを確認するには?次にこのセグメントの活用方法を見ていこう。グローバルナビゲーションの[レポート]をクリックする画面左側にあるメニューで、[集客]をクリックするメニューが開くので、[すべてのトラフィック][参照元/メディア]を順にクリックする3つのセグメントを「適用」する(図10赤枠部分)[9]図10:[集客]>[すべてのトラフィック]>[参照元/メディア]レポートに該当のセグメントを掛けた画面(全体)「参照元/メディア」別に見る前に、まず全体の指標を4つのセグメント(今回作成した3つのセグメント+「すべてのセッション」セグメント)で比較することから始める。セッション時間」は各セグメント間でそれほど差はなかったが、「eコマースのコンバージョン率」には大きな差があった(図10青枠部分)。画面解像度の違いがコンバージョン率に影響している参照元/メディアがないかかどうかを調べるには?そこで次は各集客(参照元/メディア)別の違いがあるのか、それがコンバージョン率の違いに関係があるのかを見ていく。図11が図10の下に続く部分だ。[10]図11:[集客]>[すべてのトラフィック]>[参照元/メディア]レポートに該当のセグメントを掛けた画面(明細)「画面解像度が360x640」では、構成比が他セグメントのパターンと異なり、検索連動型広告の依存度が少し高いことがわかった(図11青枠部分)ので、集客の構成比の違いによる、コンバージョン率への影響なども勘案しないといけないことがわかる。コンバージョン率の部分を各セグメントで比較してみると、興味深いことに解像度が比較的高い「375x667」で、どの集客チャネルでも相対的にコンバージョン率が低かった(図11緑枠部分)。プロセスに問題があるのか、閲覧コンテンツに違いがあるのだろうか。コンテンツ]>[すべてのページ]レポートに該当のセグメントを掛けた画面この例では、ページビュー数第1位のトップページが、どのセグメントでも3割以上、閲覧開始ページになっていた(図12青枠部分)。そこでトップページの直帰率(図12緑枠部分)を見て違いがあるかを確認したところ、若干の違いはあったが、どのセグメントでも直帰率は2割前後と非常に低く(図12緑枠部分)、ここに問題があるようには思えない。なるとなぜコンバージョン率に違いがあるのかは、別の所に原因があるのかもしれない。カートなどの購入直前のプロセスのページに絞り込んで、違いがないかを見てみよう。カートにそもそも入れていないからコンバージョン率が低いのか、カートから購入へのプロセスに進んでいないのか、どこに問題があるかを深掘りしていこう。何より重要なのは、データを見るだけで問題点を発見しようとするのではなく、データから導き出した仮説に基づき、実際に各デバイスでサイトを表示・操作してみて、トップページの見え方やカート操作性はどうかを確認してみることだ。アナリティクスを実装する方法を詳しく解説する講座(2016/4/19)申し込み受付中。http://b.hatena.ne.jp/entry/https%3A%2F%2Fwebtan.impress.co.jp%2Fe%2F2015%2F08%2F27%2F20873。