japan.internet.comThe Internet & IT Network
RSS
  • ニュース
  • コラム
  • リサーチ
  • ヘッドライン
  • 特集
  • ブログ
  • プレスリリース
  • 専門チャンネル
  • イベント
  • ランキング
  • ニュースメール
2008年9月9日
文字サイズ文字サイズ小文字サイズ中文字サイズ大
事業仕分けによる次世代スーパーコンピューターの開発予算削減について、どうお考えですか?
賛成
反対
どちらとも言えない
投票締切 11/30 12:00
WebTutorial2002年1月9日 00:00

ユーザビリティと HTML フォーム -- 1

海外海外internet.com発の記事
  • Post to Twitter
  • Post to Facebook
  • このエントリーを含むはてなブックマーク
  • この記事をクリップ!
  • Buzzurlにブックマーク
  • Yahoo!ブックマークに登録
  • newsing it!
  • この記事をokyuuへインポート

ユーザビリティと HTML フォーム

December 10, 2001

ユーザーは HTML フォームに記入するのを嫌がる。だからこそユーザビリティが大切なのだ。 ここではEコマース用のフォームについて、 ドロップダウンボックス、ラジオボタンなどの個々の要素や、 さらに内容確認、エラーメッセージなどを詳しく検証する。

書類を記入するのが好きな人はいない。 手続き書類といえば、納税、入国審査、請求書、病院、 その他生活にまつわるおもしろくないことを連想するからだ。 Web サイトではフォーム(書類)に記入する面倒を一切省ければそれに越したことはない。 しかし残念なことに、時には必要なのだ。 例えばEコマースの取引では、クレジットカード情報が必要になる。

ユーザーはフォームのたぐいが必要であると分かっていても、記入するのがうれしいわけではない。 そこで少なくともフォームを使いやすいものにし、 面倒を最小限に抑えるようにしよう。 ユーザビリティが良くなればフォームの完成率も上がるというものだ。

本章では、Eコマース用のフォームについて、 ドロップダウンボックス、ラジオボタンなどの個々の要素、さらに内容確認、 エラーメッセージなどをみてみる。

ユーザーとの関係が大事

フォームの記入は報酬をもらうためにがまんしてやる半端仕事だ。 納税の書類の場合、罰金を課せられたり刑務所に入れられたりしないことが報酬であり、 Eコマースの取引では買いたい商品を手に入れることが報酬になる。 最初のページでユーザーに登録を強制するサイトの場合は、 サイト内の特だね情報を手に入れることが報酬になる。

この3つの例では、ユーザーとフォームとの関係はそれぞれ3つとも違う。 納税用書類に記入するのは義務だ。苦痛だが絶対記入しなければならない。 Eコマースの場合、取り替えのきくショッピング サイトがいくつもあり、 その中から選んだサイトのフォームに記入するのだ。 ユーザーはフォームに記入するのを途中で止め、 別のサイトを試してみることだってできるのだ。 最初の段階でフォームに登録させるのは、 最初からユーザーとの関係をまずくしてしまう。 ほかにもショッピングサイトはたくさんあるのだし、 フォームに記入したからといって得することがあるかどうか分からないのだ。

フォームを作成する際にユーザーといい関係を作るようにしよう。 Eコマースでは普通、ユーザーとの結びつきは強力ではない。 フォームがごちゃごちゃしていたり個人的な質問があまりにも多いと、 すぐに見放されてしまう。

要点を短く

質問が短ければ短いほど、フォームが完成する確率は大きくなる。 Eコマースの場合、 クレジットカードや ID(セキュリティ)情報と同時に、 どうしても顧客の個人情報を尋ねたくなる。 これは危険だ。 客はすでに、買い物過程で個人情報を尋ねたりしないサイトをほかに知っているかもしれない。 心変わりし、そこに戻ってしまいかねない。

配達費用を調べようと、 複数のサイトで同じ買い物をする上級ユーザーもいる。 その中から1つだけ選んで実行し、ほかは途中で止めてしまうのだ。 ユーザーはフォームを競合サイトのものと一つ一つ比べられるので、 個人情報をたくさん尋ねたりすると、その競争には勝てなくなる。

できれば、個人情報用のフォームと買い物用のフォームは別にしよう。 個人情報に関する質問は最後にし、短くしよう。 個人情報のフォームに記入してもらうためには、褒美が必要だ。 これはユーザビリティというよりマーケティングの問題だ。

買い物が成立したら、 注文確認ナンバーを与える前に個人情報を尋ねるサイトもある。 金を手放した挙げ句、ブラックメールであったという不快感をユーザーが抱いてしまう危険がある。 個人情報フォームのフィールドを全部オプションにすれば、その危険は大幅に減る。

繰り返し聞かない

同じ情報を繰り返し聞いてはいけない。初めのページで客の名前と住所を尋ねたら、 配達とクレジットカード情報の詳細を尋ねるページでは自動的にそれを当てはめ、 客が望めば、それに上書き出来るオプションにすること。

「先に記入された名前と住所が使われます。配達及びカードの住所が違う場合にのみ下に新しい詳細を記入下さい。」と書くよりこの方が、ユーザビリティの点でよいだろう。

なぜなら、ユーザーは忙しい人達で、急いで記入していることが多い。 説明をきちんと読まないし、目に写ったフィールドをただ埋めているのだ。 「選択方式」を採用している会社では、 新しい情報がもともとと全く同じであることに気付くことがよくある。 これでは時間を無駄にしているだけで、ユーザビリティが良いとはいえない。

「選択方式」が上手く行くのは、 商品がよく贈り物として第三者に届けられるなど、特別な場合だ。

フォームが何枚間違って記入されているかで、 ユーザビリティが成功しているかどうか判断できる。 選択できる他の住所がもとの住所と同じものだった場合には明らかにユーザビリティに問題があり、 フォームのデザインを変える必要がある。

任意フィールドと必須フィールド


  • プリンター用
  • 記事を転送
  • Post to Twitter
  • Post to Facebook
  • このエントリーを含むはてなブックマーク
  • この記事をクリップ!
  • BuzzurlにブックマークBuzzurlにブックマーク
  • Yahoo!ブックマークに登録
  • newsing it!
  • この記事をokyuuへインポート
最新トップニュース
Graphic Design Forum
【Graphic Design Forum】
流動的媒体と静的媒体に関する見解(11月18日)
「IT の耳」
「IT の耳」
【書評】『Hyper-V スタートアップバイブル』――仮想化についてのすぐれた解説書(11月20日)
百式のネットビジネス研究
百式のネットビジネス研究
世界でもっともパワフルな iPod のスピーカー「Wall of Sound」(11月20日)
週刊-サイト別アクセス状況データ
週刊-サイト別アクセス状況データ
ビデオリサーチインタラクティブ調査(月間インターネットオーディエンスデータ)(11月19日)
海外ソーシャルウェブに学ぶ成功の秘訣
海外ソーシャルウェブに学ぶ成功の秘訣
ゲーム業界を襲う世界的な激震。ソーシャルゲーム急成長のインパクト(11月19日)
今さら聞けない初歩からのアクセス解析
今さら聞けない初歩からのアクセス解析
サイトリニューアル前のアクセス解析活用法(11月19日)
成約率、反応率を上げる Web 文章術
成約率、反応率を上げる Web 文章術
文章力を磨き、キャッシュを生み出す Web サイト に(11月19日)
「Webからの脅威」―その傾向と最新対策
「Webからの脅威」―その傾向と最新対策
新たな対策技術:スパムフィルタリングと E-mail レピュテーション(11月18日)
ROI向上のための戦略的WebPR
ROI向上のための戦略的WebPR
「戦略的 WebPR」のしかけ方〜WebPR の効果測定手法とは〜(11月18日)
スマートにソーシャルウェブを構築しよう
スマートにソーシャルウェブを構築しよう
社員力を生かすソーシャルメディアポリシー(11月17日)
DevX
DevX
Erlangを使った並列処理プログラムの作成(11月17日)
Copyright 2009 Japan Internet.com K.K. All Rights Reserved.http://www.internet.com/