ユーザー偽装機能のビジュアルリファレンス
現在、ユーザーがログインすると、ページの上部にニックネームとサインアウトするための終了アイコンが表示されます。
「なりすましユーザー」機能を実装しようとしていますが、表示されるニックネームが実際のユーザーの名前ではなく、なりすましているユーザーであることを明確にするにはどうすればよいか疑問に思いました。また、終了アイコンは実際のログアウトは行わず、ユーザーを以前のアカウントに戻します。
なりすましアクションで何が行われているのかについて、クリーンでシンプルな視覚的参照となるもの。
私は ランジャンの答え あなたがウェブサイトをできるだけ現実に近く見たいと思うことに同意します。したがって、ユーザープロファイルとログアウトリンクをそのままにし、トップバーを偽装モードであることを示す表示として追加します。
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
モックアップでわかるように、なりすましユーザーに戻る方法について明確な説明を与えることができます。これらの機能を持つユーザーは、ログアウトボタンから戻ることができることを理解していない可能性があるため、デジタルマインドが低い場合に非常に役立ちます。
これは、ユーザーに関連するリンクの動作がより複雑な場合にも役立ちます。
ウェブサイトがウィンドウやスクロールの高さに大きく依存している場合、これはよりトリッキーになる可能性があることに注意してください。その場合、通知をウィンドウ（position fixed）。
管理者モードまたはテストモードの場合、テスターは通常、ユーザーの視点にできるだけ近い形でWebサイトを表示できることを望みます。
これを行う1つの方法は、上部の身廊バーを別の色（赤や緑など）で強調表示して、テスターがブラウザーが偽装モードであることを認識できるようにすることです。 。
なりすましの種類
興味深い質問です！これがどのように見えるかは、なりすましの目的と、なりすましと偽装の間の関係によって異なります。
適切なアプローチを考案するのに役立つ質問はほとんどありません。たとえば、なりすまし機能はソーシャルネットワーキング製品やエンタープライズソリューションに必要ですか。 「なりすまし」が抱える問題を解決するように設計されているか、またはこれらの問題を解決するために彼/彼女を導くか？
さまざまなアプローチ
あなたの質問から私が理解したことから、「なりすまし」は「なりすまし」アカウントへの完全なアクセス権を持っています。これは、ユーザーアカウントからログアウトするためのドロップダウンと組み合わせることができます。
ところで、上記は、アクティブなアカウントをさらに区別するために色を使用してさらに強化できます。
私はこれを、かなり明白なUI状態の変更と言い回しの変更を組み合わせることによって行います。たとえば、ログインしたときにヘッダーが通常は白の場合は、明るいオレンジに変更してステータスの違いを示します。同様に、UIの上部にバーを貼り付けることもできます これのように 。
言い回しに関しては、「ログアウト」の代わりに「現在表示中」や「{{前のユーザー名}}に戻る」のようなものかもしれません。
この機能を数回実装した結果、最もクリーンなソリューションは「Sudo」ではなく「exec」であることがわかりました。手順：
- パワーユーザーがログインします。
- パワーユーザーは「ログイン」機能にアクセスします。
- パワーユーザーのタイプターゲットユーザーのユーザー名。
- パワーユーザーが送信ボタンをクリックします。
- ページが起動し、セッションでターゲットユーザーを確認して、Auth :: login（target）を実行します。
- アプリは、ターゲットがログインしたかのように動作します。
- ターゲットのなりすましは何でもします。
- ターゲットの偽装者は通常どおりログアウトします。
- パワーユーザーは、通常のチャネルを介して再度ログインする必要があります。
このアプローチでは、UIを変更する必要はありません。ただし、監査の目的で、セッションはパワーユーザーを保持し、監査ログでそのIDを使用できます。