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. 新型コロナウイルスで日本の働き方改革が起こる
  3. AIに求められているものは、実は意外な物だった
  4. 新しい販売形態であるDtoCについて考えてみる

関連記事

  1. Web関連

    今、Web漫画がアツイッ!?

    みなさんは暇な時、どのようにお過ごしでしょうか。歩いているとき、電車…

  2. Web関連

    企業の信頼性向上をCSRにより図りたい

    社会的責任を果たしている企業であることを公表し、信頼性を向上高まる…

  3. Web関連

    たくさんのパスワードを作って会社の情報を危険に晒していませんか?

    現代社会では、インターネット上に様々システムやサービスが存在します。…

  4. Web関連

    正しい言葉遣い、出来ていますか?

    社会人には、正しい言葉遣いの知識が必須です。同じ会社の先輩、上司に…

  5. Web関連

    【Web制作】WordPressを使ったCMS構築の料金はいくらになるのか計算してみる

    こんにちは小森です。今回はWordpressを使ったCMS構築…

  6. Web関連

    パンフレット・カタログ制作とホームページ制作を別会社に依頼するリスクは?

    ティファナではホームページ制作の他、パンフレット制作も行っています。…

おすすめ記事

最近の記事

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

アーカイブ

  1. AI関連

    RPAが解決する単純作業! ~ECサイト活用編~
  2. Web関連

    あなたは自社サイトや情報を活用できていますか?DMPを利用したデータ活用とは
  3. Web関連

    絵描きさんに知って欲しい!多機能なお絵かきスマホアプリ
  4. Web関連

    Webサイト売上げアップに使える”行動心理学” その4
  5. AI関連

    人間拡張×AIで非接触なデジタル化を推進する
PAGE TOP