Clever Geek Handbook

サイト訪問者の画面の幅を考慮します

エントリー



最近、私はデザイナーの女の子とどの画面サイズでウェブサイトを描くべきかについて話し合っていました。 私たちの議論は、控えめに言っても根拠のないものでした：

-自宅のコンピューターのサイトが広すぎるため、ワイドスクリーンにする必要があります。

-小さな画面の下で行う必要があります。 多くの人がモバイルデバイスからインターネットをサーフィンしています。 誰も大きなモニターを持っていません。

-はい、そのようなモニターを持っている多くの人々！ 友達はみんな大きなモニターを持っています。

-はい、あなたには友人がいます-デザイナーと写真家です。 しかし、人々はそのようなモニターを持っていません！



より説得力のある議論が必要であったことは明らかです-統計に目を向ける時です。




カウント





訪問者について収集されたデータへのアクセスを提供するサイトがいくつかあります。 これらのサイトの1つは、以前のSpyLogで、現在はOpenstatで、 画面の解像度に関するレポートも表示しています 。 そこにあるデータは、一見したところではあまり有用ではありません。最も人気のある解像度-1366×768-が訪問者の19％で見つかることを知っておくと、少し助けになります。 ただし、このデータは、処理可能な別のファイルとして取得できます。 PDF、XLS、およびCSVとタブで区切られた2つのテキスト（ここではtsvと呼ばれます）の4つの形式が利用可能です。







ファイルのほとんどは次の形式の行です
1366x768 4097016,19 18,43 % 263923118 1147661296



このことから、幅（左側のフィールドの最初の数）とビューの数（右側のフィールド）に関心があります。 最後から2番目のフィールド-訪問数-相対的な用語で表現される場合、ビューの数とはわずかに異なります。 可能な幅ごとに、この幅の出現の合計を計算し、高さデータを破棄します（Webデザイナーにとってはそれほど重要ではありません）。 カウントプロセスは、処理されたデータを含むファイルの取得と組み合わせることができます。 



 wget 'https://www.openstat.ru/rest/v0.3/ct:openstat:trends/display/columns/20120820-20120920?column=0%0Dvisitors_sum_average&column=0%0Dvisitors_sum_average_verticalpercent&column=0%0Dsessions_sum&column=0%0Dpageviews_sum&primary_column=0&view_id=1810&format=tsv' -O - \ | perl -nlaF'\t' -MList::Util=max \ -e '$F[0]=~s/x.*//||next;$sum{$F[0]}+=$F[4];END{for$k(0..max(keys%sum)){print"$k\t$sum{$k}"}}'




幅と訪問者の総数のペアのリストを取得します。 



  0	
 1 445931
 2	
 3	
 4	
 5	
 6	
 7	
 8	
 9	
 10 29183
 11	
 ...




幅のすべての可能な値を考慮する意味がないことは明らかです-値の範囲を評価する必要があります。 画面の特定の幅を持つ訪問者の数と、幅の狭い画面を持つ訪問者の数の合計を計算してみましょう。 任意のオフィススイート（私の場合はLibreOffice）でこれを行うことができ、すぐにスケジュールを作成できます。 結果のグラフを含むテーブルは、 ge.tt / 9iHIH8O （110キロバイト）です。



グラフを軽く装飾します-人気のある値のラベルを追加します。







いくつかの結論







More articles:


All Articles