Web関連

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

0

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

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

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

PCサイト

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

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

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

img_fandz01.jpg

スマートフォンサイト

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

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

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

どっちが良い?

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

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

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

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

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

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

最後に

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

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

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

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

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

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

関連するサービス

ホームページ制作

0

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

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

ピックアップ記事

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

関連記事

  1. Web関連

    デジタルマーケティングに利用されるNoSQLとは

    こんにちはサーバーエンジニアの橋本です。昨今デジタルマーケティ…

  2. Web関連

    次のITビジネスフィールドは宇宙だ!!

    こんにちは、チーフ・ソーシャル・レスポンスビリティ・オフィサーの藤田で…

  3. Web関連

    そうだったのか! 簡単にわかる「モバイルファースト」の考え方

    現在、ほとんどの企業がコーポレートサイトやECサイトを持っています。…

  4. Web関連

    顧客がいないならば育てればいいじゃない。マーケティングオートメーション(MA)ツールで顧客育成をして…

    皆さんは巷で話題のマーケティングオートメーション(MA)をご存知でしょ…

  5. SNS関連

    SNSから自社サイトへの流入を増やしたい!- Twitter活用編-

    BtoB、BtoCに関わらず、Webサイト内にSNSボタンを設置してい…

  6. Web関連

    ウェアラブルで健康管理

    健康管理といえば、メディアの情報からセルフチェックをしたり病院で検査を…

おすすめ記事

最近の記事

  1. 人間拡張×AIで非接触なデジタル化を推進する
  2. ヘルスケアはAI先生にみてもらう時代
  3. withコロナは非接触技術で生活しよう!
  4. デジタル接客+AIで非接触を推進する
  5. 遠隔診療や遠隔医療普及のポイントはAIと5G

アーカイブ

  1. Web関連

    Web制作会社が教えるデータドリブンマーケティングを成功に導く方法
  2. Web関連

    デジタルマーケティングに利用されるNoSQLとは
  3. Web関連

    構成でコラムの「土壌」を整えよう!
  4. Web関連

    スマホ利用で注意!新たなフィッシング詐欺
  5. Web関連

    効率的!マーケティングオートメーションって?
PAGE TOP