複数のタブを閉じないようにしますか？
私は、ユーザーが複数のモーダルを開くと、それぞれのタブとマージするという、モーダルへの新しいアプローチに取り組んでいます。
これは、一方を閉じたり、画面の反対側のコーナーにドラッグして両方を表示したりすることなく、モーダルを切り替えるのに最適です。
しかし、私が気づいている1つの問題は、複数回クリックしすぎると（明確な理由がないために人々が行う傾向がある 例1例2 ）、最終的に複数回閉じる可能性があることです。なぜなら、次のモーダルの「X」が閉じたモーダルの場所にスライドするからです。
タブのスライドオーバーに遅延または遅いトランジションを追加することを考えていましたが、それは感じが遅く、不要なラグを追加するだけです。 2番目の「X」を少しの間無効にすることもできますが、ユーザーがすべてをすばやく閉じたい場合はどうしますか。
より良い解決策はありますか、これはユーザーがすばやくクリックしないように学習する必要があるものでなければなりませんか？.
ユーザーが複数のモーダルをすばやく閉じないようにしたくない場合、この方向へのアプローチはすべて失敗します。
あなたがしたいのは、ユーザーが誤ってタブを閉じないようにすることです。これは誤ったユースケースであるため、最初から設計しないでください（「通常の」ユースケースを妨げない場合を除きます）。
それを行うのではなく、以前に閉じたタブを再び開く機能を追加するだけです。 「元に戻す」アクションを備えた小さなゴムで十分です。
あなたがそれをユーザーテストできるなら、私はそれが十分であったかどうかを知りたいと思っています。
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
タブの数に関係なく、パーセンテージベースのアプローチを使用できます。つまり、すべてのタブの合計が全幅の100％になります。この方法では、タブの端にある閉じるボタンの位置が同じ位置になることはほとんどありません。
Firefoxには、タブを閉じるボタンをタブ行の最後に移動して、タブ自体から効果的に削除するオプションがありました。オプションはバージョン31で削除されました。
私はそれを使用し、それが誤って複数のタブを閉じる可能性を排除しました。それは小さなボタンのようなもので、マウスが通常置かれていた場所からかなり離れている可能性があります（Fittの法則）。そして、あなたは本当にそれが何で、どこにあるのかを知る必要がありました。
しかし、どういうわけか、タブ自体にないタブを閉じるボタンがあることを明確にすると、問題を解決できる可能性があります。