web-dev-qa-db-ja.com

2つの選択ボタン1つが望ましいが、入力タイプが異なる

同じページに2つのログインフォームがあります。ユーザー名とパスワードでログイン、メールアドレスとパスワードでログインします。

フォームをタブで区切りましたが、ログインフォームの1つが常にタブのデフォルトの動作として選択されています。

ユーザー名とパスワードのあるものがデフォルトで選択されたフォームです。

しかし、人々は私がユーザー名とパスワードを尋ねるフォームに彼らの電子メールアドレスを入力し、私は多くの不快なログインの試みを得ました。

アコーディオンメニューがデフォルトで折りたたまれているか、ナビゲーションピルが付いているのではないかと思いました。別のオプションは、2つのボタンがあり、クリックすると、それぞれのログインフォームが開くことです。

助言がありますか?

2
SNaRe

ほとんどのビジネスWebサイトや大規模なソーシャルWebサイトでは、ユーザー名の代わりに電子メールを使用していると思いますが、ユーザーを混乱させないようにするには、ユーザー名フィールドEmail/Username、また、システムはAIのいくつかの簡単な方法を適用して、ユーザー名フィールドの内容を検出する必要があります。次に例を示します。

ユーザー名フィールドに何かを入力し始めたら、次の手順でコンテキストを調べ始める必要があります。例として!

1-一部の文字の後に「@」と入力し始めた場合は、メールを受け入れるようにモードを切り替えるようにシステムに指示します。

2-次に、彼が電子メールの入力を終えた場合、適切な方法ではなく、彼を誘導して彼の電子メールのギ酸を修正することができます。そうしないと、通常のテキストとして受け入れられます。

これで全部だと思います!ログイン領域は、ユーザーに複雑さを感じさせないように十分にシンプルでなければなりません。

知っておくべき重要なこと:バックエンドで過ごす時間と同じように、これはフロントエンドを単純化し、逆もまた同様です。

2
Khalil Hanna

フィールドを1つの入力に組み合わせて、サーバー側で使用したものを特定することは可能ですか?そうすれば、フィールドの半分を省くことができ、ユーザーは決定を行ったり、メールまたはユーザー名でログインするかどうかを覚えたりする必要がありません。

1