UI：ホバー/フォーカスしてコントロールを表示しますか？

Question

大量の画面スペースを占める大量のデータを保持するWebアプリケーションのプロファイルがあります。各セグメントには、関連する編集/削除ボタンがあり、画面が乱雑になり、すべてが同時に表示されている場合はコンテンツの邪魔になります。

データセグメントにホバーしたりフォーカスしたりするときにコントロールを表示するというアイデアを楽しんでいます。この動作は、Facebookなどのアプリケーションで、ニュースフィードのアイテムにカーソルを合わせると表示されます（ドロップダウンまたは「削除」ボタンが表示されます）。Twitterは、個々のツイートにもこれを実装します。他にも多くの例が公開されています（コメント機能、フォーラムなど）。

私の懸念は、ユーザーにデータの空のセグメントにカーソルを合わせる/焦点を合わせるように促すアフォーダンスがないこと、そしてそのようなアフォーダンスを作成すると視覚的な美学が複雑になることです。インターフェイスの使用方法を習得するための障壁を作りたくありませんが、実際にこれがどれほどの障壁を生み出すかはわかりません。私の想定（危険）は、それは大した問題ではないと思います。残念ながら私はユーザーではありません。

ユーザーが操作を開始するまでコントロールがユーザーから隠されているときに、学習曲線がどの程度導入されるかを誰かが知っていますか？より良いオプションはありますか？ドロップダウンが検討されていますが、表示される「クリック可能な」要素を単に減らすことは最適ではありません。

Michael Zuschlag · Answer

ホバー表示のコントロールを使用するケースがこれまでに発生したとは思わない。懸念は明らかに、コントロールの混乱がデータの表示を妨げることです。それは確かな可能性ですが、コントラストの高いデータと比較的ミュートされたコントロールを備えた適切にバランスの取れたグラフィックデザインが、これを処理するためのより良い方法であるように私には思えます。

ホバー表示はいくつかの問題があります。

1つ目は、あなたが言ったように、ユーザーがコントロールを発見できないことです。ユーザーはWebページを見て探索します。マウスを上に乗せても「感じ」ません。
2番目の、より可能性の高い問題は、ユーザーが目的のデータオブジェクトの上にカーソルを合わせていない限り、ユーザーが明確なターゲットを持たないために、ユーザーがコントロールをアクティブ化することがより困難になることです。 UIEは、ユーザーが最初にアクションを決定してからマウスを動かすであることを発見しました。その結果、ページが雑然としても、リンクが永続的に表示されたとき（ホバー時よりも）、ユーザーはリンクをより適切に使用できるようになりました。同じことが編集コントロールにも当てはまると思います。複数のデータオブジェクトに対して同じコントロールを繰り返すことの全体的な利点は、ユーザーがコマンドにワンクリックですばやくアクセスできることです。コントロールを非表示にすると、この利点が失われます。混乱が気になる場合（たとえば、コマンドが2つ以上ある場合）は、オブジェクト選択アクションの相互作用モデルに従って、集中管理されたツールバーにコントロールを配置した方がよい場合があります。
3番目の問題は、ユーザーがマウスをデータオブジェクトの上に移動すると、意図しないアニメーション効果を引き起こすことです。

コマンドコントロールのホバー表示に関するいくつかの調査を見てみたいと思います。しかし、それまでは、ユーザビリティテストで、より深刻な問題を引き起こさずに問題を整理できることが実証されない限り、アプリでそれを使用しませんでした。

Myrddin Emrys · Answer

ホバーコントロールがconsistentおよびbiquitousの場合、アフォーダンスを表示する必要はありません。すべての例で、画面上のすべての項目に言及すると、ほとんど同じホバーコントロールがあります。同様に、フォーム内のすべてのアイテムに同じホバーコントロールがある場合、ユーザーはフォームを使用するだけですばやく自動的にそれらを見つけられます。

これが機能するためには、その領域にはユーザーが実行できるタスクがすでに存在している必要があることに注意してください。たとえば、これはラベルだけでは機能しません。ユーザーが既にクリックできるアクティブなコントロールが必要です。ホバーコントロールは、基本を超えて実行できるextraアクションでなければなりません。このようにして、ユーザーは基本的な対話を実行し、ホバーで利用可能な追加のアクションを確認します。画面のセクションに表示以外に何も表示されていない場合、ユーザーは何もする必要がなく、すべてのコントロール上にあるホバーコントロールを見逃す可能性があります。

たとえば、StackExchangeチャットルームでは、ホバーコントロールなしでチャットできます。ホバーコントロールは、すべてのチャット行に存在するオプション機能です。数分以内に、一般的なユーザーは、すべてのチャット行が独自のコントロールを持つクリック可能なエンティティでもあることに気付くでしょう。しかし、ホバーコントロールはページを使用するために必要ではないので、ユーザーがホバーツールをすぐに見つけない場合でも、ユーザーは何をするにも失敗しません。