ユーザーが任意のグループを定義/変更できるページを設定する方法
HTMLページでグループの概念を定義して維持することに興味があります。
例：
- ユーザーは英語圏の国のグループを定義します。
- 次に、このグループに英語を話すすべての国を割り当てます。
- ユーザーは、使用可能なすべてのグループを表示し、それらを割り当て/変更できます。
機能のそのような種類のページの標準的なデザインはありますか？
これはまさにその種のプロセスであり、試してみる余地が非常に多いため、複数の解決策が得られ、それらはすべて妥当であると考えることができます。 「標準設計」を見つけられないかもしれません。あなたはあなたのために働くであろう最も単純なバージョンを使うべきです。
RBAC（Role-Based Access Control）製品をご覧ください。 RBACシステムは、役割とアクセスレベルを割り当ててユーザーを管理するために、探している多くのUI構成を備えています。つまり、グループ（ロール）を作成し、そのロールにアイテム（ユーザー）を割り当てます。
私は内部で使用するために構築した基本的なRBACに取り組みました。以下のワイヤーフレームに概要を示しました。
それほど多くはありません。私たちが行った重要な設計上の決定は、既存のグループと対話するための「レイヤードページ」アプローチを採用することでした。つまり、下の最後のワイヤーフレームで、ユーザーがクリックしてグループを編集しました。この場合、グループはメインリストUIの上に重ねられた「ページ」として表示されます。これは Basecampプロジェクト管理アプリ から借りたパターンです。ユーザーはグループと対話し、リンクになっているより深いページ（つまり、「グループ」）の「X」またはタイトルをクリックすることにより、下のページに戻ることができます。
慎重に適用されたページレイヤーとモーダルダイアログの組み合わせで、かなり多くのことを達成できます。
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
ユーザーストーリー形式で記述：ユーザー定義グループ
ユーザー定義で主観的であるため、国を扱っているという事実は問題になりません。
- ユーザーとして、定義したグループにアイテムを整理したいので、___（ビジネスケースを追加）
- ユーザーとして、オプションのリストを表示して、それらのサブセットを選択して、選択したラベルで整理できるようにしたいと考えています。
- ユーザーとして、グループを表示して____（ビジネスケースも）できるようにします。
- ユーザーとして、カテゴリーを変更できるようにグループを更新したいと考えています。
- ユーザーとして、カテゴリーを変更できるようにグループを削除したいと考えています。
- 等。
（おそらくもっとありますが、簡潔にするために省略しています）
主な使いやすさの問題は、ユーザーが含めるものについて自分で判断できるように、ユーザーにすべてのオプションを示しています。オプションを非表示にしないように努力してください。多数ある場合は、最初に一般的なデフォルトカテゴリを作成する必要があります。あまりにも多くのオプションを事前に非表示にすると、意思決定プロセスが妨げられます。彼らに効果的に決定させるために最善を尽くす。
注：これを構築している理由がわからないため、ビジネスケースが想定されます。
この情報はすでに存在していますか？
- クイズについて話しているのではない場合は、既存のデータストアを使用してUIを事前入力することを検討してください。 CIA World Factbookから国の主要言語に関するデータを引き出すことが役立つでしょう。
- Google Earth APIのようなものは、地域を選択して地理情報を視覚化できるジオコーディングとユーザーインターフェイスを提供できます。
- あなたの例では、時間をさかのぼって、地理的領域にわたる言語の移行を時系列で視覚化する機能を見るのは興味深いでしょう。
これらのアイテム間の分類法または関係を定義します。地域間の関係にネストはありますか、またはアイテムを表現するときに提示する必要がある国や方言間の言語間の関係はありますか？
ユーザーにとってどのような情報が重要であり、アイテムが選択されると、コンテナ間で移動されますか、それともミラーリングされますか？
これらのメンバーとグループの存在と関係が、ユーザーが表現と対話する方法を決定する可能性があるため、これは重要です。