2009/01/26
【誰にでもできる！インターネット活用術】ホームページのデザイン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
『誰にでもできる！インターネット活用術』 2009/01/26 号
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ご愛読、ありがとうございます。
このメールマガジンは、インターネットを駆使してビジネスチャンスを少し
でも広めたいとお考えの方のために、情報を提供しています。
扱う情報のほとんどは、即効性は無いものの長期的な効果が期待できるもの
を中心に構成しています。
もし、理論抜きで目先のテクニックが知りたいという方は、期待する効果は
得られないと思いますので、他のメールマガジンをお勧めします。
思っていた内容と違う、つまらない、読む気力が無くなったという方、
購読解除はこちらからできます。
http://www.mag2.com/m/0000263426.html
著者プロフィール
http://www.shiga-it-office.com/mailmagazine/writer.html
事務所概要
http://www.shiga-it-office.com/profile.html
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■第31回 ホームページのデザイン
────────────────────────────────────
これまでも、ホームページの作り方に触れてきましたが、SEO的な話が中心
でした。
もちろん、SEOは大切です。
まずはホームページに来てもらわないと、購入には結びつかないからです。
しかし、せっかくホームページに来てもらっても、ページの作りが美しくな
いと購入意欲が沸いてこないものです。
例えば、良いものを安く売っている店があったとします。
それだけ聞くと、是非行ってみようと思うかもしれませんが、店に入ってみ
ると床は汚く、あちこちにゴキブリがいたりしたらどうでしょうか。
そういうお店には長居したくありませんし、今後も行きたいとは思いません
よね。
●おいしく見せる色使い
ホームページも店舗と同じようなものです。
さすがにゴキブリとはいかないまでも、購入意欲が無くなるようなページを
たまに見かけることがあります。
例えば、食料品を扱っているページの背景が紫だったらどうでしょうか。
なんだか毒々しくて嫌ですよね。
基本的には、食料品に青や紫などの寒色は合いません。
「青の洞窟」というパスタソースがありましたが、そういうコンセプトでも
無い限りはやめた方がいいでしょう。
一方、オレンジや赤などの暖色系にすると、不思議と料理が温かく見え、美
味しそうに見えてくる効果がありますので、特に暖かい料理に関するページ
にお勧めです。
寒色系は食品関連には向きませんが、堅いイメージがあるため、保険会社の
ような信用第一のページに最適です。
その間のグリーンは、やすらぎがありますので、医療やボランティアのよう
な自然や健康に関するページに使うと良いでしょう。
このように、業種によってページのイメージカラーは異なりますので、自分
のページはどんな色がいいのか考えてみましょう。
思いつかないときは、同業者のページを探して色の傾向を調べてみたり、町
を歩いて看板をいろいろ見て回ったりすればヒントが見つかります。
●ユーザーの視線
インターネットで商品やサービスを購入する人は、当然の事ながらインター
ネットを使いこなしている人が多いです。
長いこと使っているうちに、一般的なページの作りというのが自然に頭に入
っているもので、一般的なページを効率的に見ることができるようになって
います。
というのも、インターネット上には同じようなページが山ほどあるので、こ
のページに望むものがあるのか、拾い読みして見極めるということを無意識
でやっているからなんです。
その目の動きは、ＦまたはＺの動きをすることが多いようです。
最初にタイトルを見て、次に左メニュー、コンテンツの順番で見ている訳で
すから、その目の動きに合わせたページ構成が必要になります。
このような構成になっていないと、内容は問題が無くても心理的な違和感が
あり、ページから即離脱なんていうこともあるのです。
●目に優しい配慮
インターネットを長時間やっていると、当たり前ですが目が疲れてきます。
パソコンのモニタは結構な明るさですので、目に掛かる負担も大きいようで
すね。
そんな目の疲れた人が、背景と文字が同系色だったり、どぎつい色使いだっ
たり、コントラストの差が激しいページを見ると、さらに疲れることがあり
ます。
ホームページに来てくれる人の一部は疲れ目という前提で、優しい色使いを
心がけましょう。
意外に多いのが、背景が白(#FFFFFF)で文字が黒(#000000)というページです
が、白と黒はコントラストの差が大きいですから、予想以上に目が疲れるも
のなのです。
そこで、文字色を少し薄く(#333333)したり、背景色を灰色(#DDDDDD)くらい
にしてみると、不思議と読みやすくなります。
もちろん、この色で決まり！ということではありませんので、ページのイメ
ージカラーと合う形で調整してみてください。
------------------------------------------------------------------------
■編集後記
最後までお読みいただき、ありがとうございました。
この記事を書いていて思い出したのですが、私が始めて作ったページの背景
色が紫でした。（10年以上昔になりますが．．．）
なぜそのような色にしたのか、今となっては理解できないのですが、知人に
「あの色は無い！」と言われ、直した記憶があります。
ホームページの理想的なデザインなんて、ほとんど言われていない時代でし
たから、きちんとした感性の人が忠告してくれて良かったと思います。
デザインや構成は、個人の好みも大きく影響しますから、感性豊かな友人に
広く意見を求めてみるといいかもしれませんね。
ご感想・ご意見・ご要望などありましたら、気軽にご連絡ください♪
では、また次回お会いしましょう！
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
『誰にでもできる！インターネット活用術』 2009/01/26 号
本日のメールマガジンを読んだ感想をお聞かせください。
お寄せいただいた感想は、メールマガジン上で紹介させていただくことが
ありますので、ご了承ください。
配信中止はこちらから↓
http://www.mag2.com/m/0000263426.html
メールアドレスの変更はこちらから↓
http://www.mag2.com/m/0000263426.html
ご意見＆ご感想はこちらから↓
http://www.shiga-it-office.com/mailmagazine/ImpressionFrom.html
コンサルティングのご相談はこちらから↓
http://www.shiga-it-office.com/inquiry.html
発行元 志賀IT事務所
http://www.shiga-it-office.com/
関連メールマガジン 「誰にでもできる！システム開発」
http://www.mag2.com/m/0000263428.html
関連ブログ
☆コンサル日和
http://d.hatena.ne.jp/kei_onpu/
☆爆裂！Ｃ＃野郎
http://csharp.yaminabe.info/
☆10年戦える開発技術
http://10year.yaminabe.info/
☆情報処理技術者試験午前対策
http://am.yaminabe.info/
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
