動かないカルーセル

前回に引き続き、Amazonカルーセル(画像が横方向に、ビュンビュン切り替わるUI)のスゴイところをもう一つ。

マウス移動中はカルーセルが停止

カルーセルの画像の上で、マウスを動かし続けてみると、一向に次のスライドへ移りません。
マウス移動中はカルーセルが止まります。

マウスが静止してしばらくたつと、またカルーセルが動き出します。

(ちなみにマウスを使わないスマホサイトは、カルーセルが採用されていません。)

ミスクリックをしたことがない

カルーセルはスライドが切り替わるタイミングで、ミスクリックをする可能性があります。

前のスライドをクリックしたかったのに、次のスライドをクリックしてしまった・・・。

Webサイト閲覧時に、たまにやるのですが、Amazonでミスクリックをした記憶がありません。

マウスをカルーセル上で動かしているときは、ユーザーがクリックする可能性があるため、カルーセルを止める配慮をしているのでしょう。

AmazonのUI、UXのこだわりは驚異的です。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)