web-dev-qa-db-ja.com

クリックターゲット間の最小距離

最適なUXのためにWeb上のクリックターゲット間の最小距離はどれくらいですか?

私はこの記事を読みました: フィッツの法則のインタラクティブな視覚化

the screenshot from the article

これが私が最良の方法で配置しようとしているアイテムのメニューです:

enter image description here

フィッツの法則によると、距離が短いほど良い。したがって、距離を短くすると、ヒットしにくくなりますが、2つの項目間の距離が短いと、もう一方の項目を誤ってクリックしてしまう可能性があります。

したがって、この場合にフィッツの法則を適用すると、ユーザーがターゲットを失う可能性がありますターゲット

計算に使用する式、たとえばMD変数(誤って他の密接に存在するターゲットをクリックしないようにするための最小距離)はありますか?

1
Peter

ターゲット間の距離はゼロに近い場合があります。あなたが持っているメニューのように。ここで欠けているのはターゲットのサイズです。ターゲットが小さすぎると、ターゲットを見逃しやすくなります。投稿したフィッツの法則の画像から:

この式から、タスクが難しくなり、遠くにターゲットがあり、smallerになっていることがわかります。

0
locationunknown

ここで相互作用の媒体-カーソルvs指を考慮する必要があると思います。

ここに配置されたリンク(UX.SEデスクトップバージョン)は、カーソルがはるかに優れた精度を提供するため、偶発的なクリックなしで対話するのに最適です。

enter image description here


ただし、相互作用の媒体は指であり、偶発的なタップを回避するためにリンク間に十分なスペースが必要であるため、同じことはモバイルアプリではうまく機能しません

enter image description here

1
DPS