スマホ向けのサイト構築を考える!3つのポイント【2016年の決定版】

 

この記事を書いている人 - WRITER -

『webとITをもっと身近に。』
大分県日田市で『webとIT』の専門家として活動中!
ミラサポや保証協会に登録し、webコンサルタントとして企業の相談などを行っております(全国どこでも出張可能です!まずはお気軽にお問合せ下さい)
制作では、販売促進に効果的なランディングページの制作も行っております!

宮野大樹

この記事を書いている人 - WRITER -
「webとITをもっと身近に。」 大分県日田市で『ITとweb』の専門家として活動中! ミラサポや保証協会に登録し、webコンサルタントとして企業の相談などを行っております(全国どこでも出張可能です!まずはお気軽にお問合せ下さい) 制作では、販売促進に効果的なランディングページの制作も行っております!
詳しいプロフィールはこちら

こんばん!ゼロイチです。

今日は、スマホ(モバイル)向けのサイトを構築する際の3つのポイントを紹介します。

あなたもご存知かもしれませんが、最近では、情報の多くはスマホから見られています。

情報を発信する側は、スマホ向けのサイト構築を意識していないとダメです。

PC用のHTMLとCSSで作ったサイトを縮小したサイト。。

これは、情報が小さすぎてとてもスマホで見れるような表示ではありません。

情報を提供しているもしくは、商品販売を行っている方は、この3つのポイントを意識していけば全然大丈夫!

それではまいりましょう!

ゼロイチ

1.ユーザーの流れを意識する

ユーザー(サイトの訪問者)は何か目的をもってサイトを訪れます。

ユーザーが目的を達成しやすいように、流れを作っておきましょう。

理想的な流れは

  1. ユーザーが検索する
  2. サイトにアクセスする
  3. 目的を達成する

この一連の流れが簡単に行えるよう、サイト設計しましょう。

ユーザーが行うと思われる流れの概要をまとめて、簡単に行えるようにします。

 

2.サイト利用者の使いやすさを優先する

ショッピングサイトを利用する際、最も重要視する品質は、

使いやすさ

です。

サイトにアクセスして、目的を達成するまでのポイントは、

簡素化であり、ユーザーのアクションを少なくすることです。

ユーザーがどれだけスムーズに目的を達成できるかです。

時計の購入例では

  1. ユーザーが買いたい時計をサイト上で検索してクリックする
  2. 色々な時計を閲覧する
  3. 欲しい時計を購入する

このように目的達成までの流れを簡素化し使いやすくしましょう。

3.レスポンシブウェブデザインを使う

レスポンシブ ウェブ デザイン』とは、

  • パソコン
  • タブレット
  • スマホ

これらのどれを使ってサイトを閲覧していても、

それぞれの画面サイズに合わせて、表示を調整することを指します。

つまり、同じURL、コードを使っています。

サイト運営側としては、1つのサイトを作成すればよいということです。

パソコンでゼロイチ.comを閲覧していただいている方は、ブラウザの幅を狭めてみてください。

表示が変わるはずです。

これがレスポンシブウェブデザインです。

まとめ

今日は、『スマホ向けのサイト構築を考える!3つのポイント【2016年の決定版】』を紹介しました。

  1. ユーザーの流れを意識する
  2. サイト利用者の使いやすさを優先する
  3. レスポンシブウェブデザインを使う

以上に気を付けましょう。

Googleも認めているWordPress

WordPressは、レスポンシブウェブデザインに対応していますし、

ブログベースなので、初心者の方へ特におすすめです。

以前書いた記事もご覧ください。こちらは、スマホ対応かどうか簡単にわかるツールの紹介です。

無料でわかる!サイトがスマホ対応になっているか確認するための判定ツール!その名もモバイルフレンドリー

本日も最後までご覧いただきありがとうございます。

この情報があなたのお役に立てれば幸いです。

 

 
この記事を書いている人 - WRITER -
「webとITをもっと身近に。」 大分県日田市で『ITとweb』の専門家として活動中! ミラサポや保証協会に登録し、webコンサルタントとして企業の相談などを行っております(全国どこでも出張可能です!まずはお気軽にお問合せ下さい) 制作では、販売促進に効果的なランディングページの制作も行っております!
詳しいプロフィールはこちら

Daiju.techで使ってる
ワードプレステーマはこれだ!

Daiju.techでは、エレファント購入者様限定で、無料にて設定作業を行っております。

Zoomと呼ばれるオンラインビデオチャットを使いますので、全国どこでも対応できます!

まずは、お気軽にお問合せ下さい。

Copyright© Daiju.tech , 2016 All Rights Reserved.