ボタンのアニメーション効果

ランディングページ内のボタン要素は主に資料請求や申込みなどの成果達成につながる要素であることが多く、 大変、重要な要素となります。

このボタンにCSS3アニメーション適用することで、クリック率が大幅に改善する可能性があります。
今回のA/Bテストではアニメーションを適用していない普通のボタンと、
アニメーション効果を適用したボタンで行いました。

※テストで使用したアニメーションイメージ

約2週間のテストから、下記の結果となりました。

クリック率で約6％の差が出ています。
アニメーションにすることで、訪問者の目をひきクリック誘導に成功したテストとなりました。

注意点としましては、スマートフォンなどの画面領域が狭い環境では
アニメーションすることで誤タップを誘発する可能性があります。

デザインやレイアウトに十分配慮の上、アニメーション導入を検討してみましょう。