2018年09月19日(水)

ユーザーの心を捉えるボタンデザインの作り方

• 0
• 0
• 0
• 0

ウェブデザインに流行の移り変わりはありますが、いつの時代にも共通して大切なのは「ユーザーを迷わせない」ことです。せっかくユーザーが訪れても、直感的に分かりにくいデザインは、ページからの直帰・離脱につながってしまいます。

ウェブサイトの最終的な目的はそれぞれ異なりますが、特にECサイトや企業サイトにおいて、ボタンは「かごに入れる」「問い合わせる」「資料請求する」といった、利益に直結する役割を担っています。そのため、ユーザーを「ボタンを押す」というアクションにスムーズに誘導できるかどうかが重要です。

今回は、ユーザーの心を捉える「迷わない・混乱しない」ボタンをデザインするために抑えておきたいポイントをご紹介していきます。

ユーザーを迷わせないボタンデザインの工夫

はじめてウェブページを訪れたユーザーを迷わせないためには、どこにボタンがあるのか・押すことで何が起きるのかをひと目で理解できるようデザインの工夫が必要です。

どれがボタンなのか、押せる場所を明確にする

author:

インバウンドブログ

http://www.m-hand.info/blog/

株式会社エムハンドが運営するオウンドメディア。Web制作の第一線で活躍されているスタッフの方々による豊富な記事を読むことが出来ます。特にマーケティング関連の記事はオススメです。

オリジナルサイトで続きを読む

今日のwebデザイン記事ランキングを見る

         

‹ PREV

               

注目のニュー・リテールを解説　マーケティングへの影響は？

         

NEXT ›

               

自分ゴト化はどうやって生まれる？コンテンツで溢れる時代のマーケティングを考察する【中編】

関連記事

• Webサイトのデザインをより良くするにはどうすればよいのか！ 洗練されていく工程が詳しく解説された良書 -WebデザインプロセスBook
• UI用のアニメーションがかわいくて楽しい！ 商用利用も無料、アニメーションで動くアイコン素材 -pqoqubbw/icons
• Kindle本、読書の秋特大セールが開催！ セール初登場もあり、デザイン・Web制作・イラストの良書がお買い得です
• 素材管理アプリEagleが、便利すぎる！ ver.4は想像以上の神アップデート、プラグインやAIツールの導入でさらに使いやすく
• ピクセルフォント・ビットマップ・電卓数字の日本語フリーフォント 総まとめ

Ads

株式会社エムハンドが運営するオウンドメディア。Web制作の第一線で活躍されているスタッフの方々による豊富な記事を読むことが出来ます。特にマーケティング関連の記事はオススメです。インバウンドブログの記事『ユーザーの心を捉えるボタンデザインの作り方』についてまとめています。

この記事は特にアイコン・ダウンロードについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のインバウンドブログで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとインバウンドブログの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。