どちらの×で消せるのかわかりにくい → ×

Webサイトで写真やイラストのサムネールをクリックして拡大し、×で閉じる操作があります。しかしこれが２枚重なると、どちらが前面にあって消すことができる対象なのかわかりにくくなります。

この写真の例では自動車の写真が前面に拡大表示されているので、右上の×で消すことができますが、グレーの枠の右上にある×も押せそうな気がしてしまいます。

改善策としては、順序に意味を持たせるのなら押せないグレーの枠はもっと明度・彩度とも落として存在感がないようにすることや、どちらでも×で消せるのが良いと感じました。ひとつ背面にあるグレーのウインドウを消すと、その前面にある自動車のウインドウもろとも消えると辻褄はあうと考えます。

もっと根本的にはポップアップされるウインドウは２枚重ねないのが正解だと思います。一般論として、利用者は背景とその上にオーバーラップする２枚程度しか意識して区別はできないものと考えた方が望ましいでしょう。