プライマリセレクタとセカンダリセレクタの両方のUI要素
現在、著者が記事を投稿できるコンテンツ管理システムに取り組んでいます。公開する前に、記事の主要カテゴリを選択する必要があります。たとえば、「エンターテイメント」、「政治」、「テクノロジー」などです。これにより、サイトの全体的な階層のどこに記事を提出するかが決まります。事前定義された数の選択肢から選択できるため、現在、これはラジオボタングループを使用して実現されています。
ただし、該当する場合、作成者は1つの記事に対して複数のカテゴリを選択できる必要がありますが、1つのカテゴリのみが主要カテゴリになります。これは現在、「セカンダリ」というラベルの付いたカテゴリを再度リストし、チェックボックスを使用して実現されています。
ユーザーの意図は明白ですが、インターフェースが不格好になったり、スペースが無駄になったり、スケーラブルではありません。
これらのマルチセレクターを1つのUI要素に組み合わせることができるカスタムコントロールに関するアイデアはありますか？
最初にすべてのカテゴリの選択を許可し、次にデフォルトのカテゴリの選択を許可することができます。
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
デフォルトのカテゴリのドロップダウンには、上で選択したカテゴリのみが表示されます。選択したカテゴリが1つだけの場合は、それが自動的にデフォルトのカテゴリになります。
2つの別個のリストを用意するのではなく、それらを組み合わせてみませんか？
アイテムがチェックされている場合にのみ表示されるラジオボタンの2列目を追加します。このように、最初のユーザーアクションは、コンテンツに適用するカテゴリを定義し、そのサブセット内でユーザーがプライマリカテゴリを定義することです。
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
これにより、より少ない画面の不動産を使用できるようになり、ユーザーにとってより直感的になる可能性があります。