UNDERBASE
□電脳ラボ分室
4ﾍﾟｰｼﾞ/21ﾍﾟｰｼﾞ
背景画像に注意！
今ではモバイルサイトでも背景画像があるのは当たり前です。
そして、やっぱり訪問者にあまり優しくない状況が多々あります。
確かに背景画像が有るのと無いとでは見映えが全然違います。
しかし、写真などの｢極彩色｣待受画像などを無加工でそのまま使った場合……
文字が背景画像に溶け込んで『文字が読みづらい！』又は『読めない！』状態になっている場合が多い様です。
文字の色を工夫するなり、文字部分に単色背景を付けるなりして欲しいです。
一番良いのは背景画像の加工。
黒系なら輝度を落とした加工、白系なら彩度を抑えた加工といったところでしょうか。
もし、画像の加工ができる環境が無いのなら無地でも良いです。
背景画像が目立ち過ぎると肝心の文字が読めません。
背景画像はあまり目立たないモノを使って欲しいですね。
又、データ量の大きいまま設定している場合……
ページ読込みに時間がかかり、ブラウザバックがスタンバイします(^^)
更にその上、バナーやら画像やらを多く貼付けていたら増々重たくなり……
ブラウザバックが確定します！
あくまでもモバイルサイトという事を忘れないで欲しいです。
……まぁこれはガラケーで見た場合ですが(^^)
又、背景画像に『GIFアニメ』で動くモノを使っている場合もあります。
背景の模様やドットが｢ピカピカ｣｢チラチラ｣……
これはかなり鬱陶しいです。
そして、データ量が多い場合は読み込みに時間がかかる。
……これもブラウザバックの確率高いですね。
余談ですが、背景画像が黒系なのにページの背景色が白の場合、フラッシュみたいな現象が起こって目がチカチカしてストレス感じます。
→そのページにアクセスした時、最初に白背景のページが表示されてから時間差で黒系の背景画像が表示されるために、一瞬白背景と思った瞬間にいきなり黒くなるのでビックリします。
その逆も同じ事です。
この場合、ページ背景色を背景画像と同じ色(又は同系色)にすれば問題ないのですが……
訪問者に優しいサイト作りをお願いしますよ。
INDEX