(チェックボックス機能のように)個別に押したり押したりできないボタンのリストがあります。一部のボタンはいくつかの属性(+または-)を持つこともできますが、これらの属性を選択することは一般的ではなく、最も一般的なのはボタンの初期値を使用することです。
私の添付画像を参照してください:
この設計のアイデアは、ユーザーが必要な値をクリックするだけでよいようにすることです。これは、選択を行うためのかなり高速な方法です。ユーザーが属性+または-(「b」および「c」で使用可能)を追加したい場合は、ボタンを押してください。しばらくすると、ドロップダウンリストに選択肢が表示されます。
これの欠点は、私が見るように、2つの標準UI要素(ボタンとドロップダウンリスト)をマージしようとすることです。
残念ながら、これをテストするためのユーザーテストシナリオを作成する時間はありません。
これに関するフィードバックはありますか? 「b」と「c」に+または-を追加するより良い方法を提案できますか?
マウス操作では、メニューボタンの代わりに分割ボタンを使用できます。上のボタン「A」、「B」、...では、押された状態または押されていない状態を選択できます。下のドロップダウンボタンを使用して、属性を選択できます。
分割ボタンの例(スタイルなし):
その他のアプローチ:マウスを「A」、「B」ボタンの上に置くと、属性の選択が表示されます。
あなたがそれを提案した方法は OmniGraffle が行う方法であり、私はいつもそれが非常に直感的であることがわかりました。それらの実装のいくつかの詳細:
これについての私の最初の考え:
最初にオプションを非表示にして、ボタンをクリックした後にのみ表示する必要があるのですか?これは、初めてのユーザーにとっては驚きです。
ボタンに記号[a/b/c/d]の上下にプラス記号とマイナス記号を含めることができ、UIロジックがユーザーから非表示になっていると、より直感的になります。おそらく、必要なクリック数も減らすでしょう。