2010.03.15
空白のスペースはNGの元!?縦に長すぎるサイトは要注意!
今回は着物の通販サイトがNGとなった事例をご紹介します。
このサイトは、ページが左メニュー、真ん中、右メニューと3分割されており、そのうちの右メニューに「新着商品」をたくさん表示されていたため、右メニューだけが2倍ほど縦に伸びてしまっていました。

そのため、ページ全体を確認しようとすると、何度もスクロールしなければならず、右メニュー以外の部分には空白のスペースが広く空いてしまっていました。
Yahoo!さんからは、下記のようなご連絡を頂きました。
商品をたくさん載せたいのはやまやまですが、それが原因でページが縦に伸びてしまうと、デザインが崩れたり、サイトが見にくくなってしまいます。
1ページに載せる商品はデザインが崩れていないか、ページが長くなり過ぎていないか、を注意しながら掲載する量を調整しましょう!
このサイトは、ページが左メニュー、真ん中、右メニューと3分割されており、そのうちの右メニューに「新着商品」をたくさん表示されていたため、右メニューだけが2倍ほど縦に伸びてしまっていました。

そのため、ページ全体を確認しようとすると、何度もスクロールしなければならず、右メニュー以外の部分には空白のスペースが広く空いてしまっていました。
Yahoo!さんからは、下記のようなご連絡を頂きました。
お客様のサイトのトップページですが、縦に長く、右側の「新着商品」以外 の箇所が空白となっている部分が多く見受けられるなど、サイトが閲覧しに くくなっております。縦に長すぎて何回もスクロールしないとページ全体が見れないサイトだけでなく、今回のようにページの右側だけが長く、他の箇所に空白が多い場合もNGの対象になってしまうようです。
つきましては、サイトの構成、ナビゲーションをご改善くださいますよう、お願いいたします。
商品をたくさん載せたいのはやまやまですが、それが原因でページが縦に伸びてしまうと、デザインが崩れたり、サイトが見にくくなってしまいます。
1ページに載せる商品はデザインが崩れていないか、ページが長くなり過ぎていないか、を注意しながら掲載する量を調整しましょう!
Yahoo!のこの審査基準に引っかかった!
サイトのデザイン、ナビゲーションがわかりやすい
http://business.yahoo.co.jp/bizx/point/checklist/#usability02
サイトのデザイン、ナビゲーションがわかりにくいと判断される例
・背景の色や柄で文字が読みづらい。
・背景色と同じ文字色で隠したテキストやコンテンツがある。
・文字同士や画像同士が重なっていて見にくい。
・サイト上の文字や画像がすべて動いていて、サイト内容が見にくい。
・文字サイズが小さく設定されていて、つぶれて読めない部分がある。
・外国語のフォントを使用していて、文字化けするなど、正しく表示されない。
・縦に長いページで、どこになにが記載されているかわかりにくい。
- 【次のエントリー】
ご存知ですか?正しい地図の転載方法 - 【前のエントリー】
薬事法の適用されない食品でも効能効果表現がNG!?





