web-dev-qa-db-ja.com

NetflixのWebサイトのホバー機能は、UIのベストプラクティスに違反しますか?

例えば:

screen capture

Gifで何が起こっているのかについての私の説明:タイトルが短時間ホバリングされると、そのタイトルが拡大し、他のコンテンツが画面から押し出されてユーザーの注意を引きます。

ホバー時にアクションを実行することは望ましくなく、ユーザーが明示的なアクション(クリックなど)を実行したときにのみアクションを実行することを読みました。それは原則ですか、この場合に適用されますか?

7
guest1443

ホバーはonlyの方法で情報を確認できますか?タブレットを使用している人、またはマウスを使用せずにキーボードを使用している人は、その項目を完全に選択しなくても、完全な情報を見つけることができますか?

ホバーがそれを表示する1つの方法(いわば拡張機能)である場合は、問題ありません。しかし、あなたがhaveを使用して詳細を確認するためにマウスを使用して項目にカーソルを合わせる場合、またはそれらの詳細を取得する前に実際に映画を選択して視聴する必要がある場合は、違います。大丈夫。

マウスを使用できない/使用しない人にペナルティを科さないでください。拡張にはホバーを使用しますが、方法には使用しないでください。

4
JonW

いつものように異なります。それがベストプラクティスではない理由は、ホバー状態が、リストした例のようにスクロールを含む複数の意図しない方法で達成される可能性があるためです。

Netflixの場合、彼らは間違いなくその結果を知っていました。これが、ホバー状態がアクティブになる前にこのような短いタイマーを持つ理由であり、各タイルがわずかにしか拡大しない理由です。このようにして、ユーザーはホバーに関する追加情報を(誤った誤ったクリックによって)エラー率を大幅に増加させることなく取得します。

さらに、ユーザーがエラーを多くしすぎても、Netflixは気にしないと仮定します。彼らは見たい番組や映画を見つけるかもしれません。同社のモデルでは、ユーザーがサービスを利用する前に料金を支払っているので、間違ったコンテンツを誤って再生し始めたため、誰も真剣に離れることはありません。それは「ハッピーアクシデント」ですか?おそらくそうではないでしょうが、もしNetflixがそうしようとした場合、彼らがそれがどのくらいの頻度で発生するかを追跡し、継続して視聴する率を追跡するメカニズムを持っていることは間違いありません。

2
Jamezrp

暗いパターンFTW?

ホバーで物事を移動する際の問題は、ターゲットがジャンプすることです。これは、展開されているアイテムの問題ではありません。 Jamezrpが指摘したように、それは意図的なものかもしれません。おそらくNetflixは、エンゲージメントを高めるために暗いパターンを使用しています。私はdarkと言いますが、これは理想的な相互作用ではありませんが、Netflixは「ネガティブ」な副作用がユーザーまたはユーザーの好意で機能することを発見した可能性があります。

経験則

一般に、この種の拡張は、一定量の見当識障害を引き起こすため、実行する必要はありません。 (意図的かどうかに関係なく)拡張されるものがユーザーの検討セットの多くのオプションの1つにすぎない場合、クリックにコミットする前に別のオプションを試すことにした場合、少しつまずかなければなりません。

より良いオプション

ホバーパターン(またはタッチUIの同等のタップ)を使用して拡張情報を提供したい場合は、より良い方法があります。環境全体を歪めるのではなく、問題のアイテムの状態を変更するだけです。 Netflixの例では、追加情報を拡張せずにカバー画像の上に重ねることができます。カバーが注目を集め、今では単なる背景になっています。

したがって、この ...

Standard cover

これになる...

Expanded entry info without size change

0
plainclothes