年寄りと子供の好む配色考:【無料素材倶楽部】WEBデザインブログ

無料素材倶楽部 > WEBデザインブログ> WEBデザイナー日記 > 年寄りと子供の好む配色考

年寄りと子供の好む配色考

WEBデザイナー日記

配色

この素材サイトの配色は実はうちの子が担当してます。
さすがお子様、鮮やかです。
カエルのロゴも、当初、変わった色の方が印象に残りやすいのでは？　と、オレンジとか黒に近いグレーに変えて見せたら
「ありえない！」
と一言で却下された上で、テーマカラーに赤をピックアップされました。
「何もワタシの苦手な赤を選ばずとも(T_T)」
カエルのロゴを桃まんに変えて、赤いバーをラーメン丼マークで飾ったら、
チャイナ―なサイトに速攻チェンジできそうです。

素材の色にしても、
「これどう？」
意見を伺いますと、グレーが混じった色についてはほとんど
「これ、もっと赤～～って感じの赤がいんじゃない？　これも、もっと青～～～っていう色で」
必ずといっていいほど、突っ込みを入れられます。
「子供って彩度の高いきれーーな色が好きなんだなあ」
とつくづく思います。

子供にワビサビとねずみ色は通じない。
キッズ向けサイトにきれいな色を使うというのは誰しも疑問を抱かないことでしょう。

で、今日の本題はここからです。
ワビサビが似合い、白黒つけずにグレーゾーンの大人の事情を心得る中高年層向けサイトの話になります。

中高年層は、お洋服に原色は「こっぱずかしい＋落ち着かない」ので、あまり着ません。
また年とるにつれて視力の低下問題がでてきます。

それで私は、中高年ターゲットは、彩度の高い派手色よりは「目に優しい色」を中心に、原色使ってもほんの少しと思っていたのです。

しかし、あるきっかけでそうではない！　と思うようになりました。

以前、担当していたサイトの話です。
ターゲット層が中高年サイトの事例です。
白地に青系を中心にしたページを想像してください。

ある日、そこのオーナーが
「Akiさん、これもっと明るい青にしてくれない？　ページが目立たないから」
「了解しました。では、どのくらい明るくしましょうか？　好みのところで『よし』と止めてください」
その場で画像ソフトを起動し、深みのある青からスライドバーを上に引っ張っていって『よし』がかかったところは、限りなく鮮やかな水色。
周囲の人の意見では「蛍光ペンの水色、ひぇぇぇ」でございました。

で、変更してどうなったと思います？

なんと１ユニークユーザーあたりの滞在時間と、ページビューが伸びたのですよ。
3倍5倍というような劇的な伸びではありませんが、伸びました。
当然、それにつれて成約件数もあがりました。
この間、検索エンジン順位も目立ったは変化なし、優良被リンクが増えた、というようなこともありません。
変更したのはそこだけ。

彼（＝オーナー：当時50代後半）がおっしゃるには、
「年を取ると目が弱くなるからね、薄い色はかえって見づらくて目が疲れる」

私は、長時間ディスプレイを見ていると目が疲れる、中高年層がスクロールしながら、テキストを読むならなおのこと疲れると思って、文字色も#000000　ではなくて、#666666を使用、文字サイズは0.9emにしていたのです。

しかし、くたくたになるほど長時間ホームページを見るのは、私のようにPCを使用して仕事をする人に限られます。
中高年ターゲットはPCは苦手な人が多く、けれど、ネットでお買い物は便利だし、必要に応じて比較購入しているわけです。
そこで、試みに、本文のフォントサイズを0.9emから１emに、文字色を#000000に変更しますと（行間は双方同じ1.6)、さらにページビューが伸び、滞在時間が伸び、成約件数があがりました。
代替CSSで好みに変更させてあげるようなつくりではなく、「文字サイズくっきり黒々、でかい」をデフォルトにしたわけです。

年々、目が弱くなる私自身を被検体にして時折意識的にチェックしますと、確かに年を重ねるにつれて、ぱっとページが開示した時に明るい色が目に飛び込んでくるほうが、ページめくりもたくさんしているように思いますし、文字色は限りなく黒で１em、行間たっぷりのほうがよく読んでいる傾向になってきています。
下手に気配りして目に優しい色使いにされるより、コントラストが高いほうが見やすいんですね。

中高年層は、衣服・住まいについては、落ち着いた色がいいですけど、サイトの配色は子供と同じでいいのかも、と。

サンプルの母数が少ないので一概に言えませんが、メタボ、アンチエイジング、健康等々、中高年層を主にターゲットとするサイトで、成約率が伸び悩んでいる場合、内容・レイアウトそのまま、サイトの色味を鮮やか＋文字でかいページを作成して、A/Bスプリットテストを行ってみるのも一案かと思います。

ちなみにこのサイトの文字が小さい理由は、ミニサイズの素材が多いからです。うちのお子さんの好みで赤を主体にしている上に、これ以上文字をでかくすると、素材屋なのに、素材が全然目立たない、情けないことになるじゃないですか。管理人が、自分のサイトを読む時は、ブラウザで文字サイズをでかくするのは、言うまでもありません（哀）

« Objectタグで読み込んだリンクが親ページで開けない件の解決法 | WEBデザイナー日記 | 50代、孫もち暴走族つかまる »