視線を意識しよう!

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

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

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

しかし、基本的なことを知っておくと良いと思いますので、
ここでは、ランキング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. 作成ソフト選びから完成まで最初から完璧を求めない考え方を!
    作成ソフト選びから完成まで、完璧を求めない考え方を!

ピックアップ記事

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

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

    ホームページ作成を検討している方の中には HTMLがよくわからない方がいると思います。そんな方が疑問…
  2. スマホに対応しているホームページ作成ソフトは?

    近年ではスマートフォンも普及していますし、 iPadなどのタブレット端末も、様々な種類がありますね。…
  3. ソフトを覚えるより早い

    ソフトの使い方よりホームページの作り方を覚えた方が早い!

    店舗などの商用から、ネットビジネス・個人の趣味まで ホームページが必要になる場面が多いですね。一般的…
  4. 簡単にホームページが作れるという評判は本当?(シリウス編)

    簡単にホームページが作れるという評判は本当?(シリウス編)

    ホームページ作成ソフトを決める段階の方でしたら すでに様々な情報を集めていると思います。様々なサイト…
  5. 簡単にホームページが作れるという評判は本当?(最短HPテンプレート編)

    簡単にホームページが作れるという評判は本当?(最短HPテンプレート編)

    ホームページ作成ソフトを決める段階の方でしたら 多くのサイトを見てソフトを比較しているハズ。レビュー…