web-dev-qa-db-ja.com

単一のテキストエリアとしての住所入力

私はeコマースチェックアウトフローを構築しており、請求/配送エントリのベストプラクティスを探しています。私が使用するすべてのサイト、およびインスピレーションを得るために調べたすべてのサイトには、アドレスの各部分の個別のフィールドとしてアドレスエントリがあります。ユーザーが単一の自由形式のテキストエリアボックスにアドレスを入力できるサイトが表示されないのはなぜですか?単一のtextareaの方がはるかに速くて簡単に使用できると思います。

チェックアウトフローに単一のtextareaを使用することを真剣に検討していますが、問題は一般的なマルチボックスアプローチとは異なり、顧客を混乱させる可能性があるか、少なくとも顧客を止めて考えることですか?

15
Steve Claridge

TL; DR:単一のテキストフィールドを使用し、単一の文字列として保存し、住所ラベルのプレビューを表示します。


別のフィールドは、誰かが住んでいる国、町、または郵便番号エリアを安全に識別するなど、限られた目的を果たしてきました。また、国の固定リストを提供するなど、いくつかの制約を強制することもできました。また、理論的には、顧客の記録が変更された場合、「行われた変更の数を減らす」ことを許可しました。より難解な終わりに、それは偶数/奇数を見て、右側から道路の左側を判断するのに役立ちます1

これは今日2つの理由で間違っています:

  • 世界
    参考として、 "プログラマーがアドレスを信じる誤り" を参照してください2)

  • グーグル
    オンラインマップサービスは、プレーンテキストのアドレスを理解する上で絶えず優れた機能を発揮し、必要なすべてのクエリに答えることができます(たとえば、典型的な木曜日の午後のトラフィックを考慮して、最も近い配信センターである国、町など)条件)


これらは実際には2つの問題であることに注意してください。

  • データ入力は単一の複数行フィールドまたは複数のフィールドを提供する必要がありますか?
  • バックエンドストアのアドレスを単一のフィールドとして、または複数のフィールドとしてシャウドしますか?

ただし、両方の利点、または少なくとも1つのフィールドによって害を受けることはないと主張します。

根拠

1つのperceivedマルチフィールドの利点は検証です。
確かにそれは重要な部分の欠落からあなたを守るかもしれません(チェチョフの「ワンカ」が頭に浮かびます)。しかし、すべてのアドレッシングスキームが存在するため、アドレスの一部が個別に意味を持つかどうかを決定できるのは人間だけです。自動処理の場合、アドレスに意味があるのは全体としてだけです。

私の考えた意見では、通常のフォーマット、スタイル、背景で住所ラベルのプレビューを表示する("これは、パッケージをどのように扱うかです。これは正しく見えますか?")で十分です。アドレスが正しいことを確認するユーザー。

別のオプションは、オンラインマップサービスを使用して、入力した住所からあなたの場所を表示することです理解

単一フィールドの利点

単一のフィールドは、半ダースの個々のフィールドよりも親しみやすく見えます。すべての可能性をカバーしたい場合は、マルチフィールドが境界線に当たるかもしれません(さて、建物の拡張に何を入力しますか?

「住所」が最初のサインアップで要求されることはめったにありませんが、複雑なフォームの外観は変換と終了率に影響を与える可能性があります。

新しいフィールドを選択するとき、多くのユーザーがマウスとキーボードを切り替えるため(通常の観察)、入力はより高速になることが期待できます。

単一のフィールドで、上級ユーザー向けにアドレス全体をコピーして貼り付けることができます。

@phresnelは、データ入力の一般的なエラーを引き起こします。これは通常、配送会社によって修正されます-入力されたデータの品質をさらに疑わしくします。

バックエンドでは、たとえわずかであっても、単一のフィールドによって複雑さが軽減されます。さらに、それは、アドレスが全体として処理されるべきであるという点に帰着し、あなたが本当に何をしているのかを知らない限り、不透明であると考えられるべきです。

attempting検証から熱狂的な開発者をスローダウンさせることは、ほとんど常に正しくないことが判明することも、具体的なメリットと見なされる可能性があります。

履歴

フィールドが分​​かれているのには十分な理由がありました。初期の自動処理ツールでは、特定のフィールドの場所が固定されていることが期待されていました。強力で簡単にアクセスできる「住所から場所」への変換がなかったため、クエリを実行するときに個々のフィールドに依存する必要がありました。国別の売上高。

マルチフィールドの正当な理由:

あなたはインターネットサービスにアクセスできないかもしれません、あなたは制限的な処理装置と互換性がある必要があるかもしれません、あなたのユーザーは単一フィールドアドレスに問題があるaut-form-fillツールに依存するかもしれません。あなたは陽気で、別のフィールドの将来の必要性に備えたいと思うかもしれません。


1) これは、実際には約15年前に、番地を別のフィールドにする必要がある理由として提案されました。これが実際に使用されたかどうかはわかりません。

2) 同時に、同様に優れた "Falsehoods ... about names" もご覧ください。それからの結論は、さらに到達するでしょう。

17
peterchen

これは興味深い質問です。質問してくれてありがとう。

昨年とまったく同じ考えがあり、いくつかの調査とA/Bテストさえ行った後、フィールドセットアプローチを使用することにしました。これは実際にがファッションアイテムを発送するオンラインショップでの私自身の経験に基づいています。これは配送先住所についてです。請求先住所ではありません。

  1. オンラインで注文するユーザーは、住所の形式に慣れています。彼らは通常、住所2フィールドは必須フィールドではないことを知っており、米国の「郵便番号」フィールドに5桁の入力フィールド用のスペースがあっても、英国の6文字の英数字の郵便番号を使用できます。彼らにテキスト領域を与えると、彼らが正確な指示を書くべきか、それとも単に都市名だけを書くべきかを混乱させることがある。テキスト領域が大きいと、変換にかなりの損失が生じることがあります。

  2. 開発者の観点では、国固有の住所フィールド(セット)を指定することは難しくありません。 xNAL標準を参照してください。国選択リストを上部に配置し(geoIP解決と推測作業を行い)、国フィールドの下に正確な住所フィールドを作成します。ほとんどのお客様はフォームに正しく記入しており、レポートと配信作業ははるかに簡単です。 Google Maps APIまたはそのようなリバースジオコーディングサービスを使用して、正確な都市、州、およびその他の情報を把握できますが、それは追加の作業であり、正確性は保証されません。

  3. ブラウザのオートコンプリート。次に住所フィールドが表示されたら、「市」のフリーテキストボックスをダブルクリックするだけです。おそらく、ブラウザにはそのフィールドの履歴があるため、すばやく選択できます。次に、テキスト領域をダブルクリックします。オートコンプリートの候補はありません。 Safariと他のいくつか(おそらくアドオンを使用)は、構造形式でアドレスを格納できます。

  4. 正しい tab ナビゲーション。 xNALに続いて、高度な(?)ユーザーが次のアドレスフィールドにジャンプできるようにする正しいタブナビゲーションがあります。通り、市、州、郵便番号。

  5. 検証目的:一部の地域に発送できない場合は、送信時に入力された住所を即座に検証できます。さらに、IMOの場合、ユーザーは、住所フィールドセットが表示されたときに、配送について真剣に考えます。

7
Ayesh K

UXの観点から、最も重要な質問は、ユーザーの事前保存された「自動入力」がフォームに入力するかどうかです。単一のテキスト領域がそのような機能で動作するかどうかを本当に確認する必要があります。そうでない場合、ユーザー/顧客/請願署名者/何でも失う可能性があります。特に電話/タブレットベースのユーザーが普及しているため、手動で住所を入力するのは非常に面倒であり、購入/署名/何でも選択を再考し、自動入力が機能しない場合は[戻る]ボタンを押すだけです。

アドレス分離は、次のように要約できると思います。

  • レポートなどのさまざまな理由で役立つバックエンドストレージ
  • 正確性を保証するための住所の個々の要素の検証(解析が必要になることを想像せずに)
  • ラベル印刷

最後に必要なのは、誰かのクレジットカード情報がファイルに保存され、処理され、製品を出荷する方法がないことです。これだけがフィールドを分離する理由かもしれません-配送と請求は一致します。

また、多くのフォームは、何らかの形のオートコンプリートを活用するように構築できるようになったため、提案されたアプローチでは、このフォームのオートコンプリートはトリガーされない可能性が高く、ユーザーエクスペリエンスに悪影響を及ぼします。それは、あなたが言ったように、あなたの慣行の残された分野の性質は、買い物客を別の場所に見せるかもしれません。

3