ついついクリックしたくなるボタンデザインいろいろ
長い間、このブログの更新が滞っており、沢山の皆様から激励のメールなどをいただきました。
いろいろとご心配をおかけいたしまして申し訳ございません。少しずつではありますが、更新を続けていきたいと思っております。
これからもデザインウォーカーをどうぞよろしくお願いいたします!
今回の、テーマはついついクリックしたくなるボタンのデザインをまとめてみました。
ボタンひとつでクリック率やコンバージョンが大きく変わってしまうので、ボタンのデザインや配置はとっても重要ですね。
ボタンのデザインを変えたら、とたんに問い合わせ、売り上げが伸びたりすれば、デザイナー冥利につきますね。
皆さんも、ついついクリックしたくなるボタンのデザインを沢山見て、参考にしてみてくださいね。
“Call to Action” Buttons: Guidelines, Best Practices and Examples
色やサイズ、テキストやアイコン等さまざまな工夫をこらしてデザインされたボタンが沢山紹介されています。特に英語のボタンばかりですが、英語がわからない方でもクリックしたくなってしまうボタンが、やっぱりデザインが優れいてると言う事なんでしょうね…。
Button Design Showcase | Vandelay Design Blog
ボタンデザインのショーケースです。とってもきれいなボタンが沢山集められていますよ。
Call to Action Buttons: Examples and Best Practices
配置や大きさなどにこだわったボタンデザインが開設されています。眺めているだけでもとっても参考になりますよ。
A Look into Registration Buttons in Web Design
ついついクリックしたくなる登録ボタンが沢山集められています。ボタンのデザインひとつで登録数が大きく左右されるので、ボタンデザインはとても重要です。
Web Design Trends: Call To Action Buttons
色、配置、文言、サイズ、余白がとっても重要なボタンデザイン。こちらもきれいなボタンが沢山です。
Good Call-To-Action Buttons | UX Booth
ボタンの配置を変えるとサイト全体の印象も大きく変わります。
4 Design Elements Behind a Good Call to Action | letscounthedays
こちらも沢山の魅力的なボタンが集められています。とても参考になりますね。
10 techniques for an effective ‘call to action’ « Boagworld
ボタンのクリック率をアップさせる10のテクニックが紹介されています。
25 Examples of Convincing Call-To-Action Buttons | Design Shack
25種類のきれいなボタンが紹介されています。
Web Design Trends for 2010: Call To Action Buttons – FrancescoMugnai.com
こちらも沢山のボタンが集まってます。
40+ Effective Call to Action Buttons
40種類の効果的なボタンデザイン。
Call To Action Buttons: Does Size Matter?
複数のボタンのデザインを同時に掲載してクリック率を集計して比べてみるのも面白いですよね。
Create Clean and Fresh Call-to-Action Button + Embossing Text Effect in Photoshop
Photoshopを使って効果的なボタンをデザインするチュートリアルです。
















4月 14th, 2010 at 5:04 PM
[...] ついついクリックしたくなるボタンデザインいろいろ | DesignWalkerはてブ:8 2010/04/14 | コメントなし [...]
4月 14th, 2010 at 6:12 PM
デザイン下手な自分が頼れる唯一のサイトです。
これからも頑張って下さい。
4月 15th, 2010 at 7:08 AM
[...] ついついクリックしたくなるボタンデザインいろいろ | DesignWalker (tags: button webdesign ui) [...]
4月 18th, 2010 at 12:09 AM
[...] ついついクリックしたくなるボタンデザインいろいろ | DesignWalker完全復活されたDesignWalkerさん。海外の素敵なボタンのまとめです。 [...]
4月 24th, 2010 at 9:37 PM
待ってました!無理せずに続けて下さい。
4月 28th, 2010 at 4:20 AM
再開したんですね♪
また楽しみに来ます♪