スライダー、または私がそれらを呼び出すのが好きなように、対話可能なゴーストタウンは、ウェブサイト、特にWordPressで構築されたものでは一般的です。 しかし、彼らはとても近代的で共通している場合、彼らは右の良いことでなければなりませんか？
まあ、ポイントに到達するために、スライダーはたわごとであり、あなたはそれらを使用するべきではありませんし、複数の理由のために。
しかし、まず、なぜ人々はそれらを使用していますか？ 彼らは何のために良いですか？
スライダーがウェブデザインに優れている理由
私は、人々がスライダーを使用したいと思う理由をカプセル化する2つの理由を思い付いた:
人々が彼らのウェブサイト上でスライダーやカルーセルを使用したいと思う最初のカプセル化の理由は、彼らがユーザーエクスペリエンスの欠陥を知らないか、彼らはUXよりもUIが重要であるという信念に従っているように見えるか、言い換えれば、経験の浅い人々は、彼らがきれいに見えるので、彼らのウェブサイトにスライダーを置く、それは正しく行われている場合は十分に確かにすることができます。
私は人々がスライダーを使用すると思うもう一つの理由は、人々がスクロールが怖いと感じるので、彼らはより少ないスペースを取るためにスライダーに自分
もちろん、スライダーは基本的にスクロールを操作するので、これはあなたが減らそうとしているものです。
この2つの理由は、誰もがスライダーを使いたいと思う理由のほとんどをカプセル化していると思います。
例えば、スライダーを使用するための誰かの理由（beaconfire-redによると。com/）は、”重要なコンテンツや発表を促進する”ことができます–それはちょうどスペースを節約しようとしています。
または”魅力的な、ミッション関連のビジュアルを披露”と”サイトの個性や美的を確立”-それはあなたのウェブサイトをきれいにしようとしています。
スライダーがウェブデザインに悪い理由
まず、スライダーが良くない理由についての理論について話し、その後、彼らが悪いウェブデザインのために作ることを証明するスライダーの背後にある統計を探りましょう。
彼らと同じくらいきれいな、スライダーは、彼らがウェブサイトを助けるよりも痛い、そしてなぜあなたを伝えるために私の絶対的な喜びであろう。 分かるかどうかはわからないが、スライダーは嫌いだ。
スライダーが悪い最初の理由は、あなたがスクロールしたり、あなたのスライダーと対話するために誰かに数えることができないということです。
あなたは覚えておく必要があります、人々がウェブサイト上にいるとき、その時間は貴重です。 訪問者は高い率でウェブサイトを離れて跳ねる、通常それのすべてを読むかわりにテキストにすくい取るし、最初の10秒はとどまるかどうかに重大である。
そして、あなたがあなたのコンテンツをスライダーに入れるとき–それはエントリへの障壁です。 それはあなたのウェブサイトの内容で得るためにユーザーのためにそれをより困難そしてより時間のかかる作るあなたである。
次の理由は、スライダーがサタンのスポーンであるということです。
バナーブラインドでは、人々はウェブサイト上の広告や大きなバナーを見ることに慣れているので、ユーザーは無視してスクロールします。 あなたのスライダーは、バナーのように大まかに見えるのであれば、人々は無意識のうちに右の過去をスクロールしている良いチャ
次に、スライダーは、多くの場合、ユーザーから制御を離れて取ります。 人々は自分のウェブサイトを悪化させるためにスライダーを使用するだけでなく、彼らは彼らが自動再生することによって、さらにこれを取る。
スライダーの自動再生の問題は、彼らが非常に迷惑だということです。 Webデザインが15世紀にあった場合、自動再生スライダーは、中央揃えのテキストと同じように8番目の致命的な罪になります。
ユーザーはウェブサイトを完全に制御する必要があります。 何も動き回ったり変化したりするべきではありません。 ウェブサイトはスライドショーの提示でない従って1つのようにそれを扱うことを止めなさい。
スライダーが掃除機よりも吸うもう一つの理由は、ウェブサイト、特にWordPressのウェブサイトを遅くする傾向があるということです。 WordPressのウェブサイトでは、プラグインを使用してボタンをクリックするだけでスライダーを追加するのはとても簡単です。
2プラグイン特に、Slider revolutionとSmart Slider3はあなたのウェブサイトの速度に大きなマイナスの影響を与えます:
- 私はWordPressのウェブサイト上でテストを実行し、スライダー革命を活性化したこととしなかったことの前後の速度スコアのGoogleの速度監査を実行しました。 スライダー革命を発動した後、監査スコアは10ポイント上昇し、速度指数を1.7秒増加させた。
- smart sliderを有効にしても影響はありませんでしたが、ページにスライダーを置くと、モバイルでは20、デスクトップでは3の監査スコアに影響を与え、速度指数を1.4秒増加させました。
だから、それらはスライダーの2つの良い理由と4つの悪い理由ですが、その背後にあるデータは何ですか？
スライダーの背後にあるデータ
私はちょうど無効なスライダーが本当にどのようにバックアップするために7つの研究を持っています。 私はそれらの3つについて話しますが、7つすべてが参照されます。
最初の研究はノートルダム大学のErik Runyonによるものであった。 このテストは、スライダー内の異なるスライドのクリック数の分布を測定することでした。 それは最初のスライドにかちりと言う音および転換の圧倒的多数があったことを示した。 彼は5つの場所を見直した;最初の場所にかちりと言う音の84%がスライド1およびかちりと言う音のおよそ4%を持っている他のスライドがあった。 彼の他の4つの場所はスライダーの総かちりと言う音の48%-62%が最初のスライドからあり、かちりと言う音の残りが他のスライドの残りの間で均等に分
第二の研究は、スウェーデンのコンバージョン率最適化会社Conversionistaによるものでした。 このテストは、画像カルーセルと静的画像のクリック数の差を測定することでした。 彼らはアイトラッキング技術を使用したヒートマップテストを実行し、スライダーの種類ごとにクリックを測定しました。 結果は、ユーザーが”スライダーを避けてクリックしなかったように見えたことを示しました。”、これは最も可能性の高いバナー失明によるものでした。 また、静止画像が40％の時間でクリックされ、画像スライダーが2％の時間でクリックされたことも示しました。
私が言及する最後の研究は、Adobe最適化マネージャーであるBlair Keenによるものです。 彼の研究は、スライダーを持っていることとまったく持っていないことの間の変換の違いを示すことでした。 彼は、折り目の上に置かれたスライダーを削除したとき、それが売上高の23％の増加につながることがわかりました。
だから、これはすべての意味は何ですか？
それは3つのことを意味します:
- それはスライダーに来るとき、最初のスライドは常に他のスライドをアウト実行します。 他のスライドは、通常、等しいCTRの周りを持っています。
- 静的な画像は常にスライダーを実行しません。 そしてスライダーは時々旗の盲目を引き起こすかもしれない旗として見られます。
- 上記の折り畳みセクションにスライダーを持っているだけでも、コンバージョンと売上が減少します。 ウェブサイト上のどこか他の場所に配置された場合、あなたは同じ効果を予測することができますが。
スライダーをより効果的にする方法
しかし、良いニュースがあります！ 私はあなたがスライダーをより効果的にする方法についてステップバイステップで示すことができます:
- まず、自動再生されないことを確認する必要があります。 自動再生は、ユーザーから離れて制御を取り、それは本当にイライラしているので。
- 次に、最初のスライドを除くすべてのスライドを削除します。 人々がそれらを見るつもりはないので、複数を持つことには意味がありません。
- 次に、ナビゲーション矢印を削除したいと思うでしょう。
- 最後に、ナビゲーションの箇条書きを削除するだけです。
結論として、スライダーは使用すべきではありません。 それらが使用されるべき唯一の時間は、製品ページ上の製品画像にのみ使用されます。 それ以外は、スライダーは統計的には相互作用しません。 多くの人々はあなたのかなりのPowerPointプレゼンテーションをクリックして時間を過ごすのに十分な気にしません。 あなたのウェブサイトの設計がスライダーを使用するように要求すればあなたの設計は失敗した。
18スライダープラグインを無効にし、フクロウのリンクを解除します。jsファイル、およびスライダーの使用を停止します。
https://beaconfire-red.com/insights/do-slideshows-work
https://cxl.com/guides/bounce-rate/benchmarks/
https://www.nngroup.com/articles/how-users-read-on-the-web/
https://www.nngroup.com/articles/how-long-do-users-stay-on-web-pages/
https://www.nngroup.com/articles/banner-blindness-old-and-new-findings/
https://erikrunyon.com/2013/01/carousel-interaction-stats/
https://angner.com/blog/will-front-page-carousels-improve-your-conversion-rate/
https://econsultancy.com/three-ideas-that-convert-better-than-a-standard-carousel/
https://www.orbitmedia.com/blog/rotating-sliders-hurt-website/