web-dev-qa-db-ja.com

2つの異なる種類のログインフォームを表示する最良の方法

2種類のアカウントがあるWebサイトがあります。

  • 学生:ログインすると、学生は数学のクイズを行うことができます
  • 教育者:教育者は、ログインすると、生徒のさまざまな詳細を表示できます。また、新しい学生を登録したり、コースに学生を登録したりすることもできます。教育者は、クイズを受けることはできません。

各学生アカウントは1つの教育者アカウントに関連付けられており、教育者は複数の学生を持つことができます。

現在の ログインページ には、2つの形式が並んでいます。 1つは学生用、もう1つは教育者用です。

問題は、多くの人々が教育者としてログインし、クイズの方法を見つけることができないことです。彼らはウェブサイトを探索し、最後にクイズを実行できないことを私にメールで送信します。私のウェブサイトのユーザーインターフェースの方が優れているようです。

ログインフォームを1つのフォームにまとめ、ユーザーに(ラジオボタンなどで)ログインしたいhowを選択することを強制することを考えました。しかし、それが当面の問題を解決するかどうかはわかりません。

私のウェブサイトにアクセスする人々が混乱しないように、ログインフォームを提示するより良い方法はありますか?

編集:複数の回答がこれを示唆しているので、質問をさらに明確にしています。

最初に、誰かが教育者としてログインしたのか、学生としてログインしたのかを簡単に検出できます(ログイン後に別のインターフェイスを表示すると、すでにそうなっています)。問題はユーザーの期待についてです。人が[〜#〜] e [〜#〜]は生徒を望んでいるとします[〜#〜] s [〜#〜]はクイズを行います。彼らはアカウントにサインアップし、2つのアカウントを作成します。1つは[〜#〜] e [〜#〜]用で、もう1つは[〜#〜] s [〜#〜]用です。次に、[〜#〜] e [〜#〜]としてログインすると、さまざまなコースに[〜#〜] s [〜#〜]を追加できます、追跡[〜#〜] s [〜#〜]の進行状況など。[〜#〜] s [〜#〜]ログインしたとき、または[〜#〜] e [〜#〜][〜#〜] s [〜#〜]としてログインし、コンピュータ/デバイスに[〜#〜] s [〜#〜][〜#〜] s [〜#〜]はクイズを行うことができます。

[〜#〜] e [〜#〜]ログが[~~~~ ss [〜#〜]クイズ。 [〜#〜] e [〜#〜]としてログインしているため、クイズを実行する場所が表示されません。

ウェブサイトは小学生を対象としているため、ほとんどの場合、教育者は学生のためにログインし、学生にクイズを実行させます。したがって、すべての実用的な目的のために、教育者は2人のユーザーとしてログインを制御できます。

5
user2552097

多くのユーザーが学生である(したがって、エラーが増える)ため、デフォルトのログインフォームを用意することをお勧めします。この事実を強調するには、フォームのラベルUsernameStudent nameに置き換えることをお勧めします。

教育者のログインフォームは分離する必要があります。コマンドリンクでオンにすると、同じ場所に配置できます。
enter image description here

アイデアは普及しているユーザーグループのアクションの労力とエラーを最小限に抑え、別のグループに簡単に切り替えるです。

8

ログインページを1つだけ作成し、ユーザー名またはメールでパスワードの一致を成功させることができます。アカウントは、学生であれ教育者であれ、一意です。 2つのフォームがあると少し混乱し、1つのフォームがメールを使用し、別のフォームがユーザー名を使用することは、人々にも深刻な問題を引き起こす可能性があります。

サインアッププロセスに関しては、次のような、サインアップ成功に関するより詳細なフラッシュメッセージを提供することもできます。

You have signed up as a student, meaning you have access to X, Y and Z, 
Is this correct? <link>switch account type to educator</link>

メッセージをわかりやすく明確にして、ユーザーに表示されるようにします。注意を引くには感嘆符を付け、ボタンを閉じると表示されます。

最後の注意...あなたのシステムはサインアップするために一般に公開されていますか?それが大学の教員などの特定のユーザーのサブセットを対象とした内部システムである場合、スタッフと学生のスプレッドシートを解析し、ログインの詳細をメールで送信することを検討する必要がありますか?

質問の編集に応じて...

多分あなたのシステムは教育者が彼らが追加したすべての学生のページを含むすべてのログイン保護されたページにアクセスできるようにする必要があります次に、教育者が受験する学生の一人とテストでは、学生Aがこのテストを受けていることをシステムに伝えることができます(たとえば、追加のフォームフィールドは、テストの教育者にのみ表示されます)。ログインした場合と同様に、学生アカウントはこの位置から完全に更新できます。

次に、学生向けの一般向けのサインアップフォームを完全に削除し、新しい学生を獲得するときに必要に応じて教育者にアカウントを作成させるだけです。

4
Toni Leigh

異なるログインページ。学生のための。教育者向け。

これを Careers 2. にログインすると、ホームページにログインして「候補者」のアカウント作成ページに移動し、 / employers サイトにログインすると、「雇用者」に移動します。 "アカウントページを作成します。

私たちのシステムは完璧ではありませんが、いくつかの素晴らしいことを行うのに役立ちます:

  1. サインインまたはサインアップする場所について混乱することはほとんどありません。
  2. さまざまなログイン/アカウント作成エクスペリエンスを利用できます。 (例:OpenIDは何であるかわからないため、雇用者のログインページではOpenIDが非表示になっています)

私たちのシステムはあなたのシステムとは少し異なります。なぜなら、雇用主と候補者を区別するために何かをする(求人情報を購入するかcvを作成する)までアカウントは変わらないからです。それでも、2つの異なるページへの適切にラベル付けされた2つのリンクがユーザーの混乱を大幅に削減すると予測します。

3
Will Cole

学生または教育者としてログインすることではなく、学生または教育者としてサインアップすることです。サインアップページで、彼らが何をしたいかを尋ねる必要があります。もう少しユーザーフレンドリーにするために、彼らがサインアップしている間に次のようなものを含めることができます:

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

次に、彼らがサインインすると、「ようこそ、ユーザー名!」とともに彼らが何であるかを示すことができます。それが役に立てば幸い

編集:それを少し よりユーザーフレンドリーにします

1
Nash Vail

さて、EがSにクイズをさせると考えてログに記録すると問題が発生します。 Eとしてログインしているため、クイズを実行する場所が表示されません。

ウェブアプリケーションで、教育者(Eなど)がクイズを実行する学生(Sなど)をどのように選択するか教えていただけますか?

私が理解している限り、Eの下でサインアップした学生のリストを表示する必要があります。

  • 「S」を選択して「Do Quiz」ボタンをクリックすると: Student selection GUI

  • ログインフォームを「Login as S」に表示します Form to login as 'S'

1
Sarthak Tak

ドロップダウン/ラジオオプション/タブなどを使用して、ユーザーがサインアップ時に生徒または親として登録するかどうかをユーザーが決定できるようにします。(生徒が親として登録しないようにする場合は、他の質問全体!)

ログインフォームは1つだけにしてください。ユーザー名/メールアドレスは一意であるため、ログイン時に候補者が生徒か親かをシステムが判断するのに問題はないはずです。

ボーナス:特定のケースでは、ログイン時に生徒のユーザー名と保護者のメールを使用しているようです。必要なのは、ユーザー名がメール形式かどうかを確認することだけです。ログインしてください。そうでない場合は、学生です。)

0
SNag