web-dev-qa-db-ja.com

UXガイドラインは、テーブルセルのドロップダウンボックスについて何と言っていますか?

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

私はAppleインターフェイスのガイドラインとWindows UXのガイドラインで、テーブルセルのドロップダウンメニューの標準的な動作がどうあるべきかについて調べています。それについての言及はありません。具体的な質問次のとおりです。

  1. ドロップダウンは常に表示する必要がありますか、それともユーザーがセルをクリックして編集したときにのみ表示されますか?
  2. シングルクリックまたはダブルクリックでドロップダウンする必要がありますか?

たとえばQt GUIツールキットの標準的な動作は、コンボボックスを持つセルが通常のテキストフィールドのように見えることです。それらをクリックして編集すると、コンボボックスが表示され、クリックできます。つまり、常にダブルクリックする必要があります。他のアプリケーションでは、コンボボックスは常に表示され、シングルクリックのみが必要であることがわかりました。

おそらく標準はありませんが、トレードオフは何ですか?あるアプローチを他のアプローチよりもいつ使用するべきか。

編集:これはデスクトップアプリケーション用なので、ウェブページのベストプラクティスには興味がありません。コメントの多くはWeb UIに関連しているようです

7
Erik Engheim

主にグリッドが何のために使用されているかについてよく考えてください。 #1に回答するには(ドロップダウンが常に表示されている必要があります):これは、ユーザーが情報を編集することを期待しているグリッドですか?もしそうなら、おそらくドロップダウンを常に表示しておく方が使いやすいでしょう。クリーンなUIと使用できないUIの間には細かい境界線があり、最も使用可能で機能的なインターフェイスは、必ずしも最も美しいという賞を受賞するものではありません。時間の約80%の場合、ユーザーはデータのテーブルを参照しており、変更される可能性は低いため、必要になるまでドロップダウンを表示しないことを示している可能性があります。

常にドロップダウンを表示することを選択すると、スケーラビリティの問題が発生する可能性があることに注意してください。グリッドに含まれる行の数、ドロップダウンが含まれる列の数、各ドロップダウンに含まれるオプションの数は?大きなデータセットの場合、この方法でグリッドにドロップダウンを表示することは現実的ではありません。

#2の場合:私はワンクリックの側で誤解します。ユーザーがフィールドを編集する目的でクリックした場合、ドロップダウンボックスを展開するためにもう一度クリックする必要はありません。

Telerikにはドロップダウン列のある行を編集する例はありませんが、データの行を編集するためのオプションのデモが気に入っています。 http://demos.telerik.com/aspnet-mvc/grid/editingbatch?theme = Vista これは、さまざまなオプションをブレインストーミングするのに役立ちます。

4
Renee Grebe

Googleドキュメントとスプレッドシートについて考えます。ベースラインはあると思います。テーブルでは、ドロップダウンは選択の関数または「編集」状態である必要があると思います。これはダブルタップまたはダブルクリックですが、インライン編集をこの方法でアクティブにするための十分な前例があります。正直なところ、ユーザーがEvernoteでタグを追加できるのと同じように、ユーザーが入力すると同時に予測テキストを入力し、途中でリストに新しい値/入力を入力することができなかった理由がわかりません。

そうは言っても、私は他のコメントに同意します...そもそもグリッドが必要ですか?

0
Griffopolis