デザイン+αコラム
サムネイル画像にも共通点がある?
2008/10/16

先日、楽天市場、Yahoo!ショッピング、ビッダーズに出店中の
ショップを対象とした独自項目のリサーチを実施しました。


・バナーに外枠はある?ない?
・サイトカラーで多い色は?
・導入している決済方法は?


などなど。


調査したのは、各モールの受賞サイトやランキング上位サイトなど、
売れているショップ、評価されているショップの、合計200ショップです。


調査結果データはこちら
プレスリリース


その際、調査しかけて断念したのが、
トップページに使用しているサムネイル画像サイズ。


ファーストビューにあるサムネイル、
ランキングや新着にあるサムネイル、
ページ下部おすすめや、カテゴリで使用しているサムネイル・・・

複数のおすすめコーナーがあり、それぞれ違う大きさだったり
ショップによりサムネイル画像の使用方法がバラバラで、断念いたしました。


サムネイル画像のサイズは、どのように決めていらっしゃいますか?
なんとなく、ページの幅に合わせて・・という場合が多いかとは思いますが、
人気ショップは、ほんとに細かなところまで
全て計算してサイトを作り上げていますもの。


細かく絞ってみると、共通点があるかもしれない?


調査したデータを違う視点でまとめ直してみました。
何か、サイト制作の参考になりましたら幸いです!


▼トップページファーストビューに使用しているサムネイル画像
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
*「ファーストビュー内にあるおすすめ商品サムネイル画像」に絞って
 調査しました。

□あり:22%
 なし:78%

□画像の大きさ(横幅)
 ・50px未満      : 0 %
 ・50~70px未満   :16 %
 ・70~100px未満  :21 %
 ・100~130px未満 :50 %
 ・130px以上     :13 %

□画像の形
 ・正方形 : 45 %
 ・長方形 : 55 %


⇒ファーストビュー内でサムネイル画像を使用しているショップは
 意外に少なく、全体の2割でした。

 サイズはモール別による大きな差はなく、特に多かったのは、
 100px × 100px(24%)と120px × 120px(18%)でした。


▼ランキングに使用しているサムネイル画像
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄

□あり : 90 %
 なし : 10 %

□画像の大きさ(横幅)
 ・50px未満       : 8 %
 ・50~70px未満   :22 %
 ・70~100px未満  :35 %
 ・100~130px未満 :12 %
 ・130px以上      : 5 %

□画像の形
 ・正方形 : 62 %
 ・長方形 : 38 %


⇒9割のショップで、ランキングにサムネイル画像を
 使用していました。

 大きさは、3モール共に、70~100px未満が多数を占めていましたが、
 特にYahoo!ショッピングは、76px × 76pxが50%を占めていました。

 また、サムネイル画像に見えて、実は、
 ランキングの順位数字や画像横の商品名テキストなども含めて
 一枚の画像にしているサイトが、15%ありました。




今回、モール出店ショップに絞って調査しましたが、
独自ドメインショップがどうなっているのかも興味深いです。

サイトの横幅なども、時代とともに変わってきていますので、
調べてみると面白そうですね。

次回、調査する機会がありましたら、
その辺りも調べてみたいと思います!


調査結果データはこちら
プレスリリース


2008/10/16 野崎