| |
（01） |
ページは50KB以内で作成する。 |
| |
ページにアクセスしてから、読み込みが完了するまでに10秒以上経過すると、ほとんどのユーザーはそのページを閉じてしまいます。まだ多くのモデムユーザーがいることを考慮し、できる限り軽いページを作ることが重要です。
|
| （02） |
ページの幅は780ピクセル以下で作成する。 |
| |
仮にページを幅900ピクセルで作成した場合、ディスプレイの解像度を800×600ピクセルに設定している多くのユーザーを排除することになります。そのためページ幅を780ピクセル以下で作成するか、ウインドウサイズによって変動する可変型のサイズ設定がお勧めです。
|
| （03） |
1行の文字数は全角30〜40文字にする。 |
| |
人間が文字を読むのに最適とされる文字数は、1行に35文字前後です。そのため説明文などを掲載する際には、文字数が長くなり過ぎないよう注意する必要があります。
|
| （04） |
リンク以外には下線を引かない。 |
| |
ユーザーは下線付きのテキストをリンクと判断する傾向が強いため、リンク以外のテキストには下線を引かないようにします。
|
| （05） |
感嘆符を控える。 |
| |
内容を強調させるために感嘆符を使用する際には、文章中に1回〜2回程度に控えるようにします。頻繁に使用すると、ユーザーに嫌がられる可能性があります。
|
| （06） |
機種依存文字を使用しない。 |
| |
OSやブラウザによっては不具合が生じる恐れがある為、機種依存文字は使用しないようにします。
|
| （07） |
半角カタカナを使用しない。 |
| |
OSやブラウザによっては不具合が生じる恐れがある為、半角カタカナは使用しないようにします。
|
| （08） |
ページの背景色は白にする。 |
| |
特定のユーザーに限定しないサイトの場合、文字が見やすく飽きのこない色として、ページ背景色は白を推奨します。
|
| （09） |
リンクの色は青にする。 |
| |
リンクを設置する際にはテキストリンクを使用し、リンクの色は青を推奨します。また黒や灰色のリンク色を使用すると、クリック率が低下するため注意が必要です。
|
| （10） |
リンクの下線は消さない。 |
| |
テキストリンクの場合、スタイルシートなどの利用によって下線を消すことが出来ますが、ユーザーは下線付きのテキストをリンクと判断する傾向が強いため、下線に特別な処理はしないようにします。
|
| （11） |
リンクは新規ウインドウで開かない。 |
| |
リンクを新規ウインドウで表示した場合、ブラウザの戻るボタンが使えないなど、ユーザーにとって大変使いにくいページになってしまいます。そのため外部サイトへリンクする場合を除いて、通常のリンク設定を行うようにします。
|
| （12） |
画像はサイズを指定する。 |
| |
画像にサイズを指定すると、ブラウザがページを読み込む際に、画像エリアを確保した上で先にテキストを表示するため、サイズ指定をしない場合に比べてページの表示が早くなります。
|
| （13） |
ロゴの設置場所は左上にする。 |
| |
ページが読み込まれると、ユーザーは左上から順番に目を通すため、会社ロゴなどの重要な画像はページの左上に設置すると効果的です。
|
| （14） |
ロゴにはトップページへのリンクを設置する。 |
| |
会社ロゴなどの画像には、トップページへのリンクを設置するようにします。これはユーザーを適切に誘導させるだけでなく、検索エンジン上位表示にも効果的です。
|
| （15） |
各ページにはトップページへのリンクを設置する。 |
| |
全てのページで、トップページへ戻る為のリンクを設置するようにします。これはユーザーを適切に誘導させるだけでなく、検索エンジン上位表示にも効果的です。
|
| （16） |
ページ上部に重い画像は置かない。 |
| |
ブラウザはページを上から順番に読み込むため、重い画像などを上部より下部へ移動することで、表示を早めることができます。
|
| （17） |
不要タブを消去する。 |
| |
ホームページ作成ソフトでページを作成すると、ソースコードに不要なタブが生成される場合があります。これにより表示が遅くなるため、ページ完成後には不要タブを消去するようにします。
|
| （18） |
アニメーション、サウンドは使用しない。 |
| |
アニメーションなどの表示は、ページが遅くなるだけでなく、ユーザーを不快にする可能性が高いため、使用を控えるようにします。
|