2018年09月19日(水)

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

• 0
• 0
• 0
• 0

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

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

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

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

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

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

author:

インバウンドブログ

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

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

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

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

         

‹ PREV

               

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

         

NEXT ›

               

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

関連記事

• シンプルなアイコンを元にロゴをオンラインで作成、DL出来るWebアプリ・「Logo.it」
• Amazonで、翔泳社 Kindleゴールデンウィークセールが開催！ デザイン書・Web制作の解説書・イラスト関連のKindle本が半額で超お買い得
• WordPress の一般的なエラーや不具合への対応方法まとめ
• これでもうUIデザイン用のSVGアイコンに困らない！ 商用無料のSVGアイコンを横断検索・ダウンロードでき、カスタマイズもできる便利サイト -Iconbuddy
• CSS Gridのしっかりとした知識とレイアウトやUIコンポーネントを実装するテクニックを学びたい人にお勧めの解説書 -作って学ぶ HTML+CSSグリッドレイアウト

Ads

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

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