web-dev-qa-db-ja.com

クリック可能なアイテムをネストしてもよろしいですか?

SEネットワークでこれに気づき、クリック可能なリンクがクリック可能なアイテムにネストされている場合、ユーザー(とにかく私)はアイテムがクリック可能であることを忘れがちであることに気付きました。灰色のバーがまだクリック可能であることを理解するのにしばらく時間がかかりました(私が長い間他の灰色のバーをクリックしていても)。

enter image description here

灰色のボックスと[リビジョン]リンクの動作は異なります。一方は新しい編集をロードし、もう一方はリビジョン履歴を開きます。

どうすればこれを改善できますか?

より一般的には、クリック可能なアイテムをネストするにはどうすればよいですか?明らかにクリックできないアイテムに「明らかにクリック可能なアイテム」(リンクなど)をネストする必要がありますか?それを行う場合、他のものがクリック可能であることを明らかにするにはどうすればよいですか?

(注、 IamこれをMSOでも改善するように求めています 、私は一般的なUXの原則に興味を持っていました)

11
Manishearth

私はこれを約5分前に遭遇し、ボックスがクリック可能であることさえ知りませんでした。これら2つのクリック可能なアイテムをネストすると、ユーザーの認知的負荷が増えると思います。灰色のボックスをクリックすることを検討する過程で、ユーザーは代わりにリビジョンリンクをクリックするかどうかを決定する必要があり、この状況では2つのオプションがあることを思い出させられます。

簡単な解決策は、「改訂」リンクを削除し、灰色のボックスに「この投稿に編集が加えられました。更新を表示しますか?」ボックス全体をクリック可能なボタンにします。回答をインラインで更新することは、「改訂」をクリックして完全に別のページに移動するよりもユーザーにとって不快ではありません。

7
Andrew Shipe

私が言っているのは、改善可能な状況ではありません。 Fittの法則 の副産物を扱っています。

基本的に、アイテムのクリック領域が大きいほど、クリックしやすくなります。ターゲット(上記の例では)は「リビジョン」という語ですが、ターゲットは薄茶色のボックスに拡張されています。これは、デザイナーが精通しているためです。

確かにWordリビジョンをクリックすることはできますが、マウスをボックスに入れると、カーソルがポインターの手(マウスオーバー)に変わったという視覚的な合図が表示されます。これで、クリックできることがわかります。

改善できないかもしれないと私が言うとき、私はハイパーテキストリンクが一般に理解されている慣習であることを意味します。ただし、吹き出しボックス:

  • リンクが含まれている場合は、常にリンクが含まれているとは限りません。
  • 常にクリック可能ではない
  • 通常、それらを特徴とするサイトのブランドごとに設計されています

つまり、コールアウトボックスは、期待を設定するのに十分な一貫性がありません。メッセージにユーザーの注意を集中させるように設計されています。デザイナーが精通していて、アラートがそれをサポートしている場合、ボックスはクリック可能です。

1
Dan Michael