web-dev-qa-db-ja.com

同じフォーム内で登録およびログインするための最良の方法

ユーザーがすべてのデバイス間で同期されるデータベースにアイテムを追加するアプリがあります。ユーザーにログインして、各アイテムに著者を添付し、各ユーザーが累積した「ポイント」を記録する必要があります。現在、私のログインフォームは次のようになっています。

Current form

彼らが「オフ」トグルボタンを押すと、「登録」ボタンがクリック可能になりますが、このシステムは私のユーザーを混乱させます。

システムの仕組みを考えると、私のユーザーは一意のユーザー名だけが必要で、パスワードなどは必要ありません。ユーザー名がクラウドデータベースに照らしてチェックされ、一意であることを確認します。ユーザーが名前を選択しなくてもアプリを使用できるようにしたいので、「ログイン」フォームと「登録」フォームを別々にするのは馬鹿げているようです。 this 質問ですが、この場合、登録に追加情報は必要ありません。実行するには別のスクリプトが必要です。これを行うためのクリーンでわかりやすい方法はありますか?

4
Devon Muraoka

うわー、なんて気持ちのいい体験。残念ながら、このユーザーシナリオでは、Webでのほぼすべてのログイン/登録エクスペリエンスが混乱します。

これは、ログインと登録を分離する業界標準のプロセスをしない場合、ユニークなUXの戦いと戦うことを意味します。いつも言われているように、 ホイールを再発明しないでください

プロセスの開始時にユーザーに選択肢を与えることをお勧めします。

ログイン||登録

どちらかをクリックすると、フォームフィールド、「オフ」オプション、および[送信]ボタンが表示されます。

これにより、ユーザーにとって移動は非常に論理的で明確になります。

  1. ユーザーがログインするか登録するかを決定します。ログインの選択をデフォルトで開き、登録オプションを2番目のタブオプションとして開始することができます。
  2. ユーザーは関連する登録情報を入力します
  3. ユーザーがアイテムの状態を選択します
  4. ユーザーが選択を確認

上記のスクリーンショットを使用すると、旅は次のようになります。

  1. ユーザーはフォームフィールドを表示しますが、何を配置するか不明です。彼らは新しい場合、別の登録なしでユーザー名を入力できることを理解していません。
  2. ユーザーにはオフボタンが表示されます。
  3. 「登録」ボタンが表示されます。これで、このページに登録してステップ1に戻ることができることに気付きました。
  4. ユーザーはステップ1で、情報を入力します
  5. ユーザーは登録ボタンをクリックするように移動します

編集:私はログインすると、今後のアクションでこのオプションが表示されなくなるという想定に取り組んでいます。

4
Jacktionman

システムにアクセスするための資格情報の実際の認証はないため、「ログイン」フォームと「登録」フォーム(ユーザーアカウントがないと言っているため引用)を用意する必要はありません。

ユーザーがたまにしかコンテンツを送信しない場合は、個別の画面を完全になくして、コンテンツ送信フォームで名前/ユーザー名/電子メールを要求するだけです。

ユーザーがコンテンツをかなり頻繁に送信する場合、名前/ユーザー名/電子メールをユーザーに要求することは、煩わしい繰り返しの手順になります。次に、以下のような初めてのユーザーエクスペリエンス用の簡単なようこそ画面を作成し、フィールドの編集機能をアプリの設定に移動します(ユーザー名と呼ばれるプロパティを追加します)。

編集

コメントから、ユーザーはアプリを匿名で使用できるはずであることが判明したため、匿名アクセスボタンを追加しました。ウェルカムメッセージとボタンラベルのコピーは、明確で使いやすいように実際のユーザーでテストする必要があります。

mockup

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

1
dnbrv