Webデザイナーのための
Web高機能化ツール
画像を魅力的に見せるテロップ付スライドショー
ホームページによくあるスライドショー(カルーセル)、見栄えがいいので、各スライドにリンクを張って、いろいろなページへ誘導しようとしようとすると、当てが外れます。ユーザーがクリックしてくれるのは、最初のスライドだけで、2枚目以降のスライドはほとんどクリックしてもらえません。そもそも2枚目以降のスライドはちゃんと見てもらえているのでしょうか?
ホームページでよく見かけるスライドショー、カルーセルといったりもします。見栄えがいいので、よくトップページの一番目立つ場所で、バタバタと動いていたりします。たしかに、ホームページオーナーには受けがいいようですが、ユーザーにとっては、それほどありがたいものではなさそうです。というものも、各スライドのクリック率は、2枚目以降は極端に減るというのが各種調査の一致した結果だからです。
なぜなのでしょう。
私見によれば、デザイナーは1枚1枚の画像の見栄えばかりにこだわり、その画像一つ一つが何であるか、全体として何を言いたいのか全く説明していないからと思われます。動きが単調なうえに「意味不明」。これが原因でしょう。どんなに素晴らしい写真でも、それに一言も説明がなければ、見る人の関心が深まらず、やがて気持ちがそがれてしまいます。
ことばの力
それなら、言葉を添えてみたら、どうでしょう。
城であれば「大阪城」とか、船であれば「大阪湾を周遊するクルーズ船」とか。そうやって短い言葉を添えれば、スライド全体の意図を伝えることができます。
ホームページのスライドショーにことばを添えるために、テロップを表示する機能を付けたのが、テロップ付スライドショーです。
なぜ、スライド画像の中に文字をデザインするのではなく、テロップなのか?
画像の中に文字をデザインしたのでは、文字が画像の中に同化し、デザインの一部になって、意味を伝える機能が弱まります。
スライドとテロップを分離し、それぞれ別々の動きをさせれば、見る人はそれぞれの動きを目で追うため、スライドもテロップもお互いを引き立て合い、次の展開へ視線を誘導します。
テロップ付スライドショーのサンプル
上記の画像はいずれもNASA のサイトからダウンロードしたものです。
きみは海王星を見たか
このスライドショーは太陽から始まって、太陽系の惑星が太陽から近い順に登場します。
あなたは「海王星」まで見てくれましたか?
もしそうだとしたら、このテロップ付スライドショーは成功です。
もし、海王星まで待てなかった人は、この先を読み必要はありません。
テロップ付スライドショーの特長
- スライドに独特のリズムを生む
- スライド枚数制限なし
- スマホにも対応
1. スライドに独特のリズムを生む
スライドとテロップの動きが違います。
スライドは前のスライドが左方向に移動して消えることによって、下にあったスライドに入れ替わりますが、テロップはスライドの上に左から右方向に文字が開くことで表示されます。そして4秒間ポーズをとった後、いっしょに左に消えます。途中で方向性の違う動きがあるため、スライドにリズム感が出ます。
2. スライド枚数制限なし
スライド枚数に制限はありません。またスライド形式はブラウザに表示できる形式であれば、どれでもOKで、混在しても構いません。ただし、画像の縦横サイズは統一しておかないと不格好になります。
3. スマホにも対応
テロップ付スライドショーは、スライドの横幅が、見る人のデバイスの横幅より大きくなる場合は、デバイスの横幅に合わせて表示するために、スライドの一部が切れるということがありません。
テロップ付スライドショーの入手方法
- ツールを購入します。税込料金 5,500 円。
- 有料会員専用ページで設定ファイルを生成します。
有料会員でない場合は、年会費 11,000 円を払い、有料会員になる必要があります。
PayPal または クレジットカード/デビットカード でご購入の方は、「テロップ付スライドショー+年会費」をお選びください。 - オプションとして、設定設置/カスタマイズ等の有料サポートを受けることができます。
ご希望の方は、下記フォームの「目的」欄で「お問い合わせ」をお選びください。