ホームページデザイン

こんにちは。
Web行政書士の市川です。

今日は、サイトをデザインするとき覚えておくべき10の基本事項
見つけたのでご紹介します。

元記事はこちら→http://coliss.com/articles/build-websites/operation/design/10-basic-graphic-design-rules-for-web-designers-by-webdesigndev.html

海外のサイトを邦訳した記事です。
「ウェブデザイナーのための基本的なデザインの10のルール」
という見出しですが、
ホームページを作ろうとする人全員の参考になる内容です。

これからサイトを作ろうと思うけど、
どんな風に作っていいかわからない方に特にお勧めです。

ホームページ制作の基本的なデザインの10のルール

要点は、次の10項目です。
詳しい解説は、元ページを参照してください。

      1:画像は高品質なものを使う
      2:時には大胆に!
      3:目的をもってデザインする
      4:シンプル・イズ・ベター
      5:フォント選びは賢く
      6:テキストより画像
      7:ページの重要な箇所を強調
      8:コンテンツの組織化
      9:空白スペースの活用
      10:文章は読みやすく

個人的な重要だと思うポイントを補足説明したいと思います。

3:目的をもってデザインする

そのページで訪問者に何をしてほしいのかを明確にしましょう。

  • 販売ページに進んでほしいのか?
  • メールアドレスを登録してほしいのか?
  • 電話してほしいのか?

してほしいことが複数あると、お客様の脳は混乱してしまいます。
混乱した脳は、Noを選択することは、数々の心理学的な実験で証明されています

訪問者が迷わないように、目的のゴールまで誘導してあげる・・・
このことを「導線」と呼びます。

サイトのデザインに導線を意識すると、
反応率は格段に上がりますよ。

6:テキストより画像

人間は、文章より画像に目がいきやすいものです。
文字ばかりのサイトより、
イラストや写真がふんだんに使われている方が滞在時間も延びます。

だからといって、
全く内容と関係ない画像が多くても内容理解の邪魔になるので、
バランスは大事ですが・・・。

訪問者がサイトを開いて、読み進めるかどうかを決めるのは、
ほんの一瞬です。
1秒もかかりません。

ですから、開いた瞬間に目に飛び込んでくる部分
(これをファーストビューと呼びます)
のデザインが最も重要になります。

ただ、画像は重要なのですが、これは人間に対してのことです。
検索エンジン、特にGoogleは画像よりテキスト(文字)を重視します

つまり、SEO的にはある程度ボリュームのある文章を入れた方が有利になるのです。
テキストが多ければ、ロングテールでのアクセスも見込めます。

※ロングテールとは、簡単に言うと細かい検索キーワードからのアクセスの流入です。

結論は、
テキストと画像のバランスを取りながらボリュームのあるコンテンツが有利、
と考えます。

10:文章は読みやすく

日本語として通じないのは論外として、
読んでいて、何を言っているのかわからない文章はNGです。

先ほども述べたように、混乱した脳は、Noを選択します。
つまり、サイトを閉じてしまうのです。

訪問者のわかりやすい文章を心がけましょう。
目安は、小学生にもわかる文章です。

それと、専門職の方に多いのですが、専門用語はなるべく使わない方が無難です。
専門用語を使うとプロっぽく見えるのですが、
一般の方は、その内容を理解できません。

理解できないことに、お金を払おうとは、まず思いませんよね?

一般の方に理解できるように
簡単な用語や例えばなし、事例等を交えながら説明した方がいいです。
(専門職の方がターゲットの場合は別です)

さらに、書き方にもコツがあります。
例えば、この段落をこう書いていたらどう思いますか?

———————-

日本語として通じないのは論外として、読んでいて、何を言っているのかわからない文章はNGです。
先ほども述べたように、混乱した脳は、Noを選択します。つまり、サイトを閉じてしまうのです。
訪問者のわかりやすい文章を心がけましょう。目安は、小学生にもわかる文章です。
それと、専門職の方に多いのですが、専門用語はなるべく使わない方が無難です。
専門用語を使うとプロっぽく見えるのですが、一般の方は、その内容を理解できません。
理解できないことに、お金を払おうとは、まず思いませんよね?
一般の方に理解できるように簡単な用語や例えばなし、事例等を交えながら説明した方がいいです。

———————–

書いてある内容は全く一緒ですが、
非常に読みにくいですよね。

ファーストビューにこのような文章があったら、
即×ボタンを押したくなりませんか?

文章は長くせず、短めに。
適度に改行を取り入れて、見やすくなるように記載しましょう。

後書き
さて、今日の記事は小学生にもわかるかなぁ?