it-mure.jp.net

ログインフォームのパスワードの後に​​入力フィールドを置くのは悪い考えですか?

Twitterの @ DanWilson によって、私はこのステートメントに興味をそそられました。

すべてのWeb開発者:パスワードボックスの後、フォームの送信ボタンの前に何も入力しないでください。タブは直接送信して送信する必要があります。

私が説明を求めたとき、彼は付け加えました:

uIパターンがユーザー名TABパスワードTAB Enterキーであるためです。

たとえそれが逸話的なものであっても、その主張を裏付けるまたは矛盾する証拠を誰かが私に指摘することはできますか?

9

最良のタブの状況と一般的な状況は次のとおりです。

  • 入力:email
  • 入力:パスワード
  • チェックボックス:私を保持logged in(時々これは省略されます)
  • ボタン:送信(スペースバーの使用方法に注意してください。状況によっては、Enterよりも高速です)

証明:

  • Google(統合ログイン)
  • Yahoo(統合ログイン、Flickr、Deliciousを含む)
  • Twitter(一貫性を保つために、視覚的なフローとタブのフローがどのように異なるかに注意してください!)
  • Facebook(ibidem)
  • バイドゥ
  • ウィキペディア
  • LinkedIn
  • クレイグリスト
  • 私のスペース
  • IMDB

注目すべきブレーカー:

  • MSN
  • eBay

したがって、これらのサイトには、おそらく世界のほとんどのWebユーザーが含まれており、それらはすべて、私が説明した動作と一致しています。

7
Folletto

このパターンの重大な中断は、役立つフォーム設計者が、パスワードの後で送信ボタンの前のタブストップに[パスワードを忘れた]リンクを配置した場合です。これにより、必然的にページが更新され、新しいフォームが読み込まれます。次に、戻るときに、適切なセキュリティ慣行に従って、パスワードフィールド(最初に入力したもの)は空白です。

私はデザイナーと開発者の美的自由を完全に尊重し、Webが均一に見えるようにしたくないのですが、Webの動作は同じである必要があります。

ダンウィルソン

6
Dan Wilson

あなた自身の経験について考えてみてください-サイトにログインしたとき、あなたは何を期待していますか?私、ダンが言ったことを正確に実行することを期待しています-ユーザー名TABパスワードTABを入力してください。 「Remember me」機能がこの基本的な概念を維持している配置を見たことさえあります。chase.comで「Remember my username」チェックボックスにタブで移動するには、実際に送信ボタンをPASTしてタブにフォーカスする必要があります。本当に気に入っているかどうかはわかりませんが、一般的なログインの方がはるかに速くなります。

私が彼のステートメントに加えなければならない1つの追加は、ログインページでは、最初のフォーカスはユーザー名フィールドになければならないということです。ページが最初にロードされたときにフォーカスが正しく設定されていない(またはまったく設定されていない)ところにアクセスしたWebサイトの数を数えることができません。

5
Charles Boyung

UXパターンの主流はユーザー名TABパスワードTAB Enterだとは思いません。パスワードを入力した後で余分なTAB + Enterを押すのはなぜですか?キーストロークを保存し、パスワードを入力してEnterキーを押してフォームを送信します。 Chaseが述べているように、ログインフォームの場合:ユーザー名TABパスワードEnter。

Type = 'submit'の代わりにinput type = 'button'を使用してフォームに誤った送信ボタンがあるフォームを、より不快なUXペナルティと見なします。これにより、フォームがEnterである必要がある場合にフォームを送信するというTAB + Enterの習慣が強化されます。

3
John Hodorowicz

「このパターンは使っていません」とは無関係です。パターンが支配的なパターンであるかどうか(そして、サンプルサイズ1はこれを示さない)かどうかに関係なく、重要なパターンである場合は、それを尊重する必要があります。たぶん、ユーザーの10%だけがEnterキーを押す前にタブを押しますが、これほど簡単な修正でユーザーの10%を怒らせたくはありません。

1
DJClayworth

ログインフォームの場合、デザインでパスワードと送信の間に何かが必要な場合でも、タブオーダーを変更して、タブ操作時に悪いエクスペリエンス要素をスキップすることができます。多少似ている https://www.bankofamerica.com/ を参照してください。タブはユーザー/エリア/送信に移動し、タブを続けてチェックボックスとリンクのリンクを取得します。

より広い問題(私にとって)は、アクションがあるべき場所に反アクション要素を配置することだと思います。送信ボタンが通常あるキャンセル/リセットボタンなどです。

1
Joshua Cyr

私はジョンに同意します。ほとんどの人はパスワードフィールドでEnterキーを押すか(私はそうです)、またはEnterボタンをクリックまたはタップすると思います。

ただし、Tabキーを押してからEnterキーを押す少数のWindowsユーザーにとって、Danは正解です。パスワードの編集フィールドとEnterボタンの間に何もないはずです。

MacではデフォルトでTabキーを押すと次の編集フィールドまたはリストボックスに移動するため、Windowsユーザーを選びました。ボタンが表示されることはありません。 Linuxユーザーへの謝罪。そこの詳細はわかりません。

1
Hisham