web-dev-qa-db-ja.com

タブを閉じるとき、どのタブに焦点を合わせるのが最も理にかなっていますか?

私は、ユーザーがタブを作成し、分析データを表示するモジュールでタブを埋めることを可能にするWebアプリケーションに取り組んでいます。そのため、1つのタブに一連の棒グラフがあり、別のタブにテーブルのグループがある場合があります。または、ビジネスの1つの側面に関連するデータがあり、別のタブに別の側面の詳細が表示されます。

タブのUIはGoogle Chromeに似ています。新しいタブを開くには、他のすべてのタブの右側にある「+」ボタンをクリックします。新しいタブは、最後に追加されたタブの右側に追加されます。

タブを閉じたときにどのタブがフォーカスされるかと思います。私はこれが2つの方法で行われるのを見てきました:

  1. タブを閉じると、すぐ右側のタブがフォーカスされます(または、右側にタブがない場合は、すぐ左側のタブがフォーカスされます)。
  2. タブを閉じると、表示していた最後のタブがフォーカスされます。

UXの観点からどちらがより理にかなっていますか?

7
stinkycheeseman

さまざまなブラウザとデスクトップアプリケーションがこの問題をどのように処理するかを比較して、これについていくつかの「広範な調査」*を行ったところ、私の発見は次のとおりです。

  • Axure-閉じたものの右側にタブを表示します
  • IE9-閉じたタブの右側にタブを表示します
  • Firefox-閉じたタブの右側にタブを表示します
  • Chrome-閉じたタブの右側にタブを表示します
  • Excel '10-閉じたタブの右側にタブを表示します
  • Safari(Mac)-閉じたタブの右側にタブを表示します
  • Opera-最後にアクセスしたタブを表示します。 <-これができるアプリだけが見つかります。

したがって、私は大多数と一緒に行くことをお勧めします。主要なアプリケーションがすべて1つの方法で動作する場合は、混乱を避けるためにこれを使用します。

/編集-さらに考えると、ここで実際のタブのメタファーが使用されていると思います。物理フォルダーにファイルのロードがあり、いずれかのフォルダーを削除すると、このフォルダーの後ろにフォルダーが表示されます。 Web /コンピューターの世界でタブのメタファーを複製することは、おそらく新しいスキルを習得するために必要な学習時間を短縮するため、かなり一般的な戦略です。

* 広範な調査=現時点でラップトップで使用しているさまざまなアプリケーションをテストしています。

8
JonW

UXの観点からは、フォーカスするタブは最も予測可能なタブです。それは明らかな次のものを言うことです。自然な左から右へのタブの配置が与えられた場合、ユーザーがタブを削除すると、右のタブがその位置になりますになります。そのため、ほとんどのブラウザでは、閉じたブラウザの右側にタブが表示されます。

2
Alconis

通常、ユーザーが閉じたタブの前に表示した最後のタブ。

タブがなんらかの方法でプリロードされていて、ユーザー操作がない場合、それはアプリケーションの目的とタブのコンテンツに依存すると思います。

1
jColeson