ついついクリックしたくなるボタンデザインいろいろ

長い間、このブログの更新が滞っており、沢山の皆様から激励のメールなどをいただきました。 いろいろとご心配をおかけいたしまして申し訳ございません。少しずつではありますが、更新を続けていきたいと思っております。 これからもデザインウォーカーをどうぞよろしくお願いいたします! 今回の、テーマはついついクリックしたくなるボタンのデザインをまとめてみました。 ボタンひとつでクリック率やコンバージョンが大きく変わってしまうので、ボタンのデザインや配置はとっても重要ですね。 ボタンのデザインを変えたら、とたんに問い合わせ、売り上げが伸びたりすれば、デザイナー冥利につきますね。 皆さんも、ついついクリックしたくなるボタンのデザインを沢山見て、参考にしてみてくださいね。

“Call to Action” Buttons: Guidelines, Best Practices and Examples

色やサイズ、テキストやアイコン等さまざまな工夫をこらしてデザインされたボタンが沢山紹介されています。特に英語のボタンばかりですが、英語がわからない方でもクリックしたくなってしまうボタンが、やっぱりデザインが優れいてると言う事なんでしょうね…。

“Call to Action” Buttons: Guidelines, Best Practices and Examples

Button Design Showcase | Vandelay Design Blog

ボタンデザインのショーケースです。とってもきれいなボタンが沢山集められていますよ。

Button Design Showcase | Vandelay Design Blog

Call to Action Buttons: Examples and Best Practices

配置や大きさなどにこだわったボタンデザインが開設されています。眺めているだけでもとっても参考になりますよ。

Call to Action Buttons: Examples and Best Practices

A Look into Registration Buttons in Web Design

ついついクリックしたくなる登録ボタンが沢山集められています。ボタンのデザインひとつで登録数が大きく左右されるので、ボタンデザインはとても重要です。

A Look into Registration Buttons in Web Design

Web Design Trends: Call To Action Buttons

色、配置、文言、サイズ、余白がとっても重要なボタンデザイン。こちらもきれいなボタンが沢山です。

Web Design Trends: Call To Action Buttons

Good Call-To-Action Buttons | UX Booth

ボタンの配置を変えるとサイト全体の印象も大きく変わります。

Good Call-To-Action Buttons | UX Booth

4 Design Elements Behind a Good Call to Action | letscounthedays

こちらも沢山の魅力的なボタンが集められています。とても参考になりますね。

4 Design Elements Behind a Good Call to Action | letscounthedays

10 techniques for an effective ‘call to action’ « Boagworld

ボタンのクリック率をアップさせる10のテクニックが紹介されています。

10 techniques for an effective ‘call to action’ «  Boagworld

25 Examples of Convincing Call-To-Action Buttons | Design Shack

25種類のきれいなボタンが紹介されています。

25 Examples of Convincing Call-To-Action Buttons |  Design Shack

Web Design Trends for 2010: Call To Action Buttons – FrancescoMugnai.com

こちらも沢山のボタンが集まってます。

Web Design Trends for 2010: Call To Action Buttons - FrancescoMugnai.com

40+ Effective Call to Action Buttons

40種類の効果的なボタンデザイン。

40+ Effective Call to Action Buttons

Call To Action Buttons: Does Size Matter?

複数のボタンのデザインを同時に掲載してクリック率を集計して比べてみるのも面白いですよね。

Call To Action Buttons: Does Size Matter?

Create Clean and Fresh Call-to-Action Button + Embossing Text Effect in Photoshop

Photoshopを使って効果的なボタンをデザインするチュートリアルです。

Create Clean and Fresh Call-to-Action Button + Embossing Text Effect in Photoshop

関連記事

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です