期待外れのカルーセルバナー

カルーセルバナーは、日本では2010年頃、Webページ上で動くアイテムとして、爆発的に流行りました。当時は、Flashが使えなくなり、動きのあるアイテムを作るのがむずかしくなっていた時期でした。jQueryとそのプラグインを導入すれば、プログラムが書けなくても、すぐに動かせる! この朗報(?)に多くのWebデザイナーが飛びつき、あちこちのWebサイトでカルーセルバナーが動くようになりました。

一方、一足先に jQuery がブレークしたアメリカでは、カルーセルバナーの成果が検証されるようになっていました。しかし、その結果は期待を大いに裏切るものでした。クリック率はわずか1%。しかも2枚目以降は1枚目の1/5しかない。

衝撃的な調査結果からもう10年以上たちますが、jQuery のプラグインやその亜流はほとんど進歩せず、いまだに効果が疑問視されるまま、広告に流用されています。

そこで、デジタルエイドはカルーセルバナーの弱点を検証し、それを克服するものとして、サイト内スライドバナーを開発しました。

サイト内スライドバナーのコンセプト

カルーセルバナーでは、意味もなく画像がスライドしていました。画像がどんなに素晴らしくても、ユーザーにとって意味がなければ、注目してもらえません。

スライド１枚1枚に意味づけをし、全体としてメッセージを一つのストーリーとして伝える。それがサイト内スライドバナーのコンセプトです。

そのために、サイト内バナーでは１枚の画像が登場すると、その上にテロップ(言葉)を重ねて、画像に意味づけをします。そして画像とテロップをスライドアウトさせ、次の画像を出現させ、テロップで意味づけをし、ストーリーを展開させていきます。そうやってサイトからのメッセージをインパクトを持って伝えます。

サイト内スライドバナーの特長

画像とテロップがお互いに引き立てる

わざわざ画像とテロップを分離しなくても、初めから画像にテロップを書き込んでおけば同じゃないかと思われるかもしれません。しかし、それでは、よほど大きな文字でデザインしない限り、文字は画像の一部になってしまい、読まれなくなります。

サイト内スライドバナーでは、画像とテロップが出現するのに、時間差があり、さらにテロップの動きは逆方向になります。このため、動きが単調にならず、画像とテロップがお互いを引き立てます。

スライド枚数は自由

一般に、スライド枚数は４～５枚がよいとされています。だからといって、スライド枚数を４枚なり５枚なりに固定するのは、スライド内バナーを使いにくくしてしまいます。スライド枚数は、作り手が制作しながら、自由に設定できるようになっています。

三角ボタン色を7色から選択

サイト内スライドバナーは、スライドインしたり、スライドアウトしたりするのに、三角ボタンを使います。
この三角ボタンは、設置するWebページのカラートーンに合わせて、次の７色から選べます。

サイト内スライドバナーの設定項目

• スライドの縦横サイズ 必須
• 表示開始日 無期限なら設定不要
• 表示終了日 無期限なら設定不要
• ボタン色 7色から選択可
• リンク先アドレス
• タイトル 必須
• 待機秒数
• 再訪問時の動作
• 画像ファイル名
• テロップファイル名
• タイトル属性

画像ファイルとテロップとタイトル属性の3つで1セットで、スライドの枚数分必要となります。

サイト内スライドバナーの使いどころ

サイト内スライドバナー Q&A

Q1. なぜ、サイト内スライドバナーは、カルーセルのように、横長の枠に画像を並べてスライドさせないのですか?

A1. サイト内スライドバナーは画像１枚1枚に見せる順番があるからです。

Q2. サイト内スライドバナーで、特定のスライドで止めるにはどうすればいいのですか?

A2. 特定のスライドで止める機能はあえてつけていません。ストーリーにそって順番通りに見てほしいからです。

Q3. サイト内スライドバナーの視聴を中断するにはどすればいいのですか?

A3. [閉]とある三角ボタンをクリックしてください。バナーが閉じて、スライドが終わります。

Q4. カルーセルバナーでは画像の読み込みが遅いのが問題でした。サイト内スライドバナーはテロップがある分、さらに遅くなるのではありませんか?

A4. いいえ。画像の読み込みが遅くなるのは、画像の容量が大きすぎるからです。テロップ画像は色数が少ないため、画像の容量は小さくて済みます。また、カルーセルバナーでは、JavaScript 側でスライドの処理をするため、ブラウザに負荷がかかり、画像の読み込みが遅くなったり、動きが乱れたりします。サイト内スライドバナーでは、独自のアルゴリズムでこの問題をかいしょうしています。

Q5. スライド制作はどのようにすればいいのですか?

A5. まず、スライドに文字が重なった状態の最終形を作ります。それから画像部分とスライド部分を分離してください。縦横サイズを両者同じにします。

Q6. 画像はjpgとpngが混じってもいいのですか?

A6. はい、構いません。ただし、サイズは全部同じにしてください。

Q7. スライド制作を依頼する場合、画像とテロップはどう数えるのですか?

A7. 画像とテロップと合わせて１枚と数えます。

サイト内スライドバナー 料金

お客様の指示に基づきサイト内スライドバナーを設定・設置し、さらに「お申し込み」ページ等を制作し、見込み客獲得をお手伝いします。

サイト内スライドバナーに関するお問い合わせ