スタッフコラム −WEBモバイル現場より−

サムネイル画像にも共通点がある?

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

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

などなど。

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

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


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

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

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


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


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


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




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

□あり : 22 %
  なし : 78 %

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

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


⇒モール別による大きな差はなく、全体で特に多かったのは、
 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
野崎

人材のご依頼・お問合せはこちら

このページの先頭へ