web-dev-qa-db-ja.com

これはモバイルメニューの「安全なスクロール領域」であり、ユーザーがスクロール中にオプションを誤ってクリックしないようにするのは良いアイデア/ユーザーエクスペリエンスですか?

私はこれを他のどこかで見たことがありませんが、スクロール中に偶発的なクリックが発生するという苛立たしい発生を防ぐための良い方法のようです。どう思いますか?

mockup of mobile "safe scrolling area" idea

2
Mark Gavagan

問題の2つの主要なマウス/タッチイベントは、OSが(アプリケーションに対して)起動します。

  • クリック(マウスの場合)またはタップ(タッチの場合)
  • 引っ張る

OSがジェスチャーが前者か後者かを判断する方法の背後には、実際にはかなり複雑なメカニズムがあります。マウスで説明します(一般的な用語のため)が、タッチでも同じように機能します。それは行きます:

  • ユーザーがマウスダウンを実行します。
  • マウスダウン座標から、マウスが動くための安全領域があります。各方向に2ピクセルと言います。この安全領域は、マウスがマウスダウンの瞬間からマウスアップの瞬間まで少し移動した場合(非常に短い期間ですが、ミリ秒の範囲内)、誤ったドラッグイベントから保護します。
  • マウスがこの安全領域の外に移動すると、OSはドラッグ開始イベントを発生させ、続いてマウスが連続して動くたびにドラッグイベントを発生させます。
  • マウスアップすると:
    • いずれかの時点でマウスが安全領域を離れると、ドラッグ終了イベントが発生します(マウスが安全領域に戻った場合でも)。
    • マウスが安全領域を離れなかった場合、マウスアップイベントが発生し、続いてクリックイベントが発生します。

適切に実装されたアプリケーションは、マウスダウンイベントまたはマウスアップイベントではなく、クリックイベントに応答する必要があります(説明している問題が発生する可能性があります)。

つまり、クリックイベントが発生するか、ユーザーがマウス/指を動かすとドラッグイベントになります(その動きが指定された安全領域よりも長い限り)。したがって、ユーザーがマウスまたは指を動かすと、UIがスクロールをサポートしていなくても(スクロールできないようにリストが表示される可能性があります)、クリックイベントは発生しません。

私のメモリで問題がなければ、実際のOS安全領域はピクセル単位ではなくインチ単位であり(高解像度の画面では安全領域が小さくなりません)、OSの追跡速度によって異なる場合があります。

適切に実装されたアプリケーションを結論付けるために、言及された問題に悩まされるべきではありません。とにかく、安全なスクロール領域は私には思えます:

  • ディスプレイの不動産であるプラットフォームの深刻な宇宙消費者は非常に限られています。
  • ユーザビリティの問題を単独で引き起こす可能性があります。アフォーダンスをどのようにして高め、これらの型破りな機能をユーザーに知らせますか?
  • そして、述べたように、元の問題は存在すべきではありません。
6
Izhaki

安全なスクロール領域を追加することは良いアイデアおよび/またはUXですか?

私はそれが良い考えであることを認めるでしょう。あなたと同じ問題を経験している人がたくさんいることは間違いありません。彼らはあなたの解決策を歓迎します。そして、この問題を抱えていない人々が、あまり多くのスペースをとらない限り、私たちがこの考えにどう反対するかはわかりません。

私はそれが良いUXであることにはノーと言うでしょう。それは、人々がデバイスを保持する方法、親指または指の届く範囲がいくつかの方法で制限されていること、およびあなたが対話の可能性を制限しているという事実を検討しているためです。

片手

enter image description here

この画像によると、右利きの人は安全なスクロール領域をスクロールするために、親指をぎこちない位置に保持する必要があります。左利きの人は問題が少なくなります。
画像はすべての人を代表するものではないため、右利きの人の中には、やり取りに必要なジェスチャーを問題なく作成できる人もいます。

支えられる

enter image description here

この位置では、親指または指の到達範囲が広くなり、人々は安全なスクロール領域に問題なく到達できます。

両手

enter image description here

この位置では、親指の届く範囲が縦長の位置に制限されます。小さなドラッグジェスチャーのみが可能です。

スクロールすると、通常は親指で、まっすぐ上に移動しません。私のドラッグはそれにカーブを持ちます。スクロールは安全なスクロール領域に限定されないことを知っていますが、そのバーを追加すると、そうなることが示唆されます。そのため、限られた範囲内で特定の動作を実行するように人々を強制することになります。

しかし、うまくいくかもしれません。成功して新しい、より安全なスクロール方法を導入すれば、すばらしいでしょう。そのため、実際に試してみて、リアルタイムユーザーがどう思うかを確認することができます。

2

モバイルの一般的なルールは、ドラッグ対タップを検出することです。スクロール用に特定のガターを追加する代わりに、ユーザーのジェスチャーがタップまたはドラッグされたことを検出してみてください。

1
Dennis

最初は画面に多くのスペースがないため、あるユーザーの指と別のユーザーの指のピクセル数(幅)がどれくらいになるかを正確に推測することはできません。

おそらく、ユーザーがスクロールする必要のあるメニューを用意するのではなく、サブメニュー(アイテムをグループ化)を使用する方が良いでしょう。 1クリックか2クリック程度ですが、UIを不必要に機能させる必要がなくなります。

0
Xavier J