japan.internet.com The Internet & IT Network


RSSニュース検索
カテゴリ
> トップページ
> Webビジネス
> Eコマース
> Webファイナンス
> Webマーケティング
> パブリック
> Webテクノロジー
> 携帯・ワイヤレス
> Linux Today
> Linux Tutorial
> J.I.C.ブログ
キャリア
> 転職ならen
> 派遣ならen
> アルバイトならen
> IT求人情報
ヘッドライン
> 今日のヘッドライン
> 週間ヘッドライン
イベント&セミナー
> イベントカレンダー
> 書評「IT の耳」
> 出張・接待検索
> ニュースガジェット 注目
無料ニュースメール
> 新規登録
> 変更・解除
> オプトインメールの登録・変更・解除
インフォメーション
> パートナーサイト
転職ならエン
就職ならen
求人ならen
履歴書ならen
アルバイトならエン
CRM/SFAならオラクル
> グループ会社
株式会社アエリア
(株)サンゼロミニッツ
株式会社エアネット
> お問い合わせ
> 広告掲載について
> リンクについて
> 著作権について
> その他お問い合わせ
> 利用規約
> 個人情報保護方針
> 会社概要地図
WebTutorial 2002年1月9日 00:00
WebTutorial・バックナンバー
ユーザビリティと HTML フォーム -- 1

著者: Andrew Starling  オリジナル版を読む プリンター用 記事を転送
2002年1月9日 00:00 付の記事
海外internet.com発の記事
このエントリーを含むはてなブックマーク この記事をクリップ! Buzzurlにブックマーク Yahoo!ブックマークに登録 newsing it!

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

December 10, 2001

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

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

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

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

ユーザーとの関係が大事

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

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

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

要点を短く

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

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

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

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

繰り返し聞かない

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

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

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

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

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

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




★最新トップニュース
国内 Suica ポイントと Yahoo! ポイントの相互交換サービススタート(Webビジネス 7月4日 17:00)
東日本旅客鉄道株式会社(JR東日本)とヤフー(Yahoo! JAPAN)は2008年7月4日、「Suica ポイント」と「Yahoo! ポイント」を相互に交換できる「ポイント交換サービス」を2008年7月8日から開始すると発表した。
国内 ソーテック、ソフトウェアダウンロード販売サービスを開始画像のある記事(E-コマース 7月4日 16:20)
ソーテックは、2008年7月3日、ネットワーク認証型 DRM「Buddy」を提供するインターレックスと共同で「SOTEC SOFT DIRECT」を開設し、ソフトウェアのダウンロード販売サービス開始した。
国内 「SoftBank SELECTION」ブランドの PC ソフト使用権をカード形式で店頭販売開始画像のある記事(Webビジネス 7月4日 15:40)
ソフトバンクグループの BB ソフトサービスは、2008年7月3日、「SoftBank SELECTION」ブランドの PC 用ソフトウェアの使用権をカード形式で店舗販売することを発表した。
国内 日立 GP と高電社、自動翻訳 ASP サービス販売で提携(Webマーケティング 7月4日 15:30)
日立公共システムエンジニアリング株式会社 (日立 GP)と株式会社高電社は2008年7月4日、高電社が提供する自動翻訳サービス「J-SERVER プロフェッショナル My サイト翻訳(My サイト翻訳)」の販売提携を行うと発表した。
国内 D-Link がコンパクトセキュリティスイッチ新製品発表(Webテクノロジー 7月4日 15:20)
台湾ネットワーク機器販売企業 D-Link の日本法人ディーリンクジャパンは2008年7月4日、L2+コンパクトセキュリティギガビットスイッチ「DGS-3200シリーズ」の新製品「DGS-3200-16」を発表した。
トピックス
> オススメのIT系求人情報【毎週月曜日更新】
footer_301.gif


リサーチ
> デイリーリサーチDLサイト
> OnlineResearchPortal (リサーチデータバンク)
> モバイルリサーチ with goo
footer_301.gif
キーワード
> iPhone > モバイルノート
> 08ソフトバンク夏モデル > ウィルコム
> Youtube > インド新聞
> テーマ一覧はこちら
footer_301.gif
セミナー情報
> 第1回インターネットコムマーケティングセミナー「新規クライアントを効率的に獲得する Web マーケティング手法とは」(3月26日)多数のご参加ありがとうございました
footer_301.gif
デベロッパー
> DevX
> CodeGuru
> developer.com
footer_301.gif
日本オラクル
footer_301.gif
j.i.c.ブログ
ブログ一覧
Graphic Design Forum 【Graphic Design Forum】
スキャンについて - その二 (7月4日)
データメーション 【データメーション】
Firefox 3はブラウザ界の Danni Ashe(7月4日)
ベンチャー専門家の目利きブログ「なぜこの企業は伸びるのか?」 【ベンチャー専門家の目利きブログ「なぜこの企業は伸びるのか?」】
「インターネットの黎明期から培われた『歴史』を強みに、今後も残り続けていく製品を提供する」/有限会社赤黄緑青紫(7月4日)
ジュピターメディア創設者がITを斬る 【ジュピターメディア創設者がITを斬る】
素晴らしいエンターテインメント - Billy Joel(7月1日)
デスマーチからの脱却 【デスマーチからの脱却】
チャンスの神様(6月26日)
Skypeブログ出張版 【Skypeブログ出張版】
Skype 4.0 ベータ 1 for Windows登場(6月20日)
footer_301.gif
最新コラム一覧
CodeGuru CodeGuru

Visual C++ 2008 Feature Pack: MFCの強化(7月4日)
最新ハイテク講座 最新ハイテク講座

宮崎哲弥氏もお世話になってる「RSS」ってどんな技術?(7月4日)
アイレップの SEO スタンダード アイレップの SEO スタンダード

ユーザー動線の変化により対応が迫られるモバイル SEO(前編)(7月4日)
百式のネットビジネス研究 百式のネットビジネス研究

相手が読んだ瞬間に消えてしまうメッセージが送れる「Privnote」(7月4日)
「IT の耳」 「IT の耳」

【書評】IPTV 革命〜放送、ネット、モバイルのビジネスモデルが変わる〜(7月3日)
週刊-サイト別アクセス状況データ 週刊-サイト別アクセス状況データ

ビデオリサーチインタラクティブ調査(月間インターネットオーディエンスデータ)(7月3日)
気になるトレンド用語 気になるトレンド用語

ノキアのケータイ OS オープン化って何がすごいの?(7月2日)
DevX DevX

Script.aculo.usのコントロールでWebアプリケーションをもっと使いやすく(7月1日)
エンジニア転職ノウハウ開発室 エンジニア転職ノウハウ開発室

SEって「そもそも」ばっかで、融通きかないよね?(7月1日)
アイレップの SEM フロンティア アイレップの SEM フロンティア

Google のモバイル向けコンテンツターゲット広告を活用しよう(7月1日)
footer_301.gif
専門チャンネル
> セキュリティチャネル > テレコムチャネル
> サーチエンジンウォッチ
footer_301.gif
海外のインターネットコム アメリカ韓国ドイツトルコ
関連企業のサイト:ストックフォト イラスト ネットストリート ホテル予約サイト タウン情報 出張 事業継承 シミュレーション トランクルーム 優待映画チケット 田舎暮らしガイド オリジナルデザインTシャツ ニタコエ
Copyright 2008 Jupitermedia Corporation All Rights Reserved. http://www.internet.com/
space.gif space.gif