|
編著者
|
エビスコム
|
|---|
|
出版社
|
株式会社 エムディエヌコーポレーション
|
|---|
|
出版日
|
2002年9月21日
|
|---|
|
判型
|
182 x 257 ／ 176ページ
|
|---|
|
価格
|
2,500円
|
|---|
|
ISBN
|
4-8443-5663-1
|
|---|
文字が読みづらいWebページ
メニューが使いづらいWebページ
表示に時間がかかるWebページ
検索エンジンで検出されないWebページ
ユーザーのことを考えていないWebページ
...etc.
こんなWebページに心当たりはありませんか？
Webページを作ったのに、アクセス数が伸びない、ユーザーからの反応が少ない、内輪でしか評価してもらえない、何か足りないような気がする…。そんな悩みの原因は、「ダメなWebデザイン」にあります。
自分の作ったWebページには問題がないと思っていても、気がつかないところで、ユーザーのアクセスをさまたげているかもしれません。
本書を片手に、制作したWebページを見直してみてください。きっと、「ダメなWebデザイン」のポイントと、実践的な解決方法を見つけてもらえると思います。
本書では、項目ごとにWebページの「ダメなポイント」をまとめ、問題点を改善するための、実践的なテクニックを紹介します。ダメなポイントと改善点は、それぞれ見開き単位でまとめています。
●本書におけるダメなWebデザインの基準
本書では、ユーザーのアクセスをさまたげてしまったり、ユーザーがWebページを快適に利用できなくなるようなデザインを、「ダメなWeb デザイン」とし、問題点をまとめています。
●サンプルページ
ダメなポイントごとに、具体的な症例を含んだサンプルと、問題点を改善したサンプルのWebページを取り上げます。サンプルページのデータは、MdNのWebサイトからダウンロードしてご利用ください。各サンプルの収録場所は、「DATA 収録場所」に記載してあります。
サンプルページのデータは、Internet Explorer 5以上で表示を確認しています。表示環境により、サンプルページの細かな表示は変わる場合があります。また、本文中のサンプルページの画面は、Windows 版のInternet Explorer 5.5で表示したものです。
●ダメなWebデザインと改善テクニックのレベル
ダメなWebデザインと改善テクニックの難易度を、「LEVEL」として5段階で示しています。Webページの制作や改善の目安として利用してください。
●Chapterの構成
各Chapterは、Webデザインの問題別に構成しています。
Chapter 1 ページ
1. ページタイトルがわかりづらく、検索エンジンで検出されにくい
2. Webページの表示に時間がかかり、コンテンツを見てもらえない
3. 印刷すると区切りの悪いところでページが変わり、コンテンツが見づらくなる
Chapter 2 テキスト
1. 文字化けが発生し、コンテンツをきちんと見てもらうことができない
2. 文字が小さく、読みづらいのに、文字サイズを大きくすることができない
3. 指定した文字サイズが原因で、受信環境により、文字がきれいに表示されない
4. 指定したフォントで表示されず、ページの印象が変わってしまう
5. 行と行の間隔がせますぎて、文章が読みづらい
6. 段落の間に余白がなく、文字だらけの印象になって読みづらい
7. 1行の文字数が多く、文章が読みづらい
8. 受信環境により改行位置が崩れ、読みづらい表示になってしまう
9. 横スクロールしなければコンテンツを見ることができない
10. 文章を中央で揃えていることで、見栄えが悪く、読みづらくなる
Chapter 3 リンク／メニュー
1. 他のページへのリンクがなく、アクセスしてきたユーザーを逃してしまう
2. JavaScriptを使ったBackボタンのために、他のコンテンツを見ることができない
3. どこがリンクかわかりづらく、コンテンツを見ることができない
4. リンクにカーソルを重ねるとレイアウトがずれる
5. メニューがアイコンで表示され、どのようなコンテンツがあるのかわからない
6. カーソルを重ねないと、メニューを見ることができない
7. プルダウンメニューが使いづらく、コンテンツを見てもらえない
Chapter 4 画像／色
1. 画像情報がないことで、受信環境によりアクセスできず、 画像検索で検出されない
2. 色や背景のために、文字が読みづらく、ページを見てもらえない
3. 色数を減らすことで画像の色が変わり、ページレイアウトの中で浮いてしまう
4. 画像の周りに余白がないことで、見た目にゆとりがなく、文章が読みづらい
5. 印刷すると画像がきれいに出力されず、見づらくなる
6. コンテンツを白黒で印刷すると、画像の内容がわかりづらくなる
Chapter 5 ウィンドウ／フレーム
1. リンクごとに新しいウィンドウが開き、ユーザーをいらいらさせてしまう
2. 受信環境により、コンテンツが見づらく、検索エンジンがカウントされない
3. サブウィンドウでメニューを開くと、コンテンツをみてもらえない
4. ページを突然フルスクリーンで表示し、ユーザーを困惑させてしまう
5. 受信環境によりフレーム内のレイアウトが崩れ、コンテンツが見づらく、見栄えが悪くなる
Chapter 6 特殊効果
1. メッセージを過剰に表示すると、利用しづらく、アクセスを妨げてしまう
2. 動きのある装飾により、コンテンツが見づらく、処理が重くなる
3. Flashのイントロムービーを見なければ、コンテンツにアクセスできない
© E BISUCOM TECH LAB. All rights reserved.
