Web関連

PCサイトとスマートフォンサイト

みなさん、少し前にGoogleが重要なアップデートがあったのは覚えていますか?
そうです、Googleから告知があったモバイルファーストのアップデートです!!

これを機に、PCサイトやスマホサイトを見直したという企業様も多かったのではないでしょうか。
ティファナでも、お客様からご質問やご相談をたくさんいただきました。

モバイルファーストのアップデートが行なわれ、改めてPCサイトとスマホサイトの違いを考えました。
今回は初心に帰って、PCサイトとスマホサイトの違いをご紹介したいと思います。

PCサイト

PCサイトは画面が大きく、マウスやキーボードを使って操作します。
ユーザーの動きは「Fの法則」や「Zの法則」に従ってページを閲覧します。

クリック箇所はオンマウスでマウスポインタが変わる、色が変わる等わかりやすく変化します。

サイトの長さは長すぎると、スクロールが面倒になりユーザーが行きたいところにすぐに行くことができないので、ある程度の長さで止めないといけません。

img_fandz01.jpg

スマートフォンサイト

一方、スマートフォンサイトは画面が小さく、指で画面をタッチします。
ユーザーの動きは、直感的で動きが早いのが特徴です。スクロールで上から下で閲覧します。

指でタッチをするので、クリックする箇所はタップしやすく大きくする必要があります。
またクリック箇所であることもわかるように、クリックエリアを明確にする必要があります。

サイトの長さは、スクロールが簡単に速くできるので、縦長になってもユーザーは負担になりません。

どっちが良い?

PCとスマホの違いはまだまだありますが、今回は特にわかりやすいものだけを抜粋しました。
今回ご紹介した部分だけでも、これだけ違いがあるとPC/スマートフォンの両サイトが必要なのは皆様、お気づきかと思います。

どっちが良いのではく、どっちも必要なのです。

でも、2サイト分の更新となるとがなかなか大変で、面倒・・・。

そんなときにはレスポンシブにすることをおススメします。
ワンソースで更新可能です!
2サイト分の手間が1サイト分、半分しか手間がかかりません。

更新の負担が軽いレスポンシブにも欠点が。
両デバイスに対応させるために、デザインやレイアウトの制約があります。。

PCサイト・スマートフォンサイトを制作するときにどちらが良いかは、サイトの重き(目的・ゴール)をどこに置いているかで変わっていきますので、選ぶときにはじっくりと考えることをおススメします。

最後に

今回は、PCサイト・スマートフォンサイトの違いについてご紹介しました。

PCやスマートフォンがすでに普及し・定着しているからこそ、違いを忘れていたり、わかったつもりになっていたりするものです。

Googleのアップデートが行なわれ、「わかっているものでも、見直したり、考えなおしてみたりする必要があるな」と、改めて感じました。

今回感じたことは、Webサイト制作だけではなく、他のことにも通じることだと思いますので、私自身気を配って考えて行きたいと思います!

以上、IAのヤリミズでした。

それでは、また次回のコラムで!!

関連するサービス

ホームページ制作

web制作会社が考える更新メンテナンスのポイント前のページ

東京オリンピックとWebサイトとの関連性を考えてみた!次のページ

ピックアップ記事

  1. 新型コロナウイルスで日本の働き方改革が起こる
  2. 大手企業も注目するMaaS(Mobility as a Service)とは何か…
  3. AIに求められているものは、実は意外な物だった
  4. 新しい販売形態であるDtoCについて考えてみる

関連記事

  1. Web関連

    知ったかぶり、してない?サルでもわかるリードナーチャリング

    世にはびこるマーケティング用語の数々。中でも良く耳にするようになったの…

  2. Web関連

    WordPressをCMSとして活用するためのプラグイン Advanced Custom Field…

    こんにちは! 休日はチャギントンを見て過ごしたSEの岸沢です。チャ…

  3. Web関連

    新米ママをサポートする、子育てIoT新技術

    IoTという言葉が生まれて、国内でも2年ほど前から、様々な企業がこの分…

  4. Web関連

    ちょっとした工夫で変わる?!webサイト制作でも役立つ室内撮影時のライティング方法2つ

    寒くなってきましたね!この時期は、部屋から出ず家でゴロゴロ、夜は鍋で温…

  5. Web関連

    スマートフォンサイトにオススメ!使い勝手を良くするためのjquaryまとめ!

    Web制作をする上で、リッチなウェブサイトを作るには、面白い動きを取り…

  6. Web関連

    e-sportsから考える「スポーツ」

    スポーツ --熱き魂のぶつかり合い--熱き魂がフィ…

おすすめ記事

最近の記事

  1. DX(デジタルトランスフォーメーション)・デジタルシフトへの…
  2. テレワークだけでは足りない?デジタルシフトなど、アフターコロ…
  3. デジタル化が旅行・観光業を救う!?ウィズコロナ・アフターコロ…
  4. 非接触がこれからの常識。ウィズコロナ・アフターコロナはIoT…
  5. キャッシュレス決済はウィズコロナでのウイルス対策に繋がってい…

アーカイブ

  1. SEO関連

    「文字数が多いほうがSEOに有利」は本当なのか!?
  2. AI関連

    あらゆる業界の人材不足解消にAIは「特効」となる
  3. Web関連

    海外のWeb制作会社では主流?Illustratorを使用したWebデザイン制作…
  4. Web関連

    「Sass」で神速コーディング!? 概要編
  5. Web関連

    WordPressをCMSとして活用するためのプラグイン Advanced Cu…
PAGE TOP