| ■ 注意点について ■ |
| ・はじめに |
|
皆様も色々なHPをみていて思ったころはありませんか？
・やたら開くのが遅い
・アイコンが多すぎてコンテンツが見つけにくい
・いきなり音楽が鳴ってびっくりした
・壁紙が派手で目がチカチカする
このような印象をもたれるとお気に入りに追加してまた来るということはなくなってしまうでしょう。
とにかく自分が嫌だと思うことはしないというのが鉄則です。
逆にいいな〜って思うところはどんどん取り入れましょう！
そのまんまコピーってのはだめですけどね。
作成者の自己満足だけのHPにならないよう常に訪問者の視点で考えるようにしましょう！
ちなみに私はできたページはすべて知り合い10人くらいにチェックしてもらって駄目出しをいっぱいしてもらいます。
普通の訪問者は決してデザインについて意見してくれることはないので、人の意見を聞くすごくいいチャンスです。
是非周りの人にチェックしてもらうようにしましょう！
それでは具体的にどうしたらよいかを私なりに考えてみましたので参考にしてください。
また、このHPでここをもっとこうしたらというのがあったら是非教えてくださいね。
|
| ・まずは背景 |
|
初心者が特に凝って色々試したくなるのが背景及び壁紙。
多分色々と画像を使ったりしてみるだろうけど、実際見やすいのはシンプルなものです。
画像などが繰り返し入っている背景だと、文字が見えにくいなど百害あって一利なしです。
しかし、シンプルだからといっても黒の背景は絶対にやめましょう！
一時期侍魂を真似て黒背景に白文字というのが流行りましたが、現在はアダルトサイトやアンダーグラウンド系のサイトばかりです。
私たちのようなアフィリエイトでお金を稼ごう、というサイトでは黒ばかりでなく暗いイメージの色はやめましょう！
私たちが紹介する情報は決して怪しいものではないので怪しいイメージを与えない明るい色を使うようにしましょう。
人とは違う個性を出そうと思うでしょうが、それは背景や音楽などではなく、あくまでもHPの内容で勝負しましょう！
訪問者は見た目が綺麗なHPを探しているのではなく、情報を求めているのです。
|
| ・画像やアニメーションについて |
|
文字ばかりでは見栄えとしてはぱっとしないのでやはり画像は使うことになるでしょう。
もちろんのせてもいいとおもいます、ただし条件があります。
できる限り容量を減らすことです。
TOPページの上の部分に大きいタイトル画像を貼りたくなるとおもいます。
またほとんどのサイトはタイトルに画像を使ってると思います。
しかし、経験をつんでいる管理人は必ずTOPページを軽くするためにタイトル画像も小さく軽くする処理をしています。
軽くってどれくらい？って思うでしょう。目安は100,000byte以下です。といいながらこのサイトのTOPページは150kくらいになってしまった･･･。(w＿−;
ウゥ
私達は収入を得るために広告バナーを張りますがこれが意外に重いんです。
これは仕方ないですが、できるだけ１つのページにたくさん張るのではなく、ページを分けて分散させるようにしましょう。
最初は１つのページでOKでもだんだんとコンテンツやバナーが増えてきたら後から複数のページに分けるようにしましょう。
画像についてこれだけ言っているわけですから、アニメーションは本当に必要かどうかを良く考えてから使うようにしましょう！
実際アニメーションが必要ということはあまり無いと思います。
特に素人の作るGIFアニメはあまり上手くいきません。
動くアニメーションをいっぱい使うとHP全体がチカチカすると共に子供っぽくなります。
簡単に出来るからといって多用するのは禁物です。
↓ホームページが表示されるまで時間を計れるので試してみましょう！
|
| ・音楽を勝手に鳴らさない |
|
ズバリ使うべきではないでしょう。
サイトを開いた途端に音楽が流れると訪問者は驚きます。
自宅ならまだしも仕事中にサボって見てる人にとってはたまりません(←仕事をちゃんとしましょう、笑）
音楽を聴くために来てくれた訳ではないのでやめたほうがいいです。
もちろん音楽を流せばそれだけ画面の表示も遅くなります。
|
| ・文字の点滅やスクロールについて |
|
人間は動くものに注目したりしますが、HPの場合はどうでしょうか？
よく文章が右から左に流れているのを見かけますが、皆さんそれを目で追って読んでいますか？
意外に読みにくいと思います。
流れるニュースなど1行入れる分には構わないと思いますが、GIFアニメやスクロールがいくつもあると確実に視界がちらついてHP全体が見にくくなります。
また、この画面の下にある枠（ステータスバー）に文字をスクロールさせるのもやめたほうがよいと思います。
カーソルを合わせたときにリンク先がわからなくなり、不便に感じるユーザーも多いということと、リンク先を意図的に隠しているととられる場合もあります。
ということで、注目させたいものを絞って動かしたり点滅させたりしましょう！
|
| ・カーソルの形状について |
|
最近カーソルの形を独自のものに変えているサイトを多く見かけますが、これもやめたほうが無難です。
カーソルを変えたい人はみんな自分の使いやすいものに変えているので、それをHP作成者が勝手にこのサイトではこれを使えというのは問題です。
星やハートがついてくるものなんかもありますが、タダですら広告バナーなどで雑然としがちなアフィリエイトサイトが余計見にくくなるのでお勧めはしません。
|
| ・文字のサイズ |
|
デザインが先行してしまうと、どうしても改行等が気になり文字の大きさを固定したくなります。
固定すること自体に問題は無いのですが、やたらと小さい文字にするのはやめましょう！
自分の画面では読める大きさでも画面の領域やサイズによっては読めないほど小さくなってしまいます。
なるべく文字のサイズは固定せずに、訪問者が見たい大きさで自由に見られるようにしましょう。
そしてアップする前に色々と文字のサイズを変えてみて、思わぬ問題が起きていないかチェックしましょう。
|
| ・文字の間と行間について |
|
文字と文字の間及び行間が狭いと文字がぎっしりと詰まって見え、訪問者が読む気を無くしてしまうのである程度文字間・行間を空けるようにしましょう。
これはスタイルシートを使用することによって設定できるので是非使い方を覚えてトライしてみましょう！
ただスタイルシートを勉強し始めるとかなり大変なので初心者の方はあとでゆっくり勉強しましょう。
ちなみに私の使っているホームページビルダーだと簡単に設定できます。
|
| ・横方向のスクロールバーは絶対に出さない |
|
画面の領域を800ピクセルで使っている人が意外にいるので横幅は800ピクセル以内でおさまるようにしましょう。
これを超えると横スクロールバーがでてくるので途端に見にくいサイトになってしまいます。
絶対に横方向のスクロールバーは出さないようにしましょう！
多少左右に余裕も欲しいので700ピクセルくらいが無難でしょう。
|
| ・ホームページビルダーの「どこでも配置モード」 |
|
ホームページビルダーにある「どこでも配置モード」は一見便利に見えて実は絶対に使ってはいけないものです。
自分が見ている画面上では綺麗に配置できているように見えても、文字のサイズを変えると文字や画像が重なりまともに見ることができなくなります。
ということで「どこでも配置モード｣は絶対に使わないようにしましょう！
|
| ・まとめ |
|
色々と注意事項を書いてきましたが、参考になったでしょうか？
基本的には自分が作ったHPを客観的に見て、見やすいか見にくいかが重要だと思います。
訪問者の立場にたって考えるようにすれば大きな間違いはしないと思います。
情報を見やすくする努力とページを軽くする努力をしていけば自然に良いHPになっていくと思います。
そしてあくまでも大切なのはコンテンツなのでこちらを一生懸命充実させていけばアクセスも増えるし、売り上げも上がっていくことだと思います。
特に売り上げを上げたいからといって広告バナーをトップページにいっぱい貼るのは厳禁ですよ！
重くなるし印象も悪くなります。
良いホームページは訪問者を協力者に変える力があります。
訪問者がためになったと思えばきっとあなたにも協力してくれることでしょう。
|
