« ブログのトップページに戻る

ボタンはしっかり目だつデザインを!ボタンデザインの原則3つ

   投稿者 : 2015年2月16日 By

イメージ写真

ECサイトのデザイナーは、日々、サイトに訪れてくれたユーザーに、「申し込み」、「購入する」、「資料請求」など、ボタンを押していろいろアクションを起こしてほしいと考えデザインしている。
Webデザイナーは、どうしたらコンバージョン率が高まるのかを日々考え・テストを繰り返し、デザインを検討している。
私もそのことを考えている1人として、今回はサイトの目的を達成させるために欠かすことのできない重要な要素の1つであるCTAボタン(Call to Action Button)、行動を呼びかけるためのボタンデザインについての3原則をまとめてみた。

ボタンは品よく目だたせるべきである

ECサイトのCTAボタンとは、「購入する」または「カートに商品を追加する」などクリックするためのボタンだ。そして、驚くことに、このボタンの色、配置場所、文言、サイズを変えるだけで、ページのコンバージョン率は大きく変わる。
結論を言えば、CTAボタンは“品よく目だたせる”ことでコンバージョン率は大きく変わると言える。ボタンデザインはページの中で必ず、目だたなければならない。ページ埋もれてしまって見つからないようでは、間違いなくクリック率は下がり、コンバージョン率は悪くなる。では実際にどのような点に注意し、デザインすべきか具体的に整理しよう。

1.色と形

一般的にCTAボタンの色は緑系かオレンジ系が良い。ただし、サイトのデザインイメージに即した色彩を選ぶべきである。回り周りの色と違う色を使って目だたせる。
周りの色に対して補色にする、彩度を変える、明度を変えるなど、どうしたら目だつか工夫をすることが大切である。

表

また、形も角丸や周囲のデザインと変化をつけ、目だたせることで、コンバージョン率がアップすることが下記の資料からも分かる。

ボタンデザイン

2.レイアウト

ボタンの位置も重要だ。上が良いか、下が良いか。ページのどの位置に配置するかでコンバージョン率も変わってくる。
ECサイトの商品ページの場合は、ボタンはファーストビューの右側に配置することが効果的な場合が多い。

さらにボタンの周りにいろいろな要素を置かない。ボタンの周りには広めのスペースを確保し、ボタンを目だたせること。

レイアウト

3.ボタンの文言

最後にボタンの言葉だ。「注文」より「注文する」。「購入」より、「カートに入れる」などユーザーが主体的に~するなどの動詞にする。
また、「送料無料!」や「3分で簡単!」「期間限定」「タイムセール」など、お得な注目情報を入れるだけでコンバージョン率は大きく変わる。

カートコピー

 

私は上記3つの原則をふまえ、“品よく目だたせるデザイン”することでコンバージョン率・数を上げることができると考えている。
そして、これからもこの3つ原則を意識しデザインすることでユーザーが“クリックしたくなるボタン”をデザインしていきたい。

関連する記事

経済産業省が発表! 2014年のEC市場調査... 経済産業省は5月29日、 「平成26年度我が国情報経済社会における基盤整備」 (電子商取引に関する市場調査)の結果を発表した。 この調査は2014年の我が国のBtoB 及び BtoC の電子商取引市場動向、利用実態を調査したもので、平成10年度より実施され、今回で17回目の発表となる。 ...
メーカー・卸問屋 ECサイトの価値 – 新たなビジネスモデルの創造... ネットショップで購入する消費者が増える中、メーカーと卸問屋はますますビジネスモデルの転換がせまられている。 ネットショップをやる意味が最も大きいのはメーカーだからである。 利害関係を一切無視すれば、ネットショップなら生産者と消費者を直接結ぶことが可能である。 リアルビジネスと異なり、デ...
SEOの考慮が正しくできたショッピングカートのシステムはあるか? に対するLive Commerce... SEOの考慮が正しくできたショッピングカートのシステムはあるか http://minnano-seo.com/superficial/post3300/ こちらの記事にがありました。ショッピングカートを提供しているASPとして、そしてこれから利用されるユーザー様にとって大変関心の高いことだと思い...
活況する中国越境ECの今 先週、中国のECサイトが一斉にセールを行う11月11日「独身の日」は中国のショッピングサイトでは最大の商戦日だった。 中国最大手のアリババグループはこの11月11日、1日だけで、昨年は約2兆500億円の取引額(売り上げ)をあげている。今年はどのくらいの取引額があったのだろう? また、中国の...
「中小企業越境ECマーケティング支援事業」第2期... 先月、7月29日に第1期の募集は終わったが、2期の募集が8月31日より「中小企業越境ECマーケティング支援事業」が始まる。 この募集内容は中小機構から支援される、中小企業の越境ECサイト制作に係る補助金の支援に関する募集である。具体的には、環太平洋パートナーシップ協定(以下、「TPP」)交...
中国人旅行者の4割は訪日後、越境ECを利用している... 昨年12月12日、日本貿易振興機構(ジェトロ)が「中国の消費者の日本製品等意識調査」公表した。 報告書よると、中国の越境ECで日本の商品をを購入した経験が「ある」と回答した割合は67.7%と前回調査と比べて1.1ポイント上昇しており、越境EC利用者数は高い値で推移していることがわかった。 ...
このエントリーをはてなブックマークに追加
 

今なら海外展開の為の成功BOOKを無料ダウンロードできます。是非この機会にお読みください。