web-dev-qa-db-ja.com

分割ボタンパターン-使いやすさの証拠?

PowerPointの次のような分割ボタンを使用するかどうかについて、同僚と話し合いました。

An example split button from Microsoft PowerPoint

(欠点)利点

利点:

  • 関連するアクションをグループ化でき、UIをクリーンに保つのに役立ちます
  • 別のボタンよりワンクリックで「遅い」が、すぐにアクセス可能

短所:

  • ユーザーからコマンドを非表示にします
  • 一部のアクションには追加のマウスクリックが必要です

紛争

私達は両方の(不都合な)利点を明確に理解していますが、分割ボタンパターンが良いものであるかどうかについては全く合意できません。私たちの好みは、Microsoft製品に慣れている私と、Apple製品に慣れている私の同僚に関連していると考えました。 Microsoftはこのパターンを頻繁に使用しているようですが、Apple(私の知る限り)はまったく使用していません。

この不一致を考慮して、パターンを検証したユーザビリティ調査はありますか?

9
gummbahla

このパターンに問題はありません。

Googleが ドロップダウンボタン として設計ガイドラインに含めたため、大きな欠陥や重大な問題はありません。そして、彼らがすべてを徹底的にテストしていると私が信じているので、それが安全な賭けであることを心配しないでください。

他のすべてと同じように、あなたが指摘したように、それはそれ自身の長所と短所を持っています。あなたはそれがどの状況でそれが使用に適しているか、そしてどれがそうではないかを決定する必要があるだけです。

1つの画面に多くのアクションがある場合は、1つのドロップダウンボタンの下にグループ化して視覚的な混乱を減らす方が賢明です。逆の場合もありますが、UI/UXデザイナーは、現在の状況にどちらが適しているかを判断するために呼び出します。

3

それはその目的を持っています。

  1. 画面スペースが貴重な場合にそれを節約します
  2. 「頻繁に使用する操作」をより見やすくするのに役立ちます
  3. (メニューと同様に)関連する操作を分類するのに役立ちます。

電卓を考えてみましょう。 +、-、*、/を分割ボタンに組み合わせると、人々はあなたを不快に思うでしょう(頻繁に要求されるため)。しかし、sin、cos、tanを組み合わせると、奇妙に見えない場合があります。

ユーザーが分割ボタンに強く抵抗している場合は、ドロップダウン選択ボックスを使用して、その横に[送信]ボタンを配置することもできます。

2
blackpen

これは単なるメニューですが、メニューバーではなくボタンに接続されています。

そのため、簡単に理解でき、プルダウンメニューに関連する優れた機能があり、メニューバーメニューよりも便利である可能性があります。デフォルトのアクションをバーのテキストにバインドすることの便利さ(少なくともPhotoshop 7ですでに見られる)を反映するようにメニューバーが再設計される可能性は十分にあります。

0
MMacD