複数アイテム設定

Question

ユーザーが同じ設定を複数のアイテムに同時に適用できるようにするための既知の設計ガイドラインはありますか？

また、どのアイテムが同じ/同じ設定であるかを明確にするにはどうすればよいですか？

簡単な例として;アイテムのリストがあり、各アイテムには、他のすべてのアイテムとは異なる設定セットを個別に設定できます。ただし、ユーザーは通常、複数の項目を同じ設定に構成してから、戻って項目の1つだけを選択し、わずかな変更を加えて構成します。

このために2つのデザインを念頭に置いています。

アイテムのリストを表示し、ユーザーがアイテムを選択すると、リストの右側のパネルにそのアイテムの設定が表示されます。しかし、これは複数アイテムのシナリオではまったく機能しません。リストのチェックボックスで複数の項目を選択できるようにして、設定パネルですべての項目の設定を一度に組み合わせることができます。どのアイテムが同じ設定を持っているのか、2つの選択されたアイテムが異なる設定を持っているときにパネルに何を表示するのかは明確ではないと思います。
アコーディオンコントロールを使用して、項目と設定を論理的にグループ化できます。ただし、ユーザーが設定を行う前にアイテムをグループ化する必要があることを意味するため、これも少し不格好に感じます。これにより、ユーザーがアイテム設定の1つを変更したい場合は、ワークフローが複雑になります（グループからアイテムを削除して、独自のグループに追加する必要があります）。すべてのアイテムに独自の設定がある場合、これも少し面倒になると思います。

このデザインについてのアドバイスは大歓迎です。

PS。これは、オンラインWebアプリケーションに実装されます。

Michael Lai · Answer

適用する必要のあるアイテムと設定のタイプをよりよく理解することは良いことですが、頭に浮かぶ戦略/パターンの1つは、権限の設定によく使用される従来のデータグリッドです。したがって、右側にあるユーザーのリストと、上部にある権限のリストがあり、列の各セルがチェックボックスとして実装されています。次に、アクセス許可のALL列を作成して、その列見出しをチェックすると、特定のユーザーのすべてのアクセス許可またはアクセス許可がチェックされるようになり、個々のアクセス許可のチェックを外したい場合も同様に実行できます。それは少し手間がかかりますが、それでも試行錯誤された真の方法です。

Laurian Vega · Answer

複雑なUIコントロールに適したUIパターンを見つけることは、おそらくUXジョブの3つの問題の1つです。あなたが気に入らないだろうという答えは、おそらく3つの別々のデザインを考え出し、廊下のユーザビリティテストを行って、どちらが最良/最も簡単かを確認することです。これは、紙のプロトタイピングまたは単純なワイヤーフレーミングツールを使用して、かなり迅速に行うことができます。それ以上に、 Luke WroblewskiによるWebフォームデザインを参照することをお勧めします。フォームへの情報の入力について説明しますが、これは関連していますが、探しているものとはまったく異なります。ベストプラクティスがカバーされており、私はこの本に何度も何度も戻ります。

Benjamin Malley · Answer

このページ（リストビルダーを検索）のように、リストビルダーのパターンを試すことができます。リストビルダーのUIに隣接するリストの設定を表示します（またはウィザードスタイルの「次へ」を使用します）。このパターンはデスクトップアプリよりもウェブアプリでは一般的ではありませんが（他の理由がなければ、ウェブであまり実行されない複雑な操作である場合）、jQuery UIライブラリは[興味深いバリアント]（ http://wiki.jqueryui.com/w/page/12137993/ListBuilder ）試してみるか、独自に作成することもできます。

Jason Tavarez · Answer

私はあなたの最初のアプローチが好きで、それをさらに進めることをお勧めします。一度に複数のアイテムを選択できるようにするために、チェックボックスを含めることを試すことができます。その時点で、複数のアイテムの1つの設定パネルをどのように表示するかが問題になります。たとえば、項目ごとに回答が異なるテキストフィールドは、空白にしたり、[複数回答]に置き換えたりして、入力を待つことができます。チェックボックスには、組み込み可能な「不確定」状態もあります。

ただし、複数のアイテムの設定を1つだけの場合と同様に簡単に変更できるオプションをユーザーに提供する必要があります。ここでの重要なポイントは、ユーザーが何をしているかを確実に把握することです。単一のアイテムを編集するだけでアクションの結果を確認するのは簡単ですが、複数を選択した場合、追加の手順には次のようなものがあります。

「[〜＃〜] x [〜＃〜]items items」のような設定の上に警告メッセージが表示されます
設定を適用するときに確認ボックスを表示し、[〜＃〜] x [〜＃〜]アイテムの個々の設定が上書きされることをユーザーに通知する。
また、一度に1つのアクションを編集することをお勧めし、想定された方法（実際にそうである場合）であることを強調するには、アイテムの任意の場所をクリックすると、デフォルトでそのアイテムのみになるようにします。選択されました。ユーザーが複数のアイテムを選択するには、特にチェックボックスをクリックする必要があります（考えた場合、ユーザーは1つのアイテムのみを編集することを想定しているため、アイテムを直接クリックし、編集したい場合は複数のアイテムがあるので、チェックボックスに移動します。

一見すべてのマイナーなことですが、機能がどれほど直感的であるかが小さな要素になり、これにより誰もが簡単に欲しいものを手に入れることができます。