スライダー（スライドショー・カルーセル）は本当に必要？その役割と必要性について。

2019年07月04日
2020年05月16日

こんにちは。デジタル事業部の冨江です。

デジタル事業部ではウェブサイトの制作を行なっています。
今回は、ウェブサイトにおけるスライダー（スライドショーとかカルーセルとも言います）の役割や必要性について考えてみたいと思います。

スライダーとは

スライダーとは、複数枚の画像を次々と切り替えて表示する機能のことで、ウェブサイトではトップページで見掛けることが多いのではないでしょうか。
クロスフェードで切り替わるもの、上下や左右にスライドして切り替わるもの、回転など複雑な動きをするものと、表現の仕方は様々です。

スライダーを導入した例（ユニクロ https://www.uniqlo.com/jp/）

スライダーを導入するメリット

ウェブサイトにスライダーを使用することで、

ファーストビュー（サイトを開いて画面に表示される領域）に多くの情報を盛り込める。
動きが出ることで閲覧者の目を引くことができる。
オシャレで素敵なサイトに見える。

こんなメリットが生まれます。

スライダーを導入した例（トヨタ https://toyota.jp/index.html）

デメリットも理解する必要がある

スライダーを使用することで生まれるのはメリットばかりではありません。

皆さん、ウェブサイトのトップページって何秒くらい見ますか？
目的を持ってアクセスしたサイトならじっくり時間を掛けて見るのでしょうが、「検索に引っ掛かったからとりあえず開いてみた」サイトだったら、さらっと目を通す程度しか見ないなんてことも多いんじゃないでしょうか。
そんなときの 1ページの滞在時間は数秒か、もっと短いかもしれません。

実はあまりクリックされていない

こんな検証結果があるのでご覧下さい。

スライダーの画像	クリック率（%）
1枚目	89.1%
2枚目	3.1%
3枚目	2.4%
4枚目	2.8%
5枚目	2.6%

これは、あるサイトが行なった「スライダーのクリック率」を検証結果をまとめたものです。
2枚目以降、ほとんどクリックされていないことがわかりますね。
1枚目と比較するとその差は歴然です。

情報が伝わっていないかもしれない

もう少しじっくりと見たいのに画像が替わっちゃってイラッ！なんて経験ありませんか？
わたしはあります…。

閲覧者の都合を無視して切り替わるスライダーは、情報が伝わりきらないデメリットもあると言うことも考慮しなければなりません。

素敵サイトのスライダー導入率は？

素敵なサイトを集めたまとめサイトに掲載されていた新着30サイトのトップページを確認してみたところ、こんな結果になりました。

静止画（写真・イラスト）^※	21サイト
スライダーを使ったウェブサイト	6サイト
背景に動画を使ったウェブサイト	3サイト

静止画のサイトが圧倒的に多かった！
ひと昔前に比べると、スライダーを使用したウェブサイトは随分減ったように感じます。
※一部アニメーション画像を使用したサイトも含む。