ログイン時の認証

あるサイトにログインしようとした時の認証システムです。
円形の写真の内側を触って、一生懸命、回転させようとしていましたw

エラーのタイプ（認知エラー）
円形の写真の外側と内側がズレているので、パッと見ると直感的に内側の写真を回して合わせるのかなと、誤って認識していまいがちな事例です。
「スライダーをドラッグしてパズルに合わせます」という表示はあるのですが、それよりもまず、写真に目が行ってしまうので、つい、そちらを操作するものと認識していまいがちになるのではないでしょうか。詳しくは、ネットなどで調べていただけるとよいと思いますが、アフォーダンスの問題かもしれません（心理学の専門家ではないので、間違えていたらすいません）。
また、「スライダーを・・・」の表示が見えたとしても、スライダーのことを知らないと、そのまま無視してしまうということもあるのかもしれません。

対策の４つの視点（２．要因）
大きな効果はないかもしれませんが、
・「スライダーを・・・」の表示
・スライダー（矢印のアイコンと横にドラッグできるようになっている部分）
・円形の写真
という順番に配置した方がよいかもしれません。今のままだと、円形の写真に先に目が行きがちなので、スライダーを写真より上に配置することで、「スライダーを・・・」の表示との関連性も高まり、少し認識しやすくなるのではないでしょうか。