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

第0回 その気になった客を逃さないフォーム設計術

ページ

[AD]

第0回
その気になった客を逃さないフォーム設計術

現実の店舗や窓口では、目の前にいるお客が困っていればすぐにわかるし、同じトラブルが重なれば問題が起きないように施策をとる。しかし、ウェブサイトを作っているときにはお客は目の前にいないし、公開後にお客の対応をするのはウェブサーバーやスクリプトという機械だ。そのため、現実の商売では当然のように行っている接客ができない、いや忘れてしまってはいないだろうか?

今木 智隆(株式会社ビービット

ウェブサイトの「ユーザビリティー」という言葉は、当たり前のように耳にする機会が増えてきた。しかし、その知名度の広まりとは裏腹に、「何をどうすれば成果に結びつくのか」「実践に落とし込むにはどうしたらよいのか」について具体的に取り上げられることは少ないようだ。

この連載では、主に「会員登録による顧客獲得を行う企業サイト」をモデルとして、想定される次のようなユーザーの行動ステップごとに、具体的なウェブサイトのユーザビリティー向上策について解説する。

  1. サイトへの流入
  2. サイト内での情報収集(閲覧)
  3. 会員登録・申し込み

これらの各ステップについて、それぞれ対応すべき事項があるが、今回はその中でも、「比較的短期間の改善が可能」であり、「それが会員登録の達成率(サイトの成果)に直結しやすい」という理由から、会員登録・申し込みフォームの部分を扱う。ビービットが繰り返し行ってきたユーザビリティーテストの知見を元に、改善に向けてのポイントを解説する。

ウェブサイトは 「セルフサービスメディア」

具体的なフォームの設計へ移る前に、なぜウェブサイトにおいてユーザビリティーが重要なのかを説明したい。

たとえば、旅行代理店に旅行やチケットを申し込む、あるいは銀行で口座開設の手続きを行うという状況を考えてみよう。

店頭でこのような契約・申し込みに関する書類を記載するときには、どうしても記入につまずくことがある。しかし、旅行代理店や銀行ではその場に担当者がいて対応してくれるため、問題なく申し込みを完了できることがほとんどである。

しかし、ウェブサイトのフォームを通じて会員登録や申し込みなどを行う場合、このような「人による個別対応」が不可能である。そのため、登録や申し込みに当たって、フォームへの入力をスムーズに行うことができなかったユーザーは、容易にサイトから離脱してしまうのである。

せっかく「登録しよう」「申し込んでみよう」と思ってくれたユーザー(顧客)を取り逃がしてしまうことは、企業にとって大きな損失である。担当者も受付係も存在しないウェブサイトだからこそ、ユーザーが迷うことなく登録を完遂できるように、最大限の注意を払って設計を行うことが重要となる。

では、フォーム入力の完遂率を向上させるための具体的なポイントはどういうものがあるのだろうか。まずは、サンプルフォームを見てもらいたい(図1)。このフォームには、いくつもの「ユーザーを離脱させる要素」が含まれているが、おわかりだろうか?

図1 一見問題なさそうに見えるフォームだが、ユーザビリティー的には悪例だ
次のページへ

ページ

[AD]
この記事が役に立ったらシェア!
tweet7はてなブックマークに追加
みんなが読んでるWeb担メルマガで、あなたも最新情報をチェック
  • SEOやアクセス解析のなどノウハウをゲット
  • 事例やインタビューも見逃さない
  • 要チェックのセミナー情報も届く
  • 編集長コラムを一足先に読める
日本赤十字社 東日本大震災 義援金募集
みんなが読んでるWeb担メルマガで、あなたも最新情報をチェック
  • SEOやアクセス解析のなどノウハウをゲット
  • 事例やインタビューも見逃さない
  • 要チェックのセミナー情報も届く
  • 編集長コラムを一足先に読める

Web業界の転職情報

もっと見る
Sponsored by

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

今日の用語

インプレッション
ネット広告における、「広告が表示された回数」を意味する。 広告表示に関する ... →用語集へ

連載/特集コーナーから探す

インフォメーション

Web担のメルマガを購読しませんか?
Web担の記事がコンパクトに毎週届くメールマガジン「Web担ウィークリー」は、10万人が読んでいる人気メルマガ。忙しいあなたの情報収集力をアップさせる強い味方で、お得な情報もいち早く入手できます。

Web担に広告を掲載しませんか?
購読者数10万人のメールマガジン広告をはじめとする広告サービスで、御社の認知向上やセミナー集客を強力にお手伝いいたします。

サイトマップ
RSSフィード


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