【組合せ】確実に目を引くボタン配置

目を引くボタン

確実に目を引くボタンとは?

コンバージョンさせるための最後の難関は

ココに注意

ボタンクリック

ではないでしょうか?

このボタンを押した瞬間、ユーザーは訪問者から顧客に転換しますよね。

ボタンとしてクリックされるコツは

ポイント

  • 目立たせる
  • 大きさ
  • ボタンだとわかる

これらを満たすことだと思います。

試しにボタンの画像を、4パターン作ってみました。

 

デザインに関しては、ノーコメントでお願いします。
センスがないので、デザインに凝ったボタン作りは厳しかったです。。。

今回注目して頂きたい点は、

ココがポイント

  • 目立つボタン
  • アニメーション
  • リンク

を組み合わせて、よりコンバージョンをアップさせるボタンが簡単に作ることができました。

ランペラブで使えるアニメーションのパターンを全てご紹介します。

試しにボタンをクリックしてみて下さい。このページのトップにリンクが張ってありますよ。

激しすぎる動きは大きめのボタンには向かないかも知れませんので、判断は各個人でお願いいたします!

45度

 

 

ベル揺れ

 

 

横揺れ

 

 

縦揺れ

 

 

点滅

 

 

バウンド

 

 

回転

 

 

ふわふわ

 

 

大小

 

 

シェイク

 

 

シェイク(強)

 

 

拡大(ゆれ)

 

 

過ぎる

 

 

戻る

 

 

バースト

 

 

落ちる

 

機能カテゴリに戻る

 

-機能

© 2024