web-dev-qa-db-ja.com

特定の役割と権限を持つ複数のユーザーを招待するUI

一度に複数のユーザーに招待状を送信するアプリケーションがあります。現在のUIは非常にシンプルですが、要件が変更されました。さまざまな役割と権限を持つユーザーを招待します。

次のデザインを作成しました: enter image description here

これは設計の説明です:

  1. 新しいユーザーを招待するための電子メールを追加するテキストボックスのリスト。
  2. 役割と権限:役割のチェックボックスを選択することで、特定の役割と権限を持つユーザーを招待できます。
  3. グループ、部門、チームのドロップダウンは、特定のチームのユーザーを招待するためにあります。
  4. 一番上のチェックボックス:招待する場合は、最初のユーザーと同じ役割と権限を持つ100人のユーザーにこのチェックボックスをオンにしてもらいます。このチェックボックスが選択されている場合、次の画面バリアントが表示されます。

enter image description here

このような一括招待の場合、この画面バリアントは混乱し、余白が多すぎます。

この画面をよりユーザーフレンドリーで効率的なものにするために、この一括招待デザインをどのように改善できますか?

4

これはどう?

mockup

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

コメントのとおり、「タイトな」UIが必要な場合は、テーブルを使用してすべてのレコードを同時に表示できます。

mockup

bmmlソースをダウンロード

1
Ivan Venediktov