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

関連記事

  1. AI関連

    人工知能×Webがもたらす未来を予測してみた

    最近になってよく耳にする言葉のひとつに「人工知能(AI)」と言われてい…

  2. Web関連

    デザイナー志望必見!インフォグラフィック履歴書で就活を有利に!

    気温も上がり始め、春1番どころか3番まで吹いてしまう今日この頃。…

  3. Web関連

    ホームページ制作におけるHTMLのソースレビュー

    こんにちは、システムエンジニアの小森です今…

  4. Web関連

    Webサイトに必ず必要なサーバーについて

    色々なところで聞く単語「サーバー」。Webサイトを公開する上で、無いと…

  5. Web関連

    ユーザーを騙す!?インフィード広告の有効活用

    皆さん、スマホのニュースアプリやSNSなどで以下のような広告を見たこと…

  6. Web関連

    広告費をムダにしないために学ぶべき3つのこと

    今回は、費用対効果の高いネット広告について全3回に…

自治体向けDX推進サービス

AIさくらさん for 自治体DX

おすすめ記事

最近の記事

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

アーカイブ

  1. Web関連

    仕事の取り組み方を変える!「ダイバーシティ」について
  2. Web関連

    健康診断を行う理由と未来
  3. Web関連

    恋愛から学ぶ3つの法則!? つながるコンテンツマーケティング。 届けようその気持…
  4. AI関連

    人工知能(AI)が犯罪防止で安全で安心な未来をつくる!?
  5. Web関連

    ワイヤーフレームを作る前に気を付けたい5つのこと~リニューアル編~
PAGE TOP