administerスマートフォンサイトのデザイン参考サイトツイートシェアはてブLINEPocketスポンサーリンクGoogleアナリティクスで解析すると訪問者が何の端末(PC、スマートフォン、タブレット)で閲覧しているかがわかります。Googleアナリティクスでお客様のデータを見ると、数年前まではPCでの訪問者が主だったのに対し、最近では50%近くがスマートフォンからのアクセスになっているサイトもあります。スマートフォンからのアクセスが50%を超えているお客様もいらっしゃいます。サイトがスマートフォンで正しく表示されるかどうかはSEOにも関係してきます。スマートフォンからのアクセスは無視できない状況です。そこで今回は、スマートフォンでの見た目がオシャレなサイト、オススメなサイトを集めているスマートフォンデザインのまとめサイトをご紹介します。デザインまとめ系シリーズは私の好きなシリーズで、私も普段デザインのまとめ系サイトには非常にお世話になっています。そんな私もお世話になっているスマートフォンのデザインまとめサイトを今回はご紹介します。ちなみに今までのデザインまとめ系サイトの紹介記事はこちら。スマートフォンサイト集めました。ICTサービスの利用動向スマートフォンデザイン参考サイトAGT【私の一押し】サムネイルはスマートフォンでアクセスした時に表示されるファーストビューの部分が表示されています。そのサムネイルにマウスをあてると・・・なんとスマートフォンを下にスクロールするかのごとくサイトの下の方まで見ることができます!この発想はおもしろいです。感心させられるのは、詳細ページです。トップページだけならず、下層ページも何ページかはページの上から下まで画像で紹介されています。なんといいますか、デザインまとめサイトが複数ある中でどこで差別化するか?ということも考えて運営されているのではないでしょうか。私のお気に入りサイトです。カテゴリー、カラーから絞り込みが可能です。collectionサイトの説明を見ますと「技術的・デザイン性に優れたスマートフォンサイトを掲載している」と書かれていました。サイトの見た目はシンプルでサムネイルの大きさも私が好きなサイズで見やすいです。Sites(類似サイト)」の一覧も表示されているので、例えば色やカテゴリーで探しているときに、そのまま別の似たようなサイトを見ることができます。フリーでWEB制作をされている方が運営されています。更新頻度も高く、掲載量も豊富で、カテゴリー、カラーからの絞り込みも可能です。iPhoneデザインボックスこのサイトの特徴はPCサイトのデザインも見れて、スマートフォンのデザインと比較できるところです。それと、トップページだけではなく下層ページのキャプチャも表示されているのでサイト全体の雰囲気を知ることができます。お客さんとデザインの話をしていてよく聞かれるのが、「PC版はイメージ付くけどスマートフォンで見るとどう見えるの?」ということです。PCからスマートフォンサイトを想像するのはなんとなくできますが、スマートフォンからPCサイトを想像するのはちょっと難しい気がします。このサイトでは、スマートフォンとPCの比較ができるので、ありがたいですしおもしろいですね。[S]サムネイルがとても見やすいサイズでマウスを当てるとQRコードが表示されます。そのままスマートフォンでQRコードを読み取れば実機での確認も可能なので便利ですね。Sites(類似サイト)」が表示されています。全部まとめてお世話になってます。スマートフォンサイト集めました。「~集めました」シリーズのサイトです。同じシリーズは下記のサイトになります。ランディングページ集めました。サムネイルの下に四角いメーターのようなものがあります。(予想)評価システムじゃないかなぁと思います。こちらのサイトもカテゴリー、カラーから絞り込みが可能です。iPhoneデザインアーカイブデザインがスマートフォンの形をしているのが特徴的です。残念なことに現在は更新が止まっているようなので、過去のデザインなどを参考にするときにはいいかもしれません。【海外のサイト】サイト名からしてかわいらしいです!見た目も白が基調でシンプルです。カテゴリー分けの仕方が日本のまとめサイトと違って特徴的です。背景が白でサムネイルにある画像の背景も白だと同化してしまって少し見にくい感じがするかもしれません。【海外のサイト】とても見やすく整理されているサイトです。詳細ページでは下層ページのキャプチャも紹介されているので、トップページだけではなく、下層ページのイメージもつかめます。カテゴリーの分け方も日本のサイトに似ているので比較的すんなりなじめるサイトです。良くも悪くもとても海外っぽさが出ていて、トップページは一瞬「ん!?」となるかもしれませんが、左にあるカテゴリーをクリックしいていろいろなジャンルのサイトをみることができます。まとめ最近ではスマートフォン用のサイトを制作したり、レスポンシブデザインでサイトを制作したりと、スマートフォン対応が当たり前になっています。Googleが「モバイルファーストアルゴリズム」と唱えてスマートフォン対応が必須という感じがしていますが、今のところ大きく順位に関わる部分ではないです。それよりも大切なことが「コンテンツ」と「リンク」なのは以前かわっていません。いっても、Googleの根本的な思想は変わっていないので、ユーザーの事をまず第一に考えなければなりません。ICTサービスの利用動向ICTサービスの利用動向http://www.soumu.go.jp/johotsusintokei/whitepaper/ja/h28/html/nc252110.html上記はスマートフォン普及率のデータです。実にスマートフォン普及率は70%を超えています!このデータを見れば、スマートフォンでサイトを閲覧する人が増えていることは確実です。なってくるとサイトがスマートフォン対応してなくて見にくいのはユーザーのためとは言えません。SEOどうこうよりはユーザーの事を考えると、どうしてもスマートフォン対応しなくてはいけないサイトはあるはずです。今回はスマートフォンサイトの参考サイトをまとめてくださっているサイトさんをご紹介させていただきました。次から次と出てくるサイトを日々更新なさっている努力には頭が下がります。いったサイトは何も最新のデザインだけを見るのではなく、過去のサイトもみれるのがありがたいですね。まとめて見ると、時代、時代の流行を思い出します。便利なデザインのまとめサイトはこれからも楽しく利用させていただきます!スポンサーリンクRECOMMENDこちらの記事も人気です。プ...Web制作すべての記事2017.10.20xamppでパソコンにWordpressを立ち上げて開発環境を作ってみよう!Web制作すべての記事2017.8.11容量は無制限で無料!究極のクラウドストレージWeb制作すべての記事2017.12.12ホームページの原稿の書き方Web制作すべての記事2017.10.6Bracketsのプラグインでもっと快適に効率よく仕事をしよう!Webサービス/ツール2017.8.4googleアナリティクス「集客」の見かたWebサービス/ツール2017.4.14超簡単アクセス解析設定!Googleタグマネージャでアナリティクスタグを...Web制作すべての記事2017.9.29採用担当の方へ贈る!採用ページはどうすればいいの?Web制作すべての記事この記事が気に入ったらいいねしよう!最新記事をお届けします。