ユーザー視点のウェブデザインガイド

複数のゴールを提示する「コントラスト効果」

複数のゴールを提示する「コントラスト効果」

非常に高価な商品Aを見たあとに、それよりは安価な商品Bを見ると、普段なら手が出ない商品Bが安く感じられることがある。これは「コントラスト効果」と呼ばれ、相対的に物事を捉えがちな人間の認知特性が引き起こす現象である。

ウェブサイトにおいても、このコントラスト効果を上手く利用することで、ユーザーをビジネスゴールへと効果的に誘導できる場合が多い。

たとえば、「お問い合わせ」と「資料請求」という2つのボタンを並列に設置すると、「資料請求」ボタン単体の場合に比べて「資料請求」ボタンがクリックされやすくなるといったケースがユーザビリティテストでも観察されている。

この場合は、「お問い合わせは面倒だけど、資料請求だけならまあいいか」というユーザーの心理が働いていると考えられる。その結果、相対的に簡単に見える(=ユーザーにとって障壁の低い)アクションである資料請求のクリックが促進されているわけである(図3)。

このように、コントラスト効果をうまく利用することで、会員登録や資料請求数を増やすことが可能なケースがある。

ただし、このコントラスト効果は、あくまで、ユーザーに選択肢を提示するという姿勢のもとで実装することが必要である。虚偽の情報を与えるなど、ユーザーをあざむくようなやり方では、逆にユーザーに敬遠されてしまう。


図3 コントラスト効果の応用例。

「お問い合わせ」「資料請求」に加えて、「無料プレゼント」という3つの選択肢をユーザーに提示している。
「無料」の明記も併せて用いることで、より広くユーザーを取り込むことを狙う画面構成だ。

情報収集からスムーズに誘導できるようにする

お問い合せや資料請求を多く集めたいと思うあまり、ページのファーストビュー(画面をスクロールしなくても見える位置)へ誘導のリンクを設置しているサイトを見かけることがある。

ところが、ユーザーはコンテンツの部分を上から下へ読んでいく。そのため、ユーザビリティテストを行うと、お問い合わせボタンにユーザーが気づかない結果がしばしば見られる(図4)。

図4 ユーザーの視線は、上から下へと流れるのが一般的だ。その動きから外れる場所にあると見落とされてしまう可能性がある。

そこで、コンテンツの直下にお問い合わせや資料請求のリンクを設置すると、効果的にクリックしてもらえるようになることが多い(図5)。

図5 視線移動の先、つまりコンテンツの直下にお問い合わせや資料請求のリンクを設置すると、効果的にクリックしてもらえる。

ユーザーがページの内容を一通り読み終え、興味を持った時点でお問い合わせや資料請求へのリンクを提示するわけである。

1ページの中でも、ユーザーがどのような順で情報を見るかを考慮し、最適なリンク配置を行うことで、スムーズにビジネスゴールへとユーザーを導くことが可能になる。

また、リンクの設置についても、テキストリンクではなく、ボタン形式にすることで、“(お問い合わせや資料請求などの)次のステップへ移動する”ことをより明確にユーザーに伝えることができる(図6)。

図6 リンクをボタンにした例。「生涯学習のユーキャン:行政書士講座のページ」の場合。
http://www.u-can.co.jp/course/data/in_html/73/support.html
通信教育の教材を扱うユーキャンでは、講座内容・費用などの主要画面から、スムーズに資料請求やお申し込みができるよう配慮がなされている。

この記事が役に立ったらシェア!
メルマガの登録はこちら Web担当者に役立つ情報をサクッとゲット!

人気記事トップ10(過去7日間)

今日の用語

HCD
「Human-Centred Design」(人間中心設計)の略称。機械やシステ ...→用語集へ

インフォメーション

RSSフィード


Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]