視線を意識しよう!

ホームページのデザインは見る人の視線を意識しよう!

デザインはどうしよう?
ホームページ作りで、最初に悩むことはデザインではないでしょうか?

正直、デザインは正解・不正解はないと思いますし、
あなたの好みもあるでしょうから「絶対にこれ!」というものはありません。

しかし、基本的なことを知っておくと良いと思いますので、
ここでは、ランキング1位の最短ホームページテンプレートで説明しようと思います。

最初に下記のテンプレートの全体像を見て下さい。
head1

このテンプレートは、とてもシンプルな作りなのですが、
ユーザー(閲覧する方)のことを考えて、構成されているテンプレートです。

➡ 最上部のヘッダーは、ホームページタイトルが入るのですが、
  ロゴや画像を入れて、どのようなホームページか? 一瞬で分かるようにする役目。
➡ コンテンツバーは(緑色のコンテンツ)は、
  ユーザー(閲覧者)が他のページへの移動しやすいよう配置されています。
➡ サイドバーは上記のコンテンツバーと同じで、
  他のページに移動しやすいように配置されていますね。
➡ 中心のコンテンツ部分は、そのホームページの重要なこと書く要の部分すね。
➡ フッターは、著作権のCopyrightを記載する部分ですね。


ホームページのレイアウトに悩むようでしでたら、
まずは閲覧する方にとって、見やすいものを作ることを優先して欲しいので、
多くの人が、どのようにホームページを見ていくか? を、知っておきましょう。

多くの方は、無意識にアルファベットの「Z」又は「F」の形で視線を動かす。と言われています。

Zは、このようなイメージです。
Zのイメージ

 

Fは、このようなイメージです。
Fのイメージ


視線移動の「F」「Z」の法則というのがあるように、
上記の図のように視線を動かす方が多いのですね。(100%ではないですが)

特に凝り性の方ですと、デザインにこだわり過ぎて、
かなり複雑で、使い難いホームページを作る傾向があります。

「ページ移動がし難い」「ボタンの場所を探しちゃう」ようなものを1度は見たことがあるのでは?
あまりに複雑だと・・・・そのサイトは閉じちゃいますよね?

ですので、もしもホームページのデザインに悩んだら、
まずは閲覧者が分かり易いデザインを選んで欲しいと思います。

なお当サイトで紹介しています、

 💡 ランキング1位の自分で更新できる最短ホームページテンプレート
 💡 ランキング2位のSIRIUS(シリウス)

この2つは、非常にシンプルなデザインになっていますので、
上記の視線移動の「F」や「Z」の法則でで言えば、最高の形と言えます。
※3位のWordPress(ワードプレス)はテーマが無限にあるので、あなたの好み次第です。

あと、左サイドバー・右サイドバー・2カラム・3カラムで悩む場合もありますが、
サイドバーの左右は好みで、クリック率や滞在時間は、あまり変わりません。

2カラムと3カラムに関しましては、好みというよりも情報の多さで決めたら良いと思います。

➡ 2カラムは比較的、情報が多くはないサイト
➡ 3カラムは、情報が多くてコンテンツが多いサイト。

いずれにしても、見てくれる方のことを考えたホームページを目指しましょう!

 

 


関連記事


初心者さんおすすめ! 徹底比較 簡単ホームページ作成ソフトランキング


おすすめ記事


ボタンマルシェ - ButtonMarche

購入者様への特典

人気の記事

  1. わからないことを解決する検索力を鍛えよう
    わからないことを解決する検索力を鍛えよう
  2. 実際に体験したシリウスでのトラブル
  3. 無料ホームページ作成ソフトのメリット・デメリット
    無料のホームページの作成ソフトメリット・デメリット
  4. ホームページを作れるメリット
    ホームページが作れるというスキルの素晴らしさとメリット
  5. 知らないって怖い!ホームページ制作やSEO対策業者の甘い罠
    知らないって怖い!ホームページ制作やSEO対策業者の甘い罠

ピックアップ記事

  1. htmlがわからなくてもホームページは作れるのか?

    htmlがわからなくてもホームページは作れるのか?

    ホームページ作成を検討している方の中には HTMLがよくわからない方がいると思います。そんな方が疑問…
  2. 最短HPテンプレートの購入を決めた時の最終チェック

    最短HPテンプレートの購入を決めた時の最終チェック

    当サイトを見ている方の中には どのホームページ作成ソフトにするか90%ぐらい決めた方もいると思います…
  3. 独自ドメインで信頼を!

    独自ドメインと有料レンタルサーバーを使う大切さ

    初めてホームページを作り公開する場合には ドメインを取得し、レンタルサーバーを借りる必要があります。…
  4. 作成ソフトの選びに迷っていたら確認する【3】のポイント

    作成ソフト選びに迷っていたら確認する【3つ】のポイント

    結局「ホームページ作成ソフトってどれを選べば良いの?」 情報が多いので、悩むでしょうし迷いますよね?…
  5. 人のレビューや口コミが正しいとは限らないという問題

    人のレビューや口コミが正しいとは限らないという問題

    これからホームページを作成しようとしている方は、 少なからず検索エンジンで、口コミや評判を見て検討し…
フォトマルシェ - PhotoMarche